wordpress二开-WordPress新增页面模板-说说微语

news/2024/11/25 20:54:14/

微语说说相当于一个简单的记事本,使用还是比较方便的。这个版本的说说微语CSS样式不兼容,可能有些主题无法适配,但是后台添加内容,前端显示的逻辑已经实现。可以当作Word press二开中自定义页面模板学习~

一、后台添加说说微语模块

首先我们把以下代码,添加到主题根目录中的functions.php文件中。下面两步代码安装完成后,在后台页面,建立微语页面,在设置菜单,保存首页导航栏即可。纯代码微语添加微语,不影响百度谷歌搜录和数据备份恢复。

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"><?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)}
</style><div id="primary" class="content-area"><main id="main" class="site-main" role="main"><div class="cbp_shuoshuo"><?phpquery_posts("post_type=shuoshuo & post_status=publish & posts_per_page=-1");if (have_posts()) : ?><ul class="cbp_tmtimeline"><?phpwhile (have_posts()) : the_post(); ?><li><span class="shuoshuo_author_img"><img src="<?php echo get_avatar_url(get_the_author_meta('ID')); ?>" class="avatar avatar-48" width="48" height="48"></span><a class="cbp_tmlabel" href="javascript:void(0)"><p></p><p><?php the_content(); ?></p><p></p><p class="shuoshuo_time"><i class="fa fa-clock-o"></i> <?php the_time('Y年n月j日G:i'); ?></p></a></li><?php endwhile;wp_reset_query();//重置查询?></ul><?phpelse : ?><h3 style="text-align: center;">你还没有发表说说噢!</h3><p style="text-align: center;">赶快去发表你的第一条说说心情吧!</p><?phpendif; ?></div></main><!-- #main -->
</div><!-- #primary -->
<script type="text/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();

三、新建页面,选择模板

最后刷新前后端,后台在自定义页面选择模板【说说微语】即可~


http://www.ppmy.cn/news/1549916.html

相关文章

Java基础-内部类与异常处理

(创作不易&#xff0c;感谢有你&#xff0c;你的支持&#xff0c;就是我前行的最大动力&#xff0c;如果看完对你有帮助&#xff0c;请留下您的足迹&#xff09; 目录 一、Java 内部类 什么是内部类&#xff1f; 使用内部类的优点 访问局部变量的限制 内部类和继承 内部…

沸蛇鼠标,多功能智慧AI,重新定义生产力

随着人工智能的快速发展,AI的应用落地已成为当下除大模型外竞争最为激烈的红海之一。手机、汽车、家居等产品都在AI加持下,衍生出了更多使用场景。AI鼠标便是其中一项热门产品。 云决科技作为在互联网数据领域的领军者,始终将用户需求作为首位,为用户提供全方位、高价值的AIGC…

java多线程 1

看看多线程的实现方式和区别&#xff0c;面试常见的&#xff0c;

ajax (一)

什么是 AJAX [ˈeɪdʒks] &#xff1f; 概念&#xff1a;AJAX是浏览器与服务器进行 数据通信 的技术&#xff0c;动态数据交互 怎么用AJAX? 1. 先使用 axios [k‘sio ʊ s] 库&#xff0c; 与服务器进行 数据通信 ⚫ 基于 XMLHttpRequest 封装、代码简单、月下载量在 1…

实验室管理平台:Spring Boot技术构建

3系统分析 3.1可行性分析 通过对本实验室管理系统实行的目的初步调查和分析&#xff0c;提出可行性方案并对其一一进行论证。我们在这里主要从技术可行性、经济可行性、操作可行性等方面进行分析。 3.1.1技术可行性 本实验室管理系统采用SSM框架&#xff0c;JAVA作为开发语言&a…

性能稳定的云计算监控工具大全

云计算监控工具对于确保云服务性能稳定至关重要。Zabbix、Nagios、Prometheus、Grafana及MicrosoftSystemCenter是几款性能稳定的监控工具。Zabbix和Nagios是开源的IT监控解决方案&#xff0c;Prometheus则专注于时间序列数据和告警。Grafana提供强大的数据可视化&#xff0c;而…

MyBatis中的${}和#{}区别

在MyBatis 中&#xff0c;${}和#{}是用于传递参数到SQL语句中的两种不同方式&#xff0c;它们的主要区别在于处理方式和用途&#xff1a; 1. #{}(预处理参数) #{}是参数占位符&#xff0c;MyBatis会将其替换为预处理语句(PreparedStatement)的参数占位符?。使用 #{}时&#x…

从RNA测序数据中推断差异RNA编辑位点的统计推断

从RNA测序数据中推断差异RNA编辑位点的统计推断 描述 本仓库包含两个R函数,用于运行REDITs(RNA编辑测试)来调用差异RNA编辑位点: 在病例-对照(或条件1 vs 条件2)队列之间显著不同的RNA编辑位点 由REDIT-LLR(RNA编辑测试 - 对数似然比)处理显著与分类变量(例如性别、…