给主题下载模块增加一个“官网链接”按钮

  • A+
所属分类:建博笔记

主题本身提供了非常丰富的功能模块,其中之一就是下载模块,它主要用于提供和下载相关的文章使用的。在下载模块中有一个【演示链接】功能,当我们在后台输入演示链接的地址,文章前台便会出现这个按钮,点击该按钮后,网页会跳转到新窗口/新页面中,在新窗口/新页面的顶部会有一个演示工具栏,这个工具栏主要用来表现该演示页面/演示链接地址在自适应屏幕中的展现效果。

然而,演示链接的侧重点是演示,主要是给wordpress主题演示用的。考虑到自己的博客关于下载的内容除了日后可能会增加的wordpress主题外,还涉及到软件影视资源等,而软件和影视资源通常都会有他们自己的官网。如果使用【演示链接】来跳转的话,在效果实现上感觉不是很直观。因此,想给他们增加一个【官网链接】的按钮,方便浏览者可以直观的查看官网信息。

该功能的添加主要涉及到两个步骤:一个是后台功能的增加,另一个是前台页面的输出。

后台功能的增加

打开【inc/meta_boxs.php】文件,找到代码

"down_demo" => array(
	"name" => "down_demo",
	"std" => "",
	"title" => "演示链接",
	"type"=>"text"
),

在其下面添加

"down_official_network" => array(
	"name" => "down_official_network",
	"std" => "",
	"title" => "官网链接",
	"type"=>"text"
),

然后保存,便可在后台文章编辑页中看到该功能输入项了。

前台页面的输出

首先:打开【inc/download.php】文件,找到代码

$down_demo=get_post_meta(get_the_ID(), 'down_demo', true);

在其下面添加

$down_official_network=get_post_meta(get_the_ID(), 'down_official_network', true);

然后:在同文件中找到代码

if($down_demo) {
	$demo_content_demo .= '<a class="yanshibtn" rel="external nofollow" href="'.get_template_directory_uri().'/preview.php?id='.get_the_ID().'" target="_blank" title="'.$down_demo.' "><i class="be be-eye" ></i>演示链接</a>';
}

在其下面添加

if($down_official_network) {
	$demo_content_official_network .= '<a class="yanshibtn" rel="external nofollow" href="'.$down_official_network.'" target="_blank" title="'.$down_official_network.' "><i class="be be-home" ></i> 官网链接</a>';
}

接着:在同文件中找到代码

<span class="down">
	'.$demo_content_demo.'
</span>

在其下面添加

<span class="down">
	'.$demo_content_official_network.'
</span>

最后:保存文件。

【演示链接】和【官网链接】的区别可以通过点击下面的两个按钮来得到直观的体验。

 

资源下载 文章名称: 给主题下载模块增加一个“官网链接”按钮 适用主题:begin主题 适用版本:lts+ 备注说明:这里只是为了演示,没有实际的东西可以下载
下载地址 查看演示 官网链接
若文章图片、下载链接、网盘密码等信息出错,请留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
isdola

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:5   其中:访客  3   博主  2

    • avatar 青衣 0

      路过,表示一下支持!能坚持下来都很不容易,加油!

      • avatar 搜程快排精灵 1

        直接弄个超链接的了

          • avatar isdola Admin

            @搜程快排精灵 超链接也可以,添加按钮的话样式上更统一些,灵活性也更强一些

          • avatar 杨光博客 0

            很用心的文章,很实用的操作方法,加油!