^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 本站wordpress建站教程均通过实践后发布,希望对你有帮助
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 5年wordpress建站经验,5星服务品质
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人

xiu主题自定义点赞文字

阿里云双12限时特惠

首先,陌小雨带大家一起来学习下xiu 主题是如何预设自定义字段的,我们打开主题文件functions.xiu.php,搜索来源,就可以在其上下找到下面的这些代码:

/* 
 * post meta from
 * ====================================================
*/
$postmeta_from = array(
    "来源网站名" => array(
        "name" => "fromname",
        "std" => "",
        "title" => "来源网站名:"),
    "来源地址" => array(
        "name" => "fromurl",
        "std" => "",
        "title" => "来源地址:")
);

function hui_postmeta_from() {
    global $post, $postmeta_from;
    foreach($postmeta_from as $meta_box) {
        $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);
        if($meta_box_value == "")
            $meta_box_value = $meta_box['std'];
        echo'<p>'.$meta_box['title'].'</p>';
        echo '<p><input type="text" style="width:98%" value="'.$meta_box_value.'" name="'.$meta_box['name'].'_value"></p>';
    }
   
    echo '<input type="hidden" name="post_newmetaboxes_noncename" id="post_newmetaboxes_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';
}

function hui_create_meta_box() {
    global $theme_name;
    if ( function_exists('add_meta_box') ) {
        add_meta_box( 'new-meta-boxes', '来源', 'hui_postmeta_from', 'post', 'normal', 'high' );
    }
}

function hui_save_postdata( $post_id ) {
    global $postmeta_from;
   
    if ( !wp_verify_nonce( $_POST['post_newmetaboxes_noncename'], plugin_basename(__FILE__) ))
        return;
   
    if ( !current_user_can( 'edit_posts', $post_id ))
        return;
                   
    foreach($postmeta_from as $meta_box) {
        $data = $_POST[$meta_box['name'].'_value'];
        if(get_post_meta($post_id, $meta_box['name'].'_value') == "")
            add_post_meta($post_id, $meta_box['name'].'_value', $data, true);
        elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))
            update_post_meta($post_id, $meta_box['name'].'_value', $data);
        elseif($data == "")
            delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));
    }
}

add_action('admin_menu', 'hui_create_meta_box');
add_action('save_post', 'hui_save_postdata');

function hui_get_post_from($pid='', $prevtext='图片参考:'){
    if( !$pid ) $pid = get_the_ID();
    $fromname = trim(get_post_meta($pid, "fromname_value", true));
    $fromurl = trim(get_post_meta($pid, "fromurl_value", true));
    $from = '';
    if( $fromname ){
        if( $fromurl ){
            $from = '<a href="'.$fromurl.'" target="_blank" rel="external nofollow">'.$fromname.'</a>';
        }else{
            $from = $fromname;
        }
        $from = $prevtext.$from;
    }
    return $from; 
}

这串代码主要是实现你在后台打开任意一篇文章,在文章编辑框下面会出现如下图所示的一个自定义框,这样做的好处是你不用每次都手动输入自定义字段名称,而只需要在对应的栏目填写自定义值就可以了。如下图(图一):
xiu主题自定义点赞文字

这篇文章实现的后台最终效果图(图二)是这样的,如果有兴趣,就接着往下看吧:

xiu主题自定义点赞文字

我们先来分段解释下上面那一长串代码是啥意思

1、第一段代码:

/* 
 * post meta from
 * ====================================================
*/
$postmeta_from = array(
    "来源网站名" => array(
        "name" => "fromname",
        "std" => "",
        "title" => "来源网站名:"),
    "来源地址" => array(
        "name" => "fromurl",
        "std" => "",
        "title" => "来源地址:")
);

代码功能:创建字段信息,xiu 主题默认已经添加了两个自定义字段来源网站名来源地址,其中 name 为自定义字段名称,std 为自定义字段默认值,title 为自定义字段的标题。依葫芦画瓢,我们添加一个新数组,用来自定义点赞文字。

"点赞文字描述" => array(
     "name" => "dianzantxt",
     "std" => "点赞",
     "title" => "点赞文字描述:")
);

注意数组语数组之间用逗号,分隔,最后一个数组用分号;结束。

2、第二段代码:

function hui_postmeta_from() {
    global $post, $postmeta_from;
    foreach($postmeta_from as $meta_box) {
        $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);
        if($meta_box_value == "")
            $meta_box_value = $meta_box['std'];
        echo'<p>'.$meta_box['title'].'</p>';
        echo '<p><input type="text" style="width:98%" value="'.$meta_box_value.'" name="'.$meta_box['name'].'_value"></p>';
    }
   
    echo '<input type="hidden" name="post_newmetaboxes_noncename" id="post_newmetaboxes_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';
}

代码功能:在后台创建自定义域以及输入框,如图一,这串代码我们不需要添加和修改任何东西

3、第三段代码:

function hui_create_meta_box() {
    global $theme_name;
    if ( function_exists('add_meta_box') ) {
        add_meta_box( 'new-meta-boxes', '来源', 'hui_postmeta_from', 'post', 'normal', 'high' );
    }
}

代码功能:在文章编辑页添加自定义字段模块,使用了 WordPress 的添加模块函数 add_meta_box。我们可以把其中的“来源”修改为自己想要的文字。如修改为图二所示的来源+点赞,修改后如下:

function hui_create_meta_box() {
    global $theme_name;
    if ( function_exists('add_meta_box') ) {
        add_meta_box( 'new-meta-boxes', '来源+点赞', 'hui_postmeta_from', 'post', 'normal', 'high' );
    }
}

4、第四段代码:

function hui_save_postdata( $post_id ) {
    global $postmeta_from;
   
    if ( !wp_verify_nonce( $_POST['post_newmetaboxes_noncename'], plugin_basename(__FILE__) ))
        return;
   
    if ( !current_user_can( 'edit_posts', $post_id ))
        return;
                   
    foreach($postmeta_from as $meta_box) {
        $data = $_POST[$meta_box['name'].'_value'];
        if(get_post_meta($post_id, $meta_box['name'].'_value') == "")
            add_post_meta($post_id, $meta_box['name'].'_value', $data, true);
        elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))
            update_post_meta($post_id, $meta_box['name'].'_value', $data);
        elseif($data == "")
            delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));
    }
}

代码功能:保存我们的自定义字段中的信息

5、第五串代码:

add_action('admin_menu', 'hui_create_meta_box');
add_action('save_post', 'hui_save_postdata');

代码功能:将函数连接到指定 action(动作),目的是让 WordPress 程序执行我们之前编写的函数

6、第六段代码:

function hui_get_post_from($pid='', $prevtext='图片参考:'){
    if( !$pid ) $pid = get_the_ID();
    $fromname = trim(get_post_meta($pid, "fromname_value", true));
    $fromurl = trim(get_post_meta($pid, "fromurl_value", true));
    $from = '';
    if( $fromname ){
        if( $fromurl ){
            $from = '<a href="'.$fromurl.'" target="_blank" rel="external nofollow">'.$fromname.'</a>';
        }else{
            $from = $fromname;
        }
        $from = $prevtext.$from;
    }
    return $from; 
}

代码功能:自定义字段具体应用。

摸清了所有代码功能后,我们就可以举一反三了。接下来,我们需要给 xiu 主题自定义的点赞文字设置默认的显示文字:如点赞,在主题functions中搜索如下代码:

$like = get_post_meta( $pid, 'like', true );

在其上面添加:

 if( trim(get_post_meta($pid, "dianzantxt_value", true))){
	 $dianzantxt = $dianzantxt  $dianzantxt : trim(get_post_meta($pid, "dianzantxt_value", true));
        }else{
       $dianzantxt = $dianzantxt  $dianzantxt : '点赞';
    }

你可以自定义里面的文本点赞。

最后一步:修改调用变量。ctrl+F 搜索下面代码:

return '<a href="javascript:;" class="'.$class.'" data-pid="'.$pid.'" data-event="'.$event.'"><i class="glyphicon 
glyphicon-thumbs-up"></i>'.$text.' (<span>'.($like  $like : 0).'</span>)</a>';

修改为:

return '<a href="javascript:;" class="'.$class.'" data-pid="'.$pid.'" data-event="'.$event.'"><i class="glyphicon 
glyphicon-thumbs-up"></i>'.$dianzantxt.' (<span>'.($like  $like : 0).'</span>)</a>';

也就是将$text修改为我们之前定义的 name 值$dianzantxt

效果见下面的:学习了

历史上的今天:
让小雨知道,这篇文章帮到了你

展开阅读全文

扫码关注微信公众号zs40086(微搜片)随时随地微信看片,抢先福利电影等你来

热门推荐

如有疑问,请前往问答中心反馈!

反馈
  1. 吾爱设计游客
    xiu主题点击用户头像不能进入后台,只有管理员才可以,怎样修改,让普通用户也可以进入后台?
  2. 助推博客
    签到成功!签到时间:下午7:50:44,每日打卡,生活更精彩哦~
  3. 淘乐导刊
    又来学习了,博主又在诱惑我们折腾了
  4. 阿里百秀
    折腾的不错啊,弄得越来越好看了,赶脚不错啊
    • 陌小雨网站管理员
      @阿里百秀 贵站分享的趣事都很不错呀,让小雨涨了好多见识,我们友链吧 :mrgreen:
  5. 多努力网
    路过,看看。多努力网,只为认真做教育。
  6. 徐州广告片制作
    受教了,很实用
  7. 笑笑笑
    功能越来越花哨了
  8. 阿里衣橱
    感觉好深奥的样子
  9. 秦一鑫
    秦一鑫来顶一下