- A+
所属分类：建博笔记
begin主题提供了非常丰富的功能模块，其中之一就是下载模块，它主要用于提供和下载相关的文章使用的。在下载模块中有一个“演示链接”的功能，当我们在后台输入演示链接的地址，文章前台便会出现这个按钮，点击该按钮后，网页会跳转到新窗口（新页面）中，在新窗口（新页面）的顶部会有一个演示工具栏，这个工具栏主要用来表现该演示页面（演示链接地址）在自适应屏幕中的展现效果。
然而，演示链接的侧重点是演示，主要是给wordpress主题演示用的。考虑到自己的博客关于下载的内容除了日后可能会增加的wordpress主题外，还涉及到软件、影视资源等，而软件和影视资源通常都会有他们自己的官网。如果使用“演示链接”来跳转的话，在效果实现上感觉不是很直观。因此，想给他们增加一个“官网链接”的按钮，方便浏览者可以直观的查看官网信息。
该功能的添加主要涉及到两个步骤，一个是后台功能的增加，另一个是前台页面的输出。
- 后台功能的增加
打开begin/inc/meta_boxs.php文件，在大约1759行的位置，找到代码
- "down_demo" => array(
- "name" => "down_demo",
- "std" => "",
- "title" => "演示链接",
- "type"=>"text"
- ),
在其下方增加代码
- "down_official_network" => array(
- "name" => "down_official_network",
- "std" => "",
- "title" => "官网链接",
- "type"=>"text"
- ),
然后保存，便可在后台文章编辑页中看到该功能输入项了。
- 前台页面的输出
首先，打开begin/inc/download.php文件，在大约第11行的位置，找到代码
- $down_demo=get_post_meta(get_the_ID(), 'down_demo', true);
在其下面一行插入代码
- $down_official_network=get_post_meta(get_the_ID(), 'down_official_network', true);
然后，在大约第16行的位置，找到代码
- 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>';
- }
接着，在大约46行的位置，找到代码
- <span class="down">
- '.$demo_content_demo.'
- </span>
在其下面插入代码
- <span class="down">
- '.$demo_content_official_network.'
- </span>
最后，保存即可。
“演示链接”和“官网链接”的区别可以通过点击下面的两个按钮来得到直观的体验。
2018年10月11日 14:08 沙发
路过，表示一下支持！能坚持下来都很不容易，加油！
2018年10月11日 14:31 1层
@青衣 谢谢
2018年10月26日 13:53 板凳
直接弄个超链接的了
2018年10月26日 14:25 1层
@搜程快排精灵 超链接也可以，添加按钮的话样式上更统一些，灵活性也更强一些
2018年11月4日 19:54 地板
很用心的文章，很实用的操作方法，加油！