副标题,我才不要有副作用呢 – Subtitle 360

副标题,我才不要有副作用呢 – Subtitle 360

话说最近感觉标题不够用了。额,我承认呢,因为自己的特殊喜好,所以标题从来都不是开门见山(似乎有几个例外?)。有时候呢,又嫌标题不够有吸引力,总之,就是一个标题说不完所有想说的内容啦副标题,我才不要有副作用呢 – Subtitle 360 - 勒统驿站丨LtoPro 第1张

然后呢,猛然间想起来某X曾经推荐过一个副标题插件Visual Subtitle,然后果断跑去下载,结果……嗯,副标题的效果不错,就是……估计某X没有测试使用图床的状况,但是,wu1yi2fan试过,结果是……在原来正确的地址后面,加上了一串副标题参数,导致没办法正确引用图片。如图。

副标题,我才不要有副作用呢 – Subtitle 360 - 勒统驿站丨LtoPro 第2张

这个情况不只是出现在某X推荐的Visual Subtitle上,后面,我还测试了好几款副标题插件(用Subtitle作为关键词搜索),结果,所以自动添加副标题的插件全部都有类似的状况。凡是有链接的地方都会自动插入副标题信息,额,这可怎么办?

wu1yi2fan都说啦,只有自动添加副标题的插件才会出现这种状况副标题,我才不要有副作用呢 – Subtitle 360 - 勒统驿站丨LtoPro 第3张,所以,如果是可以由我们自己定义出现位置的插件呢?于是,wu1yi2fan找了一下,果然,国外的大神就是这么贴心,有一款插件完全符合要求!那就是……Subtitle 360!

这款插件并不会自动添加副标题,你需要通过一串代码,在需要使用副标题的地方显示出来,所以,不用担心以上蛋疼的问题。(哈哈哈哈哈哈哈哈哈哈哈……好开心啊……又拆某X的台啦……哈哈哈哈哈哈哈哈……副标题,我才不要有副作用呢 – Subtitle 360 - 勒统驿站丨LtoPro 第4张

OK,现在,我们就请上这款插件。

插件信息

基本信息使用方法注意事项

插件名称:Subtitle 360

插件主页:https://wordpress.org/plugins/subtitle-360/

插件描述:这款插件会在文章编辑页面添加副标题板块,在这里输入副标题以后,使用特定的代码就可以让副标题显示在指定位置。

后台搜索安装即可。使用代码

<?php if (function_exists('the_subtitle')){ the_subtitle(); }?>

便可以让副标题显示在指定位置。

插件默认使用h4显示,如果需要更改,请直接修改插件主文件(其实也就一个文件)最后面

echo '<h4 class="subtitle_head">';
echo get_post_meta($post->ID, 'page_sub_title', true);
echo '</h4>';

这一部分。

让副标题显示在RSS中

这个,你可以用第三方插件解决,当然,也可以使用以下代码。(因为某些原因,只能输出到Feed内容前面啦,原来想加在标题后面,不过试了几次,结果都是feed瘫痪,如果大家有方法的话,拜托评论告诉我哦。)参考了WordPress大学中的内容。原文:7+ WordPress RSS Feed 设置及优化技巧

//RSS中添加副标题
function LtoPro_rss_feed_subtitle($content) {
    if(is_feed()) { //让以下代码只在Rss Feed中执行
    if (function_exists('the_subtitle')){ //判断文章是否有副标题有则输出,没有则不输出
        $output =the_subtitle();
        }else{
        $output="";
        }
        $content = $output.$content; //将副标题添加到文章内容前面
    }
    return $content;
}
add_filter ('the_content', 'LtoPro_rss_feed_subtitle');

 

免插件

什么?你不喜欢用插件?我特么你有插件强迫症啊?额……别急,因为,这款插件可以去插件化,变成一段代码插入到function.php里面哦。什么?你不信我?55555……副标题,我才不要有副作用呢 – Subtitle 360 - 勒统驿站丨LtoPro 第5张我现在就证明给你们看!

原理

相信你们可以发现,这款插件只有一个php文件,这特么是去插件化的最佳状态!因为只需要把这个文件里面的内容稍稍修饰插入到function.php里面,就可以完成。如果有很多个文件的话,那就会蛋疼很多。好,现在,我就把代码贴出来。

 add_action( 'admin_menu', 'my_create_post_meta_box' );
 add_action( 'save_post', 'my_save_post_meta_box', 10, 2 );

function my_create_post_meta_box() {
 add_meta_box( 'my-meta-box', 'Post Sub Title', 'my_post_meta_box', 'post', 'normal', 'high' );
 add_meta_box( 'my-meta-box', 'Page Sub Title', 'my_post_meta_box', 'page', 'normal', 'high' );
}

function my_post_meta_box( $object, $box ) { 

//下面的<div>到</div>部分是在文章编辑器中显示的样式

?>

 <div id="postcustomstuff">
 <p>
 
 <label>请输入副标题:</label>
 <input name="page_sub_title" id="sw_title" style="width: 97%;" value="<?php echo esc_html( get_post_meta( $object->ID, 'page_sub_title', true ), 1 ); ?>" />
 <input type="hidden" name="my_meta_box_nonce" value="<?php echo wp_create_nonce( plugin_basename( __FILE__ ) ); ?>" />
 </p>
 </div>
<?php }

function my_save_post_meta_box( $post_id, $post ) {

 if ( !wp_verify_nonce( $_POST['my_meta_box_nonce'], plugin_basename( __FILE__ ) ) )
 return $post_id;

 if ( !current_user_can( 'edit_post', $post_id ) )
 return $post_id;

 //Saving 1st Data
 
 $meta_value = get_post_meta( $post_id, 'page_sub_title', true );
 $new_meta_value = stripslashes( $_POST['page_sub_title'] );

 if ( $new_meta_value && '' == $meta_value )
 add_post_meta( $post_id, 'page_sub_title', $new_meta_value, true );

 elseif ( $new_meta_value != $meta_value )
 update_post_meta( $post_id, 'page_sub_title', $new_meta_value );

 elseif ( '' == $new_meta_value && $meta_value )
 delete_post_meta( $post_id, 'page_sub_title', $meta_value ); 
}
function the_subtitle() {

//这里是定义输出的副标题样式的地方,可以自行修改。

global $post;
echo '<h4 class="subtitle_head">';
echo get_post_meta($post->ID, 'page_sub_title', true);
echo '</h4>';
}
?>

这里面的代码其实是直接把原文件复制过来的,我加上了一些注释,仅此而已副标题,我才不要有副作用呢 – Subtitle 360 - 勒统驿站丨LtoPro 第6张。复制到function.php最后“?>”的前面即可。使用方法也一样。

总结

这款插件没有过多的设置项,连样式都是直接继承插入位置的样式。因为是自己手动插入,所以不用担心各种问题,除非自己插入的位置或者方式不对。目前,驿站就在使用这款插件。

顺便的,使用标签页以后,感觉篇幅小了很多,哈哈。

 

《副标题,我才不要有副作用呢 – Subtitle 360》有2条留言

    • 大人~小的错了。。。不小心用了和大人一样的代码高亮插件……请大人治罪……
      呸呸呸,这个代码高亮是好久之前从另一个网站里面看到的,搞不好只是碰巧撞到了而已→_→真是的……

      Wordpress App Android

留下评论