个人理财 博客设计傻瓜小抄 - 傻瓜

博客设计傻瓜小抄 - 傻瓜

目录:

Anonim

作者:Melissa Culbertson

你有一个博客…现在,使设计看起来非常壮观,工作很棒!当您了解博客设计的来龙去脉时,您可以创建一个博客设计来展示您的声音,并鼓励访问者阅读您的内容。在你知道之前,你会有一个非常棒的博客设计,你可以引以为傲。

如何开始博客设计

好的设计师有一个疯狂的方法。如果不考虑博客的主题,声音,博客目标等,设计就更难了。记下你的回应以下的提示,为强大的博客设计打下基础,以适应你的T.

<! --1 - >
  • 你的博客是关于什么的?

  • 你想让你的博客知道什么?列出两到五个博客目标。描述你的观众的一些特点。

  • 为什么你在你的博客上写?

  • 写下形容词,描述你最近的博客文章的语气。

  • 看看这些答案,然后将这些特质应用到您的博客的外观和感受中,并帮助确定某些设计元素,链接和行动号召的位置。

博客设计的注意事项

当您筛选博客设计的选项时,特别是对支持设计外观的幕后工具的要求时,以下列表可以对您可能不知道的术语进行方便的指导。

定位文字:

超链接到网页的可点击的单词或短语。

alt 属性

当访问者看不到图像时,将显示此属性中的文本。原因可能是互联网连接速度缓慢,或者有视力障碍的访问者可能会使用浏览器来大声读取alt属性中的内容。

博客主题:

一组文件,可以协同工作来产生博客的功能和设计,而不需要更改基本的博客软件。

博客框架: 作为博客设计基础的主题。从此基础上,您可以使用儿童主题构建自己的自定义设计。

CSS: 代表

级联样式表 。 CSS是一组命令,通过设置博客上各种元素的显示形式(从字体颜色到图像周围的空间),可以自定义博客设计的外观和风格。 HTML: 代表

超文本标记L 语言 。通过“标记”HTML文档中的文本,您可以指示Web浏览器以某种方式在网站上显示该文本。这可能是从文本转换为超链接来显示图像。 元描述: 搜索引擎用来描述整个博客,页面或博客文章的简短段落。

PHP: 代表

PHP:超文本预处理器 。一个常用的脚本语言,许多博客平台的基础上。 PHP对于保持博客的所有部分一起工作至关重要。 plug -

in: 这是一个为WordPress等大型软件应用程序提供附加功能的软件。 导航设计: 设计围绕访问者如何在博客中移动。

固定链接: 指向特定博客帖子或页面的URL,而不是主页。

RSS: 代表

真正简单的整合 或 丰富站点摘要 。 RSS订阅源是一种向用户提供内容的方式,而不需要用户实际访问您的博客。 搜索引擎优化(SEO): 在搜索引擎的未付费搜索结果中提高网站可见度的过程。

widget: 您可以添加到您的博客标题,侧栏或页脚的小应用程序。一些博客平台,如WordPress。 org和WordPress。 com,带有内置小部件。

矢量图: 由直线和点组成的插图。

创建您的博客设计清单 设计博客需要一定的关心和关注。在您设计博客的过程中,请按照此清单确保您不会错过任何主要的设计元素。了解核心设计原则。

创建与您的设计对齐的目标。

在您完成设计的过程中构建风格指南。通过研究,头脑风暴和博客分析收集设计想法。

  • 确定您的博客设计的字体。

  • 决定使用哪些颜色和多少个。

  • 选择设计的外壳的博客布局类型和博客主题。

  • 创建一个博客标题。

  • 设计博客背景或选择背景颜色。

  • 将相关内容添加到博客页脚。将搜索引擎优化工作纳入您的博客设计。

  • 确保您的博客适合移动设备。

  • 创建一个导航菜单。

  • 确定如果需要,进入侧边栏并设计图形。

  • 决定如何将设计工作到您的博客文章。添加导航元素,例如探索新旧内容的方式。

  • 将设计和图像合并到您的博客页面。

  • 安装插件将功能添加到您的博客

  • 插件可以增强您博客的设计,导航和功能。在这里,您可以找到一个插件列表,帮助您开始为您的博客设计添加功能,所有功能都集中在一个位置,并通过应用程序进行组织,以便于访问。所有这些插件都适用于WordPress。 org博客。如果你不在WordPress。 org,请查找星号(*)来表示可以在其他平台上使用的插件。

  • 该列表仅代表可用插件的一小部分。您可以在WordPress,CodeCanyon等网站上找到更多插件,或使用搜索引擎。

  • 搜索引擎优化插件

  • 针对搜索引擎优化您的博客和个人博客可以增加您网站的访问量。这些插件可以很容易地优化您的网站和博客文章:

  • 一站式搜索引擎优化包

SEO终极

由Yoast

的WordPress搜索引擎优化

能够创建一个XML站点地图(你想要搜索引擎找到的页面的目录)。如果您使用没有此功能的SEO插件,或者由于您的主题内置的SEO设置而不需要这些SEO插件,则可以使用以下插件来创建XML站点地图: Google XML站点地图

热门文章和相关帖子插件

良好的博客导航设计通过提供更多内容的链接,将访问者深入到您的博客中。通过这些插件,您可以突出显示与访问者当前正在阅读的帖子类似的最受欢迎的帖子或帖子。

LinkWithin

nRelate最受欢迎

nRelate相关内容

(点击登录注册并开始使用)

WordPress热门文章

nRelate相关内容的设置选项插入。

社交分享插件

当您的博客访客喜欢您的内容时,他们希望在Facebook或Twitter等社交网络中分享。这些插件为您的博客帖子和页面添加功能,以便访问者可以轻松地将这些功能传播给新的受众群体。虽然很多博主都坚持自己的平台原生评论系统,但其他人喜欢使用第三方软件,第三方评论系统如下: Disqus IntenseDebate Livefyre

另外,当某人(您或其他评论者)回复了他们的评论时,您可以使用此插件向评论者发送电子邮件评论。

评论回复通知

垃圾邮件战斗插件

任何博客都不喜欢在他们的评论中收到垃圾邮件(即使他们有时候很有趣)。这些插件可以帮助打击垃圾邮件。

Akismet

Growmap反垃圾邮件插件

WP Ban

图片显示插件

博客总是让人印象深刻。当你想要展示多个图片时,这些插件已经被覆盖了。

Catablog

Fancy Gallery

NextGEN Gallery

PhotoMosaic

快速图库

(见下图)

快速图库插件适用于多个博客平台

TouchCarousel < 图像查找插件

几乎所有的博客文章都应该至少有一个图像,以便将读者引入您的内容。如果您正在努力寻找正确的图像,这些插件可以帮助您找到图像,甚至不留下WordPress:

PhotoDropper

Zemanta

Flickr照片发布

联系表单插件

当您需要创建一个表单,无论是读者与您联系还是收集信息,您都有许多插件选项供您选择:

联系表格7

快速安全联系表

Kontactr

重力表单

Wufoo 标签框插件

标签框是在侧边栏中呈现信息的节省空间的方式。这些插件使创建一个标签框变得容易:

Easy Tab WordPress Widget

Hello Tabs WordPress Widget

(见下图)

Tabber Widget

Hello Tabs WordPress Widget

杂项插件

这些是我在书中提到的插件,但不适合其他任何类别。

自定义作者Byline

:允许您为来宾作者或无权登录到您的博客的访问者添加旁行。

创世纪Widgetized页脚

:如果您使用WordPress。 org Genesis Framework,这个插件允许你在页脚中使用小部件。

FT Signature Manager

:为您的博客上的作者设置签名,显示在帖子的底部。

WordPress的。 Jetpack

:给一个WordPress。 org博客强大的功能,已经内置到WordPress。例如搜索引擎优化功能,联系表单,以及从任何电子邮件客户端发布博客文章的能力。

WP Post Signature

:允许您在每篇博文末尾添加签名。 WPtouch

:如果您的博客主题没有自适应设计(因此布局根据访问者屏幕的大小进行调整),那么这个插件使您的博客更容易在移动设备上查看。

博客设计傻瓜小抄 - 傻瓜

编辑的选择

如何使用上下文在Android应用程序中启动特定活动

如何使用上下文在Android应用程序中启动特定活动

在Android应用程序中启动特定活动的一种方法是使用上下文。上下文是“关于应用程序环境的全局信息的接口。 “(Sayeth Android文档)非正式地,上下文是您可能想知道的实际发生的事情的背景信息。对于Android应用程序,...

编辑的选择

如何在Word 2013中为您的修改样式指定快捷键 - 虚拟人物

如何在Word 2013中为您的修改样式指定快捷键 - 虚拟人物

样式快捷键使Word 2013中的格式更好,因为按Alt + Shift + T应用TextBody风格通常比调整样式库或各种任务窗格的速度快。要给你的风格一个快捷键,请按照下列步骤操作:

如何将模板附加到Word 2010文档 - 傻瓜

如何将模板附加到Word 2010文档 - 傻瓜

人们有姓。大多数情况下,Word文档与他们的模板一起诞生。您可以在首次创建文档时选择模板,也可以只创建一个新的文档,在这种情况下为NORMAL。使用DOTM模板。您可以通过分配或附加新的模板来更改它...

如何调整Word 2011 for Mac中的间距 - 傻瓜

如何调整Word 2011 for Mac中的间距 - 傻瓜

使用提供的许多工具格式化文档在Word 2011 for Mac中是小菜一碟。你可以制作一个文件,但是你需要看。只要按照这些提示调整行和段落之间的间距。调整行之间的间距要更改行之间的间距,请选择...

编辑的选择

如何在元素中创建Facebook封面图片

如何在元素中创建Facebook封面图片

您可以在Adobe中选择一个或多个图片Photoshop Elements Organizer并在编辑器中打开文件。要创建Facebook封面并将文件上传到Facebook帐户,请执行以下操作:

如何在Photoshop Elements中创建幻灯片

如何在Photoshop Elements中创建幻灯片

Photoshop Elements 13为您提供了更为简化的方法用于创建动态幻灯片,您可以将其导出到可在Windows,Macintosh,iOS和Android设备上查看的H.264文件。 “创建”面板中的“幻灯片”选项以前是为Windows预留的。在元素13中,创建幻灯片的所有选项都是...

如何在Photoshop Elements 9中创建新文档 - 傻瓜

如何在Photoshop Elements 9中创建新文档 - 傻瓜

您可能需要从通过在Photoshop Elements中创建一个新文档来进行创建。元素中的新空白页有许多用途。你可以在一个新文档中混合和合并图像;创建一个画布,你可以绘制和绘画;或使用“新建”对话框查找文件...