为wordpress实现原创标签功能

为wordpress实现原创标签功能




最近,笔者希望在自己的网站实现原创标签功能,为此花费了整整一天的实现来研究,在此,首先要感谢Bruce’s Blog的博主为我提供协助,并修改制作了原创标签的使用图片。

1 原创标签的工作原理和作用

原创标签,通过直观的展示方式,告知访客哪些文章为原创文章,有助于进行版权保护和规避版权问题,那么,原创标签的基本工作原理是什么?本文通过如下流程图更方便的进行展示。

2 原创标签的具体实现

原创标签的设置,应该把其图片当成背景来设置,事实上,本文就是这样做的,本原创标签的设置,主要就是一个css类。

2.1 CSS的设置

本文为原创标签设置了一个模板css如下:

.origin {
    background-image: url("/wp-content/themes/home/images/Original.png");
    background-size: 25%;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 5%;
}

.origin-archive {
    background-image: url("/wp-content/themes/home/images/Original.png");
    background-size: 25%;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

2.2 为原创文章应用css类

有了css,还需要在特定的原创文章的article中应用,在这里,我们使用了一个名为post_class的filter处理函数来实现,这个filter的信息主要可以参考https://developer.wordpress.org/reference/hooks/post_class/

具体代码如下:

function home_origin_class_addin($classes,$class,$post_id) {
    $custom_fields = get_post_custom_keys($post_id);
    if(in_array('CopyrightType',$custom_fields)) {
        $custom = get_post_custom($post_id);
        $CopyrightType = $custom['CopyrightType'][0];
        if($CopyrightType == "Original") {
            if(is_single()) {
                array_push($classes,"origin");
            }
            else {
                array_push($classes,"origin-archive");
            }
        }
    }
    return $classes;
}

3 总结

说真的,调了一天了,第一次有这么心累的,方案换了又换,可是,为了原创标签,也只能坚持了,最后,才觉得还是这个方案好,使用CSS方法进行设置。没办法,真正的开发,方案就有可能推来推去。

打赏

发表评论

电子邮件地址不会被公开。 必填项已用*标注

扫码二维码快速访问本页

为wordpress实现原创标签功能 – 起航天空