WordPress制作案例演示模板

如果你和陌小雨一样经常在博客文章中嵌入代码块,那本文将对你有帮助。本文主要通过Wordpress自定义域功能为文章新增案例展示页面,通过此页面,你可以统一管理代码展示的效果,也可以在你的展示页面放一个广告,其它页面同样会有,一劳永逸。

步骤1:新建案例展示页面模板:

使用步骤:

1、把以下代码复制并保存为example.php文件,上传至主题目录下;

2、后台-页面-新建页面-选择example模板;

步骤2:使用模板

在写文章的时候插入一个自定义栏目,第一次需要添加自定义栏目,名称写为example_code,值里面可以任意插入你的代码,以下作为演示:

第一次新建栏目之后,以后就不用再新建,直接下拉框选择就行了。

步骤3:浏览案例

后台-页面-找到案例展示页面并复制地址,如陌小雨的是www.dedewp.com/example/,然后在后面加上?pid=本文ID,如下:

扩展演示的话,还可以给代码wordpress添加演示和下载地址。就是在主题中添加同样的页面,命名的时候改为demo和download,例如

http://www.dedewp.com/demo

http://www.dedewp.com/download

然后再自定义框里面写下要访问的网站地址和下载地址即可。具体还可以在这些页面添加广告之类的。

AD:站点文章对你有帮助,可以选择去百度口碑好评下,还可以点击此处

赞 (1) 口碑
分享到:更多 ()

评论 6

评论前必须登录!

  1. 云落
    看到这个才想起来,我擦啊啊啊啊啊啊,是的,和博客大全想到的一样,我第一时间想到了下载页面
  2. 淘乐导刊
    :shock:
  3. 阿里亦初
    有演示吗 :?:
  4. BOKE123
    :wink: 确实很不错,特别是拓展到下载页面