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

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

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

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

 

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

  • 后台功能的增加

打开begin/inc/meta_boxs.php文件,在大约1759行的位置,找到代码

  1. "down_demo" => array(
  2. "name" => "down_demo",
  3. "std" => "",
  4. "title" => "演示链接",
  5. "type"=>"text"
  6. ),

在其下方增加代码

  1. "down_official_network" => array(
  2. "name" => "down_official_network",
  3. "std" => "",
  4. "title" => "官网链接",
  5. "type"=>"text"
  6. ),

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

 

  • 前台页面的输出

首先,打开begin/inc/download.php文件,在大约第11行的位置,找到代码

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

在其下面一行插入代码

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

然后,在大约第16行的位置,找到代码

  1. if($down_demo) {
  2. $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>';
  3. }

在其下面插入代码

  1. if($down_official_network) {
  2. $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>';
  3. }

接着,在大约46行的位置,找到代码

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

在其下面插入代码

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

最后,保存即可。

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

资源下载 文章名称: 给主题下载模块增加一个“官网链接”按钮 适用主题:begin主题 适用版本:lts+ 备注说明:这里只是为了演示,没有实际的东西可以下载
下载地址 演示链接 官网链接

发表评论

:?: :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

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