怎么设置网站关键词,微信二维码在线制作,手表网站官网,网站运维可以做哪些微语说说相当于一个简单的记事本#xff0c;使用还是比较方便的。这个版本的说说微语CSS样式不兼容#xff0c;可能有些主题无法适配#xff0c;但是后台添加内容#xff0c;前端显示的逻辑已经实现。可以当作Word press二开中自定义页面模板学习~
一、后台添加说说微语模…微语说说相当于一个简单的记事本使用还是比较方便的。这个版本的说说微语CSS样式不兼容可能有些主题无法适配但是后台添加内容前端显示的逻辑已经实现。可以当作Word press二开中自定义页面模板学习~
一、后台添加说说微语模块
首先我们把以下代码添加到主题根目录中的functions.php文件中。下面两步代码安装完成后在后台页面建立微语页面在设置菜单保存首页导航栏即可。纯代码微语添加微语不影响百度谷歌搜录和数据备份恢复。
//说说页面
function shuoshuo_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,query_var true,rewrite true,capability_type post,has_archive true,hierarchical false,menu_position null,supports array(title,editor,author,comments));register_post_type(shuoshuo, $args);
}
add_action(init, shuoshuo_custom_init);二、前端页面模板
然后添加模板文件在模板主题根目录新建一个名为page-shuo.php的文件并将以下代码添加在其中
?php/*** Template Name: 说说/微语*/get_header(); ?style
body.theme-dark .cbp_tmtimeline::before{background:RGBA(255,255,255,0.06)}ul.cbp_tmtimeline{padding:0}div class.cdp_tmlabel li .cbp_tmlabel{margin-bottom:0}.cbp_tmtimeline{margin:30px 0 0 0;padding:0;list-style:none;position:relative}.cbp_tmtimeline li .cbp_tmtime{display:block;max-width:70px;position:absolute}.cbp_tmtimeline li .cbp_tmtime span{display:block;text-align:right}.cbp_tmtimeline li .cbp_tmtime span:first-child{font-size:0.9em;color:#bdd0db}.cbp_tmtimeline li .cbp_tmtime span:last-child{font-size:1.2em;color:#9BCD9B}.cbp_tmtimeline li:nth-child(odd) .cbp_tmtime span:last-child{color:RGBA(255,125,73,0.75)}div.cbp_tmlabel p{margin-bottom:0}.cbp_tmtimeline li .cbp_tmlabel{margin:0 0 45px 65px;background:#24a0f0;color:#fff;padding:.8em 1.2em .4em 1.2em;font-weight:300;line-height:1.4;position:relative;border-radius:5px;transition:all 0.3s ease 0s;box-shadow:0 1px 2px rgba(0,0,0,0.15);cursor:pointer;display:block}.cbp_tmlabel:hover{transform:translateY(-3px);z-index:1;-webkit-box-shadow:0 15px 32px rgba(0,0,0,0.15) !important}.cbp_tmtimeline li:nth-child(odd) .cbp_tmlabel{background:#7878f0}.cbp_tmtimeline li:nth-child(odd) .cbp_tmlabel:after{border-right-color:#7878f0}.cbp_tmtimeline li .cbp_tmlabel:after{right:100%;border:solid transparent;content: ;height:0;width:0;position:absolute;pointer-events:none;border-right-color:#24a0f0;border-width:10px;top:4px}p.shuoshuo_time{margin-top:10px;border-top:1px dashed #fff;padding-top:5px;font-family:Ubuntu}media screen and (max-width:65.375em){.cbp_tmtimeline li .cbp_tmtime span:last-child{font-size:1.2em}}.shuoshuo_author_img img{border:1px solid #ddd;padding:2px;float:left;border-radius:64px;transition:all 1.0s;height:50px}.avatar{-webkit-border-radius:100% !important;-moz-border-radius:100% !important;box-shadow:inset 0 -1px 0 #3333sf;-webkit-box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:0.4s;-webkit-transition:-webkit-transform 0.4s ease-out;transition:transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out}.zhuan{transform:rotateZ(720deg);-webkit-transform:rotateZ(720deg);-moz-transform:rotateZ(720deg)}
/stylediv idprimary classcontent-areamain idmain classsite-main rolemaindiv classcbp_shuoshuo?phpquery_posts(post_typeshuoshuo post_statuspublish posts_per_page-1);if (have_posts()) : ?ul classcbp_tmtimeline?phpwhile (have_posts()) : the_post(); ?lispan classshuoshuo_author_imgimg src?php echo get_avatar_url(get_the_author_meta(ID)); ? classavatar avatar-48 width48 height48/spana classcbp_tmlabel hrefjavascript:void(0)p/pp?php the_content(); ?/pp/pp classshuoshuo_timei classfa fa-clock-o/i ?php the_time(Y年n月j日G:i); ?/p/a/li?php endwhile;wp_reset_query();//重置查询?/ul?phpelse : ?h3 styletext-align: center;你还没有发表说说噢/h3p styletext-align: center;赶快去发表你的第一条说说心情吧/p?phpendif; ?/div/main!-- #main --
/div!-- #primary --
script typetext/javascript$(function() {var oldClass ;var Obj ;$(.cbp_tmtimeline li).hover(function() {Obj $(this).children(.shuoshuo_author_img);Obj Obj.children(img);oldClass Obj.attr(class);var newClass oldClass zhuan;Obj.attr(class, newClass);}, function() {Obj.attr(class, oldClass);})})
/script
?php
get_footer();三、新建页面选择模板
最后刷新前后端后台在自定义页面选择模板【说说微语】即可~
