WordPress快速入门指南布局篇
导航: 上一页 | 首页 | WordPress中文论坛 | WordPress主机 | CMS程序 | 论坛程序 | ECShop | ShopNC | PowerEasy
更换主题[ ]
WordPress用户可为其博客更换任何主题。所有主题中都包含一个CSS样式表,该样式表决定了博客的页面布局和风格(颜色、排版、外观)。在WordPress中,日志的内容独立于博客布局外,因此用户可以随时更换主题而不必更改日志内容。
WordPress曾试图建立一个集合所有WordPress主题的主题库 WordPress Theme Viewer,最后由于各种各样的原因,WordPress主题散落在互联网的每个角落里。
Weblogtoolscollection经常会向访问者推荐一些新发布的主题。大多数博客都在页脚部分显示了博客当前使用的主题。在搜索引擎上搜索“WordPress主题”可以找到很多免费主题,也可以花费若干美元购买一个设计精美的WordPress主题(在搜索引擎上查找“WordPress主题设计”或“付费WordPress主题”)。一般而言,选择主题时应尽量使用能够突出显示文字信息、风格简洁的主题。如果厌倦了现在的主题,立刻就可以换一个新主题。
为博客更换主题:
- 将所需主题下载到本地计算机
- 右击所下载的压缩文件,利用7-zip 或Winzip解压
- 打开FTP客户端(如FileZilla),连接到虚拟主机,将下载的主题文件夹上传到wp-content/themes
- 登录博客后台,在外观>主题中可以看到新上传的主题
- 选中该主题作为新主题。然后返回查看新主题在博客上的显示状况。
更换新主题后,可能需要重新配置侧边栏、页面导航以及页头。重新设置时应保证主题能够同时适应Firefox和IE浏览器。如果使用主题时遇到问题,请先访问主题作者的网站。如果访问后仍然找不到解决方法,可以在WordPress论坛的主题版块中寻找帮助。
更多信息请看:
调整侧边栏[ ]
一个主题通常会有一到两个侧边栏。侧边栏是博客日志左侧或右侧一个狭长的列表。侧边栏中的版块被称为“widget(小工具)”,我们可以任意显示或隐藏这些工具。侧边栏通常会列出博客的页面、联系方式、最新日志、RSS订阅、“关于”信息,如果有广告,也会显示在侧边栏。
修改侧边栏的步骤:
- 点击进入外观>小工具菜单。小工具界面上包括两部分:左侧的可用小工具和右侧的当前小工具。
- 将左侧自己需要的小工具拖拽到右侧的某一个侧边栏中,这样被拖拽的小工具就成了当前小工具
- 点击小工具栏旁的向下箭头,编辑小工具的相关说明。大多数小工具的功能从字面意思就可以看出来,但RSS小工具是例外。RSS小工具不显示其它人对本博客的RSS订阅,而是博客主人订阅的RSS中的条目。
- 在当前小工具中,拖拽小工具,使之以自己希望的顺序排列
- 点击“保存”按钮
- 如果主题已经使用了一个侧边栏,选择另一个侧边栏并进行小工具配置
更多信息请参考:
自定义页头图片或背景[ ]
我们修改主题时,通常首先会想到更换主题上方的横幅图片。但如何更换还要取决于当前所用主题。一般来说,更换主题页头图片分为以下几步: 1. 测出横幅图片的准确尺寸。横幅图片通常存放在主题文件夹中某个images或img子文件夹中。 2. 记下图片文件的的名称、文件类型以及尺寸大小。 3. 利用Photoshop或SnagIt等图片处理程序自行设计一个替代图片,新图片尺寸应与原图片完全一致,以原有图片的文件名和文件类型保存新图片。 4. 用FTP将新图片文件上传到原横幅图片所在文件夹(通常是wp-content/themes/当前主题名/images) 5. 弹出提示框时, 选择“覆盖原有文件” 6. 刷新博客页面,查看新图片的显示效果 此外,我们也可以保留原有图片文件,仅更改样式表中的文件名。 样式表中的页头信息应该是:
#header { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/wc_header.jpg") no-repeat bottom center; }
通过更改background属性(wc_header.jpg)改变页头图片/背景。 有时页头中可能没有任何图片,而只是一大片背景颜色。更改背景色的步骤如下:
- 进入外观>编辑
- 点击头部(header)文件,查看该部分的的样式。也可以使用Firefox插件 Web Developer Extension来查看header中定义的样式。
- 点击stylesheet文件(在外观>编辑中)
- 修改步骤2中查看的header样式
更多信息请看:
更换页面的显示方式[ ]
不同的主题会以不同方式显示页面。顶部含有按钮或导航菜单的主题有时会将这些按钮和表格自动显示在页面上。有些主题则会在侧边栏生成页面列表。还有些主题则要求用户手动输入页面URL。 关于页面的排列,有几点需要注意。如果页面(用户撰写的页面)列表自动显示在博客上,可以通过页面下方显示的页面顺序更改页面的排列顺序。 调整页面顺序:
- 进入页面>编辑
- 选中自己需要编辑的页面
- 在页面下方的“页面顺序”中,以1,2,3....顺序为页面编号排序。编号为1的页面显示在编号为2的页面前。
- 点击保存。
提示:如果在侧边栏中列出页面,Pages小工具下会有一个编辑链接,用户可以通过编辑链接更改页面的排列顺序并删除一些页面使之不显示在侧边栏上。
注意:如果主题上方有五个导航菜单(每个菜单都自动链接到一个页面),但我们的博客上有10个页面,这时可以在header.php文件(外观>编辑)中手动编辑页面链接的代码,也可以更改wp_list_pages标签中的参数,排除那些不希望显示在菜单上的页面。Pages小工具下有一个简单的“除了”字段,我们可以在这里标注不希望显示在侧边栏上的页面。但如果当前主题有一个导航栏或是菜单栏,编辑页面就变得很棘手了。页面列表由 " href="http://codex.wordpress.org/Template_Tags/wp_list_pages <?php wp_list_pages('arguments'); ?>标签在代码中生成。我们可以用各种决定页面显示方式的参数代替该标签中的argument。例如,可以在列表中添加或删除页面,也可以添加子页面、规定页面排列顺序等。具体用法参见模板标签wp_list_pages。
更多信息请看: wp_list_pages
简化RSS订阅过程[ ]
RSS订阅是博客的特色之一,订阅者通过RSS订阅将我们的博客添加到他们的订阅器中。所有WordPress博客都自带RSS订阅功能,用户甚至可以指定订阅某一分类下的日志。我们可以在自己的博客地址后加上/feed来了解博客的订阅情况。例如,如果http://idratherbewriting.com是我们的博客地址,那么http://idratherbewriting.com/feed就是博客的RSS订阅情况。
尽管如此,除非通过Feedburner重定向自己的RSS订阅,否则很难统计出博客被订阅数量。我们有时会在一些博客上看到显示订阅数量的小图标,这是Feedburner的专用小图标,我们也可以在自己的博客上安装这样一个图标。
要通过Feedburner重定向博客订阅并在博客上添加订阅图标:
- 在博客URL后添加/feed,了解RSS订阅信息
- 进入 Feedburner.com,注册一个账号
- 在Feedburner主页的主输入框中,“Start Feedburning Now”文字下方,输入自己博客的RSS订阅地址。如果打算将播客视频也纳入订阅内容,请选中I am a podcaster复选框。(使用Feedburner添加播客订阅会自动加入必要的iTunes说明。)
- 为RSS订阅起名,点击Activate Feed
- 点击Next,完成其他必要设置
- 如有必要,可下载 Feedburner Feedsmith plugin插件。解压所下载文件并通过FTP将之上海窜到wp-content/plugins文件夹。然后在管理面板中点击插件菜单并激活该插件。
- 在Feedburner中点击Publicize表。然后进行以下操作:
- 如果要获取RSS图标的代码,点击Chiclet Chooser子表
- 如果要获取电子邮件订阅框的代码,点击Email订阅表
- 如果要获取订阅者统计数量图标的代码,点击Feedcount子表
- 返回博客,进入外观>小工具
- 在博客侧边栏添加一个文本小工具,然后插入第七步中获取的代码(RSS、Emai或Feedcount)
注意:如果没有使用Feedburner Feedsmith 插件,读者也可以订阅到我们的博客,但地址是WordPress默认地址而非重定向的Feedburner订阅地址。Firefox和IE浏览器感应到网站上的RSS订阅时,会在浏览器地址栏网站地址右侧显示一个橘黄色的RSS按钮。读者点击这个按钮后,页面上显示该网站的默认订阅地址而非Feedburner订阅地址。我们可以编辑网站header文件中列出的订阅信息,以此更改浏览器地址栏的订阅地址。
要更改header文件中的订阅:
- 进入外观>编辑
- 点击Header文件
- 用自己指定的Feedburner订阅地址代替自动生成的订阅地址,然后保存
例如,header中有一行代码描述的订阅地址是:
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
其中<?php bloginfo('rss2_url'); ?> 自动获取默认订阅地址。用Feedburner的订阅地址替代<?php bloginfo('rss2_url'); ?> ,如:
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="http://feeds.feedburner.com/tomjohnson" />
更多信息请看: