OnlyGrape葡提子,英文建站博客英文网站建设，用户体验设计，前段技术研究，seo网站推广

WordPress不同页面显示不同数量的文章

WordPress显示文章列表的页面一般有：首页页面，分类页面，标签页面，存档页面，搜索结果页面这几种。这些页面内显示的文章数呢，可以通过“后台-阅读-博客页面最多显示”来控制。

首页页面不要显示过长，我们可能设置为显示10篇，作为分类页面、标签页面、存档页面以及搜索结果页面的文章写成了只输出标题，而经过以上设置，所有的页面默认的都是输出10条，反而让这些页面显得有点少了，因此通过代码来解决同页面显示不同数量的文章

代码：

<?php $posts = query_posts($query_string . '&orderby=date&showposts=[......]

WordPress 文章显示tags标签调用方法

打开文章页模板single.php，在你需要显示Tags的地方，添加下面的代码：

<?php the_tags('标签：', ' , ' , ''); ?>

将标签两个字换成来源就是下面的这个效果了

在没有添加标签的时候标签项是不显示的

WordPress单篇文章分页功能

wordpress编辑器中添加这个分页按钮。

方法如下： 找到 /wp-includes/class-wp-editor.php 文件。查找 ‘wp_more’, 标签：（在391行处）

$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', 'bullist', 'numlist', 'blockquote', 'justifyleft', 'justifycenter', 'justifyright', 'link', 'unlink', 'wp_more','[......]

pc电脑、mac修改host文件

在pc电脑下修改host文件,简单的方法就是用火狐浏览器的插件hostadmin

使用方法：
火狐浏览器——工具——附件组件 在这里面搜索“hostadmin”安装。
搜索不到该组件的话，直接在google搜索“hostadmin”安装就可以
设置比较简单，点击安装好的hostadmin，点击editor，添加需要绑定的ip和域名 之间用“tap”空开

mac系统修改hosts文件

主要说一下终端更改
这种好像是网路上说的最多的方法.
在应用程序里面打开终端(terminal),输入
sudo vi /etc/hosts
然后提示输入系统密码
hosts文件[……]

WordPress调用单个分类文章列表

想要把wordpress做到cms那么强大，很多地方需要这个功能——Wordpress调用单个分类文章列表方法：

<h2><?php wp_list_categories('include=11&title_li=&style=none'); ?></h2> //输出 ID 为11的分类的标题
<?php echo category_description(11); ?> //输出 ID 为11的分类的描述
<?php query_posts('cat=11&showposts=5'); ?> //que[......]

WordPress 添加面包屑导航

面包屑导航简单的说它就是提供给用户快捷回到网站首页或入口页面的路径，它提供给用户返回之前任何一个页面的链接，在层级架构中通常是这个页面的父级页面。
主要的展现形式首页→分类页→次级分类页→文章详细页
以下的两个方法主要是参考了“园子博客”的文章
方法一：直接在相关页面添加代码

<div>
当前位置：<a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a> &raquo;
<?php
if( is_single() ){
$cate[......]

Widget Logic 让wordpress 不同页面显示不同的导航

Widget Logic 插件来改变侧边栏在不同页面的显示方式，可以让小工具在不同的边栏显示。

安装并激活 Widget Logic 之后，你就会发现在边栏小工具的底端多出了一个参数设置项“Widget Logic”，如图：

Widget Logic插件常用的参数值
is_home() 只在主页显示
is_single() 只在文章页显示
is_page() 只在页面显示
is_category() 只在文章分类页显示
is_tag() 只在文章标签页显示
is_archive() 只在归档页显示
is_404() 只在404页显示
is_search() 只在[……]

ie7浮动元素重复最后几个字符bug

复杂的布局可以触发在浮动元素的最后一些字符可能出现在出现在清除元素下面的bug。

没有理解出真正出现这个现象的原因，不过在试了两个起作用的方法

1、在容器的最后元素使用一个空的div(有些效果但是没有完全解决)
2、在容器的最后元素添加position:relative;

鼠标经过滚动切换的背景的css

鼠标经过每个标志，背景是滚动出现的，主要是应用transition的属性

css代码

/*social*/
.socialbar { width:auto; height:auto; overflow:hidden;}
.socialbar ul {
list-style: none;
margin: 0 0 -1px 0;
float: right;
}
.socialbar ul li {
display:block;
float: left;
margin:0;
padding:0;
}
.socialbar ul li a {
-we[......]

WordPress条件标签

简介

在模板文件中，我们可以根据能与某页面相匹配的条件，利用条件标签更改该页面上将要显示的内容以及内容的显示方式。例如，如果希望在博客首页文章列表的上方显示一段文字，可以利用 is_home()条件标签轻松实现这一效果。

注意：条件标签与WordPress模板层级密切相关。

条件

所有条件标签都会检查是否有条件可符合相应页面，之后返回TRUE或者FALSE。下面列出能够使各个条件标签返回TRUE的条件：

主页

is_home()

显示博客主页时，该条件标签返回TRUE。

注意：如果将静态页面作为博客主页，该标签会在显示日志页面时返回TRUE。

标题页

is_fr[……]