主题本身提供了非常丰富的功能模块,其中之一就是下载模块,它主要用于提供和下载相关的文章使用的。在下载模块中有一个【演示链接】功能,当我们在后台输入演示链接的地址,文章前台便会出现这个按钮,点击该按钮后,网页会跳转到新窗口/新页面中,在新窗口/新页面的顶部会有一个演示工具栏,这个工具栏主要用来表现该演示页面/演示链接地址在自适应屏幕中的展现效果。
然而,演示链接的侧重点是演示,主要是给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>
最后:保存文件。
【演示链接】和【官网链接】的区别可以通过点击下面的两个按钮来得到直观的体验。
继续阅读
如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
2018年10月11日 14:08 1F
路过,表示一下支持!能坚持下来都很不容易,加油!
2018年10月11日 14:31 1B
@青衣 谢谢
2018年10月26日 13:53 2F
直接弄个超链接的了
2018年10月26日 14:25 1B
@搜程快排精灵 超链接也可以,添加按钮的话样式上更统一些,灵活性也更强一些
2018年11月4日 19:54 3F
很用心的文章,很实用的操作方法,加油!