本站wordpress说说源码。

2015年11月15日 09:21:26流年

流年

管理员

320
文章

408.1千
浏览

144,1542字数 1470阅读4分54秒

因为有人需要本站的说说样式，所以打包出来给大家用，特别说明：本站样式只适合知更鸟Begin主题。

如果其他的童鞋需要折腾说说可以看我之前发过的帖子：

1.给wordpress添加说说/短文字功能！

如果你在说说分页上遇到问题可以查看这篇文章：

2.解决WordPress自定义页面分页问题

我折腾这个说说也折腾了好几天。因为折腾过程中会遇到很多问题，又要挨个搞懂挨个学习所以折腾很久。。

首先我们在functions.php里面添加一些函数

functions.php函数

里面包含新建说说的函数，和指定说说专用页面的函数。

//新建说说功能
add_action('init', 'my_custom_init');
function my_custom_init()
{ $labels = array( 'name' => '说说',
'singular_name' => '说说',
'add_new' => '发表说说',
'add_new_item' => '发表说说',
'edit_item' => '编辑说说',
'new_item' => '新说说',
'view_item' => '查看说说',
'search_items' => '搜索说说',
'not_found' => '暂无说说',
'not_found_in_trash' => '没有已遗弃的说说',
'parent_item_colon' => '', 'menu_name' => '说说' );
$args = array( 'labels' => $labels,
'public' => true,
'publicly_queryable' => true,
'show_ui' => true,
'show_in_menu' => true,
'exclude_from_search' =>true,
'query_var' => true,
'rewrite' => true, 'capability_type' => 'post',
'has_archive' => false, 'hierarchical' => false,
'menu_position' => null,
'taxonomies'=> array('category','post_tag'),
'supports' => array('editor','author','title', 'custom-fields','comments') );
register_post_type('post',$args);
}
//指定说说文章模板
add_action('template_include', 'load_single_template');
function load_single_template($template) {
$new_template = '';
// single post template
if( is_single() ) {
global $post;
// 'wordpress' is category slugs
if( has_term('shuo', 'category', $post) ) {
// use template file single-shuo.php
$new_template = locate_template(array('single-shuo.php' ));
}
}
return ('' != $new_template) ? $new_template : $template;
}

添加之后后台会出现一个新建说说的功能：

PS：这个新建说说的菜单中间有一个分类目录，这个分类目录和文章的分类目录是共用的一个，但是从这添加的说说分类不会在文章里面显示。反正就是互不干扰吧，因为我目前还没搞懂怎么单独的给说说添加一个分类。就像知更鸟的其他分类文章的分类一样，是独立的。点击查看。所以我只能出此下策。。

说说分类是必须是要添加的。不添加就会出现这样的情况点击查看如果你需要添加，别名必须是shuo，要不然点击说说内容页面的面包屑导航上点击会出现404页面。

然后下载文章最下面，我给的几个文件。我说一下这几个文件分别是什么作用。

category-shuo.php：这是说说的展示页面，分类文件。

single-shuo.php：这个是说说类容页面，相当于文章内容页面，为什么要单独的做一个这个页面呢，原因是原来的模板下面都有一个相关文章，说说页面不需要这个所以去掉，单独做一个文件。这个文件对应上面的函数。

如图红框内就是我们要去掉的。

没去掉：点击查看

去掉：点击查看

tag-shuo.php：这个是标签模板，就是我们这写文章的时候会给文章添加标签，例如说说我添加的是一个“说说”的标签。添加标签以后，如果没有这个文件，点击标签的结果就是404页面，加一个这个文件，可以直接跳转到说说主页。特别注意的是把里面的说说网址改成自己的。

里面的代码如下：（网址改成自己的）

<script language="javascript">
document.location= "http://lnaa.top/shuo";
</script>

然后去后台页面新建页面标题任意固定链接填上 shuo 然后右边的模板选择，说说分类，保存即可。

如下图：

最后CSS：

CSS是我重新布局以后，这是我自己改的CSS。如果不喜欢你可以自己改成别的。

/*说样式*/
.post {
position: relative;
padding: 20px;
background-color: #fff;
border:1px #DDDDDD solid;
margin-bottom: 10px;
}
.post li {
padding:0 0 8px 0;
display: block;
}
.post-content {
background-color: #FDFDFD;
border: 1px #F1F1F1 solid;
border-radius: 4px;
font-size: 1.1em;
line-height:1.5em;
margin:0 0px 0 70px;
letter-spacing: 1px;
padding: 20px 20px 5px 20px;
color: #666;
min-height:60px;
position: relative;
whitewhite-space: pre; /* CSS 2.0 */
whitewhite-space: pre-wrap; /* CSS 2.1 */
whitewhite-space: pre-line; /* CSS 3.0 */
whitewhite-space: -pre-wrap; /* Opera 4-6 */
whitewhite-space: -o-pre-wrap; /* Opera 7 */
whitewhite-space: -moz-pre-wrap; /* Mozilla */
whitewhite-space: -hp-pre-wrap; /* HP Printers */
word-wrap: break-word; /* IE 5+, 文本行的任意字内断开 */
}
.post-content p{margin:0;}
.post-content img { max-width:100%;
height: auto;
vertical-align: middle;
display: block;
}
/*作者*/
.post-meta {
text-align: rightright;
letter-spacing: 0px;
margin-top:-10px;
border-top: 1px solid #eaeaea;
padding-top: 5px;
font-size: 0.8em;
}
/*时间*/
.post .tt{float:left;}
.post li em{float:left;background:url("http://lnaa.top/wp-content/themes/tinection/images/bolangxian.png") no-repeat;width:50px;height:10px;margin:28px 0 0 0px;}
/*头像*/
.post .zhutou{margin:10px 0 0 0;float:left;padding: 2px;border: 1px #ddd solid;display: block;transition: .5s;width: 40px;height: 40px;overflow:hidden;}
.post li:hover .zhutou { border-radius: 50%;
transform: rotate(720deg);-webkit-transform: rotate(720deg);-moz-transform: rotate(720deg);border-color:#5990de;}
@media screen and (max-width: 800px) {
.post-content {margin:0 0 0 60px;padding: 10px 10px 5px 10px;font-size:0.9em;}
.post .tt{font-size:1em;height: 20px;}
.post:before {left: 50px;}
.post-content:before {left: -26px;top:30px;}
.post-content:after {left: -24px;top:32px;}
.post-meta{font-size:0.9em;}
.post:after {rightright: 27px;}
.post-meta:before {rightright: -39px;top:33px;}
.post-meta:after {rightright: -37px;top:35px;}
.post .zhutou{margin: 10px 0 0 0;}
.post li em{float:left;width:39px;height:10px;margin:28px 0 0 -1px;}
.post li em{display:none}
}
@media screen and (max-width: 480px) {
.post-meta{font-size:0.9em;}
.post .zhutou{display:none}
.post li em{display:none}
.post-content{margin: 0 0 0 0;}
}

头像，请打开category-shuo.php这个文件搜索作者头像，然后把前面的头像地址改成自己的就可以了。

<img src="http://lnaa.top/wp-content/uploads/avatars/avatar-1.png" class="zhutou" alt="作者头像">

然后所有的工作都已经完成了，你在后台发布说说，标题任意，类容写上你的说说即可展示在说说页面了。

以上我能说到的应该全部说清楚了，如果有什么不明白的地方请留言。

最后用上这个的，请在这篇文章下面留一下你的说说地址。谢谢

手机游戏网 1
2024年6月5日 10:57:01 香港 6F
回复

大佬能更新一下下地址吗？现在错误了
- 流年
  2024年6月5日 11:05:29 地球人 B1
  回复
  
  @ 手机游戏网现在我这个已经不用这样的方式了，现在我是这样实现的，后台新建一个分类用来发说说，然后创建一个页面例如我的https://lnaa.top/shuo 用来单独显示这个分类。最后首页屏蔽这个分类，不让他在首页显示。完事。。。我这是根据我这个主题修改的，更新出来也用不了呀。不好意思
liuyanmin 0
2018年6月24日 18:56:12 北京市 5F
回复

您好博主，可以把category-shuo.php和single-shuo.php给一下吗，邮箱：1157877692@qq.com
狂放 1
2017年10月14日 16:56:35 运营商级NAT 4F
回复

大佬，下载掉了（大佬换主题没注意？
- 流年
  2017年10月15日 18:56:31 地球人 B1
  回复
  
  @ 狂放源码有问题删了而且很久没更新了。。。按上面文字弄就可以
  - 狂放 1
    2017年10月15日 20:50:13 江西省 B2
    回复
    
    @ 流年 emmmm得自己写啊
风飏 0
2017年9月17日 09:50:33 河南省濮阳市 3F
回复

俺想下载但是不能下载啊
- 流年
  2017年9月17日 19:58:00 地球人 B1
  回复
  
  @ 风飏不好意思换模板了，所以以前的短代码不显示，你可以按照文中方法，做一个
闲鱼 4
2016年9月6日 11:13:24 上海市 2F
回复

很漂亮
- 流年
  2016年9月6日 21:23:06 地球人 B1
  回复
  
  @ 闲鱼谢谢。
  - 闲鱼 4
    2016年9月7日 11:56:50 上海市 B2
    回复
    
    @ 流年想添加博主这个说说，有点问题能请教下吗
    - 流年
      2016年9月7日 13:15:33 地球人 B3
      回复
      
      @ 闲鱼可以啊，谈不上请教，大家一起交流学习。
      - 闲鱼 4
        2016年9月7日 13:44:03 上海市 B4
        
        @ 流年有加博主的QQ，希望能交流下
极客自留地 0
2015年11月15日 09:28:45 浙江省金华市 1F
回复

博主是好人啊，但是我瞎搞。。。不需要在分类里添加说说。。。支持下！