给网站加入“碎碎念”功能

演示就是本站 http://www.my1981.cn/say

首先,主题下functions.php加入以下代码

//碎碎念页面
function my_custom_shuoshuo_init() { 
    $labels = array( 
        'name' => '碎碎念',
        'singular_name' => '碎碎念', 
        'all_items' => '所有碎碎念',
        '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') 
    ); 
register_post_type('shuoshuo',$args); 
}
add_action('init', 'my_custom_shuoshuo_init');

新建“碎碎念”模板文件,命名为page_shuoshuo.php(其实什么名字都可以),写入以下代码保存后上传至主题目录下。

<?php 
/* Template Name: 碎碎念 */
get_header(); 
?>
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/vertical_timeline.css" />
<section class="container">
<div class="content-wrap">
<div class="content">
    <div style="background: #FFF; padding: 30px; border-radius: 5px;">
        <ul class="cbp_tmtimeline">
        <?php 
        query_posts("post_type=shuoshuo & post_status=publish & posts_per_page=-1");
        if ( have_posts() ) { 
        while ( have_posts() ) { 
        the_post(); ?>
            <li>
                <time class="cbp_tmtime"><i class="fa fa-clock-o"></i> <?php the_time('Y年n月j日G:i'); ?></time>
                <div class="cbp_tmicon">
                <img src="https://images.my1981.cn/wp-content/uploads/2020/10/favicon.ico" class="avatar avatar-48" width="48" height="48">
                </div>
                <div class="cbp_tmlabel" >
                    <span style="font-size:14px;"><?php the_content(); ?></span>
                    <h2><?php the_title(); ?><span><?php echo get_bloginfo('name'); ?> | <?php echo get_bloginfo('description' ); ?></span></h2>
                </div>
            </li>
        <?php }
        } ?>
        </ul>
    </div>
</div> 
</div>
<?php get_sidebar(); ?>
</section>
<?php get_footer();?>

将以下代码复制并保存为 vertical_timeline.css 文件,直接丢到主题 css 文件夹下。

搞定。

© 版权声明
THE END
喜欢就支持以下吧
点赞0
分享
评论 抢沙发

请登录后发表评论