WP百科网主题模板制作教程

WP百科网主题模板制作教程 (1)

1、wordpress模板结构分析 (1)

2、制作一个可以运行的wordpress主题，修改style.css (1)

3、制作出主题结构，index.php，header.php，footer.php，sidebar.php (2)

4、修改header.php，footer.php (2)

5、制作sidebar.php (3)

6、制作index.php， (3)

7、制作single.php页面，加入评论 (4)

8、制作page.php，archive.php，404.php (4)

9、制作小工具 (4)

10、细节问题处理 (4)

1、wordpress模板结构分析

索引页模版：index.php

顶部：header.php

文章页面模板：single.php

边栏模板：sidebar.php

底部：footer.php

页面模版：page.php

搜索结果：search.php

文章归档：archive.php

评论：comments.php

404 页面模版：404.php

主题支持函数：functions.php

样式表：style.css

2、制作一个可以运行的wordpress主题，修改style.css

制作一个最简单的主题，只需要两个文件，index.php和style.css

第一步，准备静态页面

第二步，制作index.php和style.css

第三步，给style.css添加版权信息

第四步：把主题上传到空间中wordpress安装路径，wp-content/themes/下面，这里主题的文件夹名字必须是英文

第五步，在wordpress后台启用主题

先给style.css添加版权信息

Theme Name: wordpress theme 01

Theme URI: https://www.360docs.net/doc/f65245585.html,

Description: a simple bolg theme

Author: xixi

Author URI: https://www.360docs.net/doc/f65245585.html,

V ersion: 1.0

Tags: white, blog, liweihui, blue

Style.css路径调用：

主题缩略图名字：screenshot.png

3、制作出主题结构，index.php，header.php，footer.php，sidebar.php

把index.php拆分成header.php，footer.php和sidebar.phhp

4、修改header.php，footer.php

新建一个index.php文件，header.php，footer.php，

这步需要用到的标签：

获取博客名字：

获取博客描述：

获取主页路径：

获取主题存放路径：

其他外部文件调用方法：

<?php if (is_home()||is_search()) { bloginfo('name'); } else { wp_title(''); print " - "; bloginfo('name'); } ?>

页面调用：

分类目录调用:

5、制作sidebar.php

',
'after_title' => '

));

在sidebar.php中模块最上面插入：

|| !dynamic_sidebar() ) : ?>

Sidebar最下面，添加

10、细节问题处理

分页的函数：加到functions.php中

//pagenav

function pagenav($query_string){

global $posts_per_page, $paged;

$my_query = new WP_Query($query_string ."&posts_per_page=-1"); $total_posts = $my_query->post_count;

if(empty($paged))$paged = 1;

$prev = $paged - 1;

$next = $paged + 1;

$range = 4; // only edit this if you want to show more page-links

$showitems = ($range * 2)+1;

$pages = ceil($total_posts/$posts_per_page);

if(1 != $pages){

echo "

echo ($paged > 2 && $paged+$range+1 > $pages && $showitems < $pages)? "最前":"";

echo ($paged > 1 && $showitems < $pages)? "上一页":"";

for ($i=1; $i <= $pages; $i++){

if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems )){

echo ($paged == $i)? "".$i."":"".$i."";

}

echo ($paged < $pages && $showitems < $pages) ? "下一页" :"";

echo ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) ? "最后":"";

echo "

\n";

}

分页的CSS样式；

/*分页的样式*/

.pagination{ margin:0 10px 10px 15px;line-height:23px;text-align:center;}

.pagination span, .pagination a{font-size:12px;margin: 2px 6px 2px 0;background:#fff;border:1px solid #ccc;color:#787878;padding:2px 5px 2px 5px;text-decoration:none;}

.pagination a:hover{background: #8cb900;border:1px solid #436206;color:#fff;font-size:12px;padding:2px 5px 2px 5px;}

.pagination .current{background: #8cb900;border:1px solid #436206;color:#fff;font-size:12px;padding:2px 5px 2px 5px;}

分页的调用：

分类目录不按

标签显示

$args=array(

'orderby' => 'name',

'order' => 'ASC'

);

$categories=get_categories($args);

foreach($categories as $category) {

echo 'name ) . '" ' . '>' . $category->name.'';

}

dz模板开发教程

Discuz!模板二次开发的模板语法介绍：相信大多数朋友都看过discuz的模板文件的代码了。不同于传统的静态html代码，dz的静态模板可以说是动态化得模板文件了。这里集合了，一些特有的php变量和逻辑判断。下面我将为大家整理一下常用的dz模板二次开发规范，希望有助于大家更好的制作模板。DZ的模板引擎原理是通过特殊的Discuz!模板标签来完成特定的循环和判断的。它不同于PHP本身自带的脚本语言。大家可能有很多人写过PHP的程序，也都使用过类似if($abc == 1) {} else {}的判断。Discuz!模板引擎会将Discuz!模板标签中的关键字替换成php自身的脚本语句，然后存入缓存目录forumdata/templates目录中生成一个可供PHP程序包含和调用的模板文件。那在DZ的模板引擎中我们该如何使用Discuz!模板标签呢？下面给大家列举DZ模板引擎中常见、常用的模板语句：一、直接输出变量：{$abc}或{echo $abc} 二、输出数组中某个变量：{$arr[0]} 三、IF判断语句：我abc小于1 我abc为1 我abc大于1 四、Loop循环语句：这里是{$val} 上面这段loop语句，DZ会将其转换成php自身的循环语句： If(is_array($abc)) { Foreach($abc AS $key => $val) { } } 五、在模版文件中使用PHP语句：{eval $abc = 1;}注意：这里必须带”;”结尾。

六、在本模板中引用其他的模板：如我们要包含头部模板文件(header.htm)可以这样写:{subtemplate header} 在模版中使用语言包中的中文语句：{lang xxxxx}，在这里xxxxx就是语言包中任意一个数组的键值。如：templates/default/https://www.360docs.net/doc/f65245585.html,ng.php(语言包)内有下面的数组 $language = array ( 'discuz_lang' => 'templates', 'click_here' => '点击这里', 'ban_member' => '禁止', 'input_invalid' => '填写无效', 'title_none' => '无标题', 'title' => '标题', } 大家可以使用{lang title}，这样在模板输出的时候则会显示”标题”两个字。当你了解了Discuz!模板开发语法之后，我们就一起来熟悉一下，常用的数据库表含义，与主题表中常用字段的含义,这样方便你使用sql语句灵活调用个性的内容，如：按会员性别调用头像，在首页右侧边栏调用女性会员头像等等这样各个性的需求，在此我们丛老师为我们讲解常用数据库表、字段及sql语句。数据常用的帖子表有:cdb_threads，cdb_posts 我们仅以了解数据库中该如何根据结构来获得自己需要的信息。用户名和密码均为root。也可以查看安装后的readme.txt说明文件接着我们还是来围绕今天的题目，来知道哪些数据表和数据字段对调用“帖子列表”有帮助。打开phpmyadmin，找到现在你们本机用于演示的数据库。如图： cdb_threads表红色标记的，则是discuz!中最重要的主题列表。，回复主题在哪个表呢？其实，回复帖子的库文件是：cdb_posts。我们在这里先只使用cdb_thread，以数据库的方式获取，最新的帖子列表数据和第一讲标签调用有区别，大家一起跟我做。 cdb_threads中有几个重要的字段： tid (大家很熟悉了)，每个主题唯一的一个帖子ID fid(所在论坛版块的ID号)

discuz模板制作彷站教程

接触Discuz!有一段时间了，使用的风格都是别人的免费品。一来自己的美工水平实在不行，二来网上很少有比较完整的模板制作教程。因为工作的需要，现特写了一份模板的制作教程。小弟才疏学浅，不对之处还请指正。模板制作前请将你的界面设计好，并制作成html+CSS 的格式。这里我就以大魔王的“蓝色经典”作为样版（知识共享，希望大魔王不要介意，如有侵权，请及时通知我）。效果图如下：（图1) 在开始前，先了介绍一下discuz!的几个模板文件：1、header.htm --------------------------------------页面头部2、discus.htm---------------------------------------------------------------论坛首页3、footer.htm---------------------------------------------------------------页面底部4、viewthread--------------------------------------------------------------查看帖子内容 discuz！论坛的页面通常是几个模板文件共同作用下达到的效果，如图1就是header.htm+discus.htm+footer.htm 这三个文件共同作用的效果。Heaer.htm 对应的是：（图2） w w w .a i w a n s h a .c o m

Footer.htm 对应的是：（图3）剩下的就是discuz.htm 文件显示的了。当然你要将首页显示的效果就制作成一个文件模板也是可以的，这里之所以分开，是因为header.htm 和footer.hmt 文件通常还会被其它的模版文件引用。也就是说，其它的页面（比如发贴的页面）的头部、底部与首页的头部、底部完全一样，分开来写就可以达到重复利用，减少劳动的效果。下面我们就开始制作：首先，现在我要制作的这套模板叫test，那么我就在templates 目录下建立一个test 目录。在test 目录下再新建一个images 文件夹用于存放这套模板的图片，把切好的所有图片保存到这个文件夹中。templates/test 文件夹用于存放这套模板的htm 文件，在这个目录中新建三个文件header.htm、discuz.htm、footer.htm，打开你设计好的主页html 文件，将你想作为头部的那一段代码复制粘贴到header.htm 文件中，相应的将作为底部的那一段代码复制粘贴到footer.htm 文件中，其余的代码复制粘贴到discuz.htm 文件中。最后在discuz.htm 文件的最顶部和最底部分别加上：{subtemplate header}和{subtemplate footer} 这两句算是discuz 的语言，意思是将header.htm 和footer.htm 文件包含进来，这样就构成了一个完整的主页面了。接下来的工作要在论坛后台设置中来完成（1）进入论坛点击“系统设置——>界面——>模板管理”，在新增模板后填入模板名称，模板文件所在目录，板权信息然后提交即可！如图 4：（图4）（2）在“界面——>风格管理”中，在新增界面风格后填入方案名称“test”然后提交即可！（3）提交方案名称后，您就可以在界面风格中看到您所定义的新的风格方案。如下图： w w w .a i w a n s h a .c o m

史上最经典的WordPress 主题教程

史上最经典的WordPress 主题教程创建 WordPress 主题其实不难，只要你从现在开始认真学习这个教程，从零一步一步开始，你就会成为一个 WordPress 主题制作高手，至少你会修改现有主题。下面是一个从零开始制作 WordPress 主题的教程，这个教程最初翻译自So you want to create WordPress themes huh? 经过多次修正以适应中文习惯，并加入了个人的理解，这个教程它会一步一步教你如何制作 WordPress 主题。内容目录 WordPress 主题教程：从零开始制作 WordPress 主题创建 WordPress 主题所需的工具和准备 WordPress 主题教程 #1：介绍基本规则：专业术语：层式结构： WordPress 主题教程 #2：模板文件和模板 Header 模板文件: Index 模板文件： Sidebar 模板文件 Footer 模板文件： WordPress 主题教程 #3：开始 Index.php 第1步：打开 XAMPP 控制面板第2步：创建你的主题文件夹第3步：创建 index.php 和 style.css 文件第4步：创建 style.css 第5步：安装你的主题 WordPress 主题教程 #4a：Header 模板第1步：打开 XAMPP 和主题文件夹第2步：打开 index.php 第3步：调用博客标题第4步：调用博客链接 WordPress 主题教程 #4b：Header 模板 2 第1步：开启 XAMPP 和打开 index.php 第2步：给博客的标题添加 H1 的标签第3步：添加博客描述第4步：DIV 标签第5步：添加 Header DIV 标签

Discuz模板教程

Discuz模板教程接触Discuz! 有一段时间了，使用的风格都是别人的免费品。一来自己的美工水平实在不行，二来网上很少有比较完整的模板制作教程。因为工作的需要，现特写了一份模板的制作教程。小弟才疏学浅，不对之处还请指正。模板制作前请将你的界面设计好，并制作成html+CSS的格式。这里我就以大魔王的“蓝色经典”作为样版（知识共享，希望大魔王不要介意，如有侵权，请及时通知我）。效果图如下：（图1) 在开始前，先了介绍一下discuz!的几个模板文件： 1、 header.htm --------------------------------------页面头部 2、 discus.htm---------------------------------------------------------------论坛首页 3、 footer.htm---------------------------------------------------------------页面底部 4、 viewthread--------------------------------------------------------------查看帖子内容 discuz！论坛的页面通常是几个模板文件共同作用下达到的效果，如图1就是 header.htm+discus.htm+footer.htm这三个文件共同作用的效果。 Heaer.htm对应的是：

（图2） Footer.htm对应的是：（图3）剩下的就是discuz.htm文件显示的了。当然你要将首页显示的效果就制作成一个文件模板也是可以的，这里之所以分开，是因为header.htm和footer.hmt文件通常还会被其它的模版文件引用。也就是说，其它的页面（比如发贴的页面）的头部、底部与首页的头部、底部完全一样，分开来写就可以达到重复利用，减少劳动的效果。下面我们就开始制作：首先，现在我要制作的这套模板叫test，那么我就在templates目录下建立一个test目录。在test目录下再新建一个images文件夹用于存放这套模板的图片，把切好的所有图片保存到这个文件夹中。templates/test文件夹用于存放这套模板的htm文件，在这个目录中新建三个文件header.htm、discuz.htm、footer.htm，打开你设计好的主页html文件，将你想作为头部的那一段代码复制粘贴到header.htm文件中，相应的将作为底部的那一段代码复制粘贴到footer.htm文件中，其余的代码复制粘贴到discuz.htm文件中。最后在discuz.htm文件的最顶部和最底部分别加上：{subtemplate header} 和{subtemplate footer} 这两句算是discuz的语言，意思是将header.htm和footer.htm文件包含进来，这样就构成了一个完整的主页面了。接下来的工作要在论坛后台设置中来完成（1）进入论坛点击“系统设置——> 界面——> 模板管理”，在新增模板后填入模板名称，模板文件所在目录，板权信息然后提交即可！如图4：（图4）（2）在“界面——> 风格管理” 中，在新增界面风格后填入方案名称“test”然后提交即可！

如何修改WordPress主题模板

如何修改WordPress主题模板让你的WordPress博客准确按照你的意图的展现出来的关键在于你是否了解WordPress主题模板页面.这里所说的主题文件，指的是显示出来的页面，而不是为了实现评论和侧边栏之类的功能。大多数用户不使用WordPress安装时自带的默认主题，他们会在互联网上下载免费主题。这是一种自定义博客样式的好方法，但不是所有主题开发者都用相同的方式设计主题。主题的质量很大程度上取决于网页设计师在设计主题上耗费的时间以及他们本身对WordPress的了解。下面我会为大家介绍设计主题页面的所有相关知识，通过这些下面的信息你甚至可以开始为自己设计一个主题。除非你是专家级的主题开发者，否则都可以从这里学到些新的东西 WordPress工作原理你了解WordPress最重要的东西就是它的模板层次，或者说是“WordPress调用页面的顺序”。“index.php”是唯一一个所有WordPress主题的PHP文件中都必须带有的文件。换句话说，你完全可以只用一个“index.php”文件来实现WordPress所有的单独功能。页面调用顺序每当有WordPress页面（你愿意额话可以称之为WordPress引擎）被调用时，它会判断（通过排除法）页面的类型。这类似于询问“我在哪儿？”。 WordPress回答“我在…类型的页面上”，然后以特定顺序调用页面。 WordPress找不到需要的PHP文件时，会使用“index.php”文件来代替所需文件。 WordPress首先会寻找以下九种基本页面：我是在首页（Home Page）上吗？如果WordPress判断是在首页上，会先调用“home.php”文件然后再调用“index.php”。我是在日志（Post Page）页上吗？如果是（单篇）日志页，首先调用“single.php”然后默认调用“index.php”。我是在页面（‘Paged’ Page）页上吗？如果是静态页面或“页面型”页面（应用了模板的页面），WordPress首先调用“pagetemplate.php”然后默认调用“index.php”。我是在分类页（Category Page）上吗？如果WordPress判断是分类页，则首先调用该类别编号的页面，例如“category-7.php”。找不到相应文件时可以查找“category.php”（category.php可以用于所有类别页）。如果没有“category.php”则继续查找“archive.php”，最后默认调用“index.php”。我是在标签（Tag Page）页上吗？如果WordPress判断是标签页，会首先加载“tag-slug.php”文件，以具体的slug（别名）为标签名。如果标签是“wordpress hacks”，那么标签别名页就是“tag-wordpress-hacks.php”。如果加载不成，WP会继续查找“tag.php”文件，该文件可用于所有标签页，然后调用“archive.php”，最后默认调用 “index.php”。我是在作者页（Author Page）上吗？博客拥有多个作者时，WP会首先寻找“author.php”文件以显示作者详情。如果没有“author.php”则继续查找“archive.php”，最后默认调用“index.php”。我是在存档页（Archive Page）上吗？ WP为之前的日志加载信息页面时，同时也加载了存档页。 WP首先加载“date.php”，其次是

WordPress_主题模板制作及修改教程

WordPress 主题模板制作及修改教程每一套 WP 主题都由结构层、表现层和数据层构成，可以说是典型的、符合 Web 体系标准的“三层结构”。WP主题的这种模式块化的特点决定了其设计其实是非常简单，但又极其灵活的。可以说，学会了制作 WP 主题，就相当于基本理解了 Web开发的客户端模型，对进一步学习掌握 Web 技术具有重要意义。这也正是 WP 的魅力所在！在一套 WP 主题中，最基本的两个文件是 index.php 和style.css。其中，前者定义结构和内容，后者定义样式。所谓结构，就是由指由 XHTML 标签构成的网页基本架构。在 WP主题中，结构层主要使用的是添加了适当的 id 或（和）class 属性的 div 和 ul元素，以便更好地通过表现层来控制页面的布局和外观。所谓表现层，其实就是网页的布局和样式－－也就是外观。表现层由CSS（级联样式表）规则定义构成。而数据层，顾名思义，也就是网站中实际显示的内容，是通过调用 WP内置的函数（有时需要传递适当的参数）从数据库中取得的。说明：为简明起见，本教程不涉及如何定义样式表（CSS）文件的内容。事实上，当我们打开某个主题的文件夹时，看到的并不止这两个文件，而是更多。但一般来说，在一个完整的 WP 主题文件夹中都应该包含下列文件（也称为模板文件）：等页面（其中部分页面稍后介绍）。虽然上面列出了与 WP 内置功能对应的 9 个 php 文件，但制作一套主题远没有想像得那么复杂。因为事实上，你只需要制作一个 index.php 文件，就可以派生出另外 8 个文件来！从 WP 应用主题的机制来说，这 9 个模板文件是存在优先级差别的，也可以认为是重要性不同。它们的优先级顺序是：index.php -> single.php -> page.php -> archive.php -> search.php -> 404.php。这样，当不存在后边的页面时，WP 会自动调用前面的页面，直至调用 index.php。比如，当程序调用页面页 page.php

Discuz教程

Discuz教程插件制作的基本思路是：（初学者适用） 1.形成插件思路 2.制作插件界面 3.构架程序模块 4.搭建存储数据 5.填充功能语句 6.检查应用错误 7.完善插件功能前言：为方便互联网数万Discuz!爱好者，更加深入了解Discuz!软件，本人在熟悉Discuz!过程中，顺便将个人经验写给大家。本贴内容由本人定期更新。本贴只介绍Discuz!中部分技术点，本贴紧属个人观点，不足之处，请各位多多指教，在下先此谢过！。“Discuz!”在下文中简称“DZ”。要弄DZ二次开发，必须至少具备如下技能：1）能够理很好理解MVC构架的原理(虽然DZ不是MVC架构的) 2）扎实的PHP基础，熟悉结构化程序，OOP程序的写法及应用 3）熟悉MYSQL就用，掌握SQL语言，懂SQL优化者更佳 4）熟悉使用Discuz!的各项功能一）Discuz!的文件系统目录注：想搞DZ开发，就得弄懂DZ中每个文件的功能。 a) Admin：后台管理功能模块 b) Api：DZ系统与其它系统之间接口程序 c) Archiver：DZ中，用以搜索引擎优化的无图版 d) Attachments：DZ中,用户上传附件的存放目录 e) Customavatars：DZ中，用户自定义头像的目录 f) Forumdata：DZ缓存数据的存放目录 g) Images：DZ模板中的图片存放目录 h) Include：DZ常用函数库，基本功能模块目录 i) Ipdata：DZ统计IP来路用的数据 j) Plugins：DZ插件信息的存放目录 k) Templates：DZ模板文件的存放目录 l) Wap：DZ无线，Wap程序处理目录二）必须记熟Discuz!数据库设计的每个表的功能，每个表中每个字段的功能。关于DZ数据库设计文档，请参阅DZ相关的项目文档(请从本贴附件中下载) 三）Discuz!的流程控制 a) 后台流程控：DZ后台所有的功能，均需要注册到admincp.php文件，每个功能都至少有一个或一个以上的Action(动作)，在admincp.php中，可以定义Action的执行权限，分别为：“admin==1”管理员，或“admin==2 || admin==3”超级版主和版主，每个Action对应一个脚本文件，脚本文件的命名为action.inc.php(*.inc.php)，并存放在admin目录下，如执行：admincp.php?action=dodo，相当于执行admin目录下的dodo.inc.php文件 b) 前台流程控制：前台的流程控制比较简单：流程是自由的，如：首页：index.php 会员注册：register.php；会员登录：logging.php 发贴程序：post.php 会员信息：member.php 论坛内容：forumdisplay.php 查看贴子：member.php …大部分功能，此处不一一列出… c) DZ根目下的config.inc.php属于整个DZ系统的配置文件四）Discuz!的数据处理过程 a) DZ对mysql的数据库操作处理全部封装在dbstuff(db_mysql.class.php)类中 b) 所在的外部数据均通过“daddslashes()”初步过滤，然后再过滤，再根据需要处理五）Discuz!的显示控制(网站多样式风格输出) a) 显示层就是大家通常所看到的网站风格了。DZ中每套风络分别在templates及images下对应一个风格文件的存放目录。网站风格的制作，请参阅详细的DZ风格制作文档 b) DZ网站风格文件处理的原理：其实很简单，DZ使用template.func.php中的parse_template()以PHP正则运算把htm模文件中的模板标签，转换成了PHP代码，并根据styleid保存在forumdata/templates下，这个有点像Smarty 中的技术。六）DZ中的语言处理 a) DZ前台及后台中、英语言的实现，均是把语句定义成了语变量，然后在模板输入，语句变量的赋值，均放在模板目录中的*.lang.php文件中，DZ在生成网站风格时就加载了这相应的语言包。七）DZ如何处理用户信息(存取、计算、更新过程)

wp企业模板制作教程

企业主题模板制作教程 https://www.360docs.net/doc/f65245585.html, 课程目标：制作出一个企业的主题课后作业，跟着视频，完成一个相同主题的制作。第一课、企业网站模板分析 1、首页产品图片和滚动图片 2、产品页面 3、文章列表页面 4、single和page页面第二课、静态页面转化成WP模板和头部制作1、静态转模板 1-1、制作style.css 移动images文件夹下面的css到主题文件夹下面，重命名为style.css 添加主题版权信息： /* Theme Name: 莎莎公主 Theme URI: https://www.360docs.net/doc/f65245585.html, Description:这是我们做的第一个企业主题哦 Author: 莎莎公主 Author URI: https://www.360docs.net/doc/f65245585.html, Version: 1.0 Tags: white, company, blue */ 1-2、制作index.php 1-2-1、修改css文件路径 Style.css路径调用：

1-2-2、修改所有相对路径为WP绝对路径获取主题存放路径： 1-2-3、删除多余的CSS代码 1-2-4、修改style.css里面图片路径 2、顶部模板制作分离头部，改用WP调用，调用顶部标签： 2-1、元信息调用 <?php if (is_home()||is_search()) { bloginfo('name'); } else { wp_title(''); print " - "; bloginfo('name'); } ?> 2-2、二级目录导航制作分类目录调用标签：页面调用：自定义首页：”>首页

discuz模版制作

模板制作前请将你的界面设计好，并制作成html+CSS的格式。这里我就以大魔王的“蓝色经典”作为样版（知识共享，希望大魔王不要介意，如有侵权，请及时通知我）。效果图如下：（图1) 在开始前，先了介绍一下discuz!的几个模板文件： 1、 header.htm --------------------------------------页面头部 2、 discus.htm---------------------------------------------------------------论坛首页 3、 footer.htm---------------------------------------------------------------页面底部 4、 viewthread--------------------------------------------------------------查看帖子内容 discuz！论坛的页面通常是几个模板文件共同作用下达到的效果，如图1就是 header.htm+discus.htm+footer.htm这三个文件共同作用的效果。

wordpress单页主题模板制作教程

Wp百科网主题模板制作教程课程目标：制作出一个漂亮的主题课后作业，跟着视频，完成一个相同主题的制作。 Wp百科网主题模板制作教程 (1) 1、wordpress模板结构分析 (1) 2、制作一个可以运行的wordpress主题，修改style.css (1) 3、制作出主题结构，index.php，header.php，footer.php，sidebar.php (2) 4、修改header.php，footer.php (2) 5、制作sidebar.php (3) 6、制作index.php， (3) 7、制作single.php页面，加入评论 (4) 8、制作page.php，archive.php，404.php (4) 9、制作小工具 (4) 10、细节问题处理 (4) 1、wordpress模板结构分析索引页模版：index.php 顶部：header.php 文章页面模板：single.php 边栏模板：sidebar.php 底部：footer.php 页面模版：page.php 搜索结果：search.php 文章归档：archive.php 评论：comments.php 404 页面模版：404.php 主题支持函数：functions.php 样式表：style.css 2、制作一个可以运行的wordpress主题，修改style.css 制作一个最简单的主题，只需要两个文件，index.php和style.css 第一步，准备静态页面第二步，制作index.php和style.css 第三步，给style.css添加版权信息

第四步：把主题上传到空间中wordpress安装路径，wp-content/themes/下面，这里主题的文件夹名字必须是英文第五步，在wordpress后台启用主题先给style.css添加版权信息 /* Theme Name: wordpress theme 01 Theme URI: https://www.360docs.net/doc/f65245585.html, Description: a simple bolg theme Author: xixi Author URI: https://www.360docs.net/doc/f65245585.html, Version: 1.0 Tags: white, blog, liweihui, blue */ Style.css路径调用：主题缩略图名字：screenshot.png 3、制作出主题结构，index.php，header.php，footer.php，sidebar.php 把index.php拆分成header.php，footer.php和sidebar.phhp 4、修改header.php，footer.php 新建一个index.php文件，header.php，footer.php，这步需要用到的标签：获取博客名字：获取博客描述：获取主页路径：获取主题存放路径：其他外部文件调用方法： <?php if (is_home()||is_search()) { bloginfo('name'); } else { wp_title(''); print " - "; bloginfo('name'); } ?> 页面调用：

经典教程：discuz x2 风格模板完整教程

没有XHTML基础，不知道什么是CSS？没关系~~~ 从今天开始，我会给各位从0开始讲解如果动手做一个完整的模板。我相信只要你有兴趣，再抽出一点时间，还得花费一点记忆力（有些东西必须背下来，临时翻书不是好习惯），应付一些基本的样式修改和模板仿制应该还是没问题的。本教程会很基础，请各位高手轻轻地飘过~~~~~ 首先说一说前期要准备的工具。工具的选择： 1，当然是FTP啦，个人推荐cuteftp，速度很快…… 2，修改工具：我个人推荐notepad2，原因是体积小速度快能高亮不要钱，而且味道还很好吃呢。。。使用是请把这个工具关联到FTP的默认修改工具里面。 3，DOM树查看工具的选择：这个是用来快速定位CSS的选择器的。现在一般的浏览器都能支持DOM模型了，比如opera，IE7起，chrome，FF……（什么？360？什么？遨游？什么……？疼讯？赶紧扔掉！！！！！），一般这四个浏览器是必须的，因为要比较调试出来的CSS 在各个浏览器是否兼容。最后还要考虑IE6的情况，（这个IE6，虽然被千夫所指，但是仍然有很多人在使用，你能怎么办？）关于IE6，请到微软官网上下载一个专用开发插件。（以上工具介绍纯属自愿，如果你有自己习惯的工具，请飘过~~）关于风格系别的选择：现在国内主流网站，我觉得大多数追着两种潮流，第一种是欧美的那种绚丽的，圆角的，立体阴影的特点的，详见国内各大微薄。。。这种网站风格有许许多多的导航网站。因为图片很多，结构复杂。模仿起来也比较费劲。但是只要把他们的结构弄清楚后，也是简单的。还有一种就是日系（我个人巨爱啊……）日系的网站简约大方，一眼看过去重点突出（无论是上面的两个基本点还是下面的一个中心）。但是其实日系的网站虽然简单，但还真没有几个人做的好看的，因为，你不知道怎么配色啊…… 一般看来，美系的字体都稍大，而日系字体偏小。千万不要把这两种风格综合起来，因为那样剧难看（其实不是剧难看，而是难看致死，死到没JJ，比如某网站风格……）好吧，先说明，我更新的时间不会太快，大概好几天更新一个。由于水平有限，如果发现有错误，请迅速指出来，免得误人。。。

Discuz!模板制作教程

[经验] Discuz！模板制作教程本帖最后由 PuBor于 2010-10-1 01:05 编辑接触Discuz! 有一段时间了，使用的风格都是别人的免费品。一来自己的美工水平实在不行，二来网上很少有比较完整的模板制作教程。因为工作的需要，现特写了一份模板的制作教程。小弟才疏学浅，不对之处还请指正。模板制作前请将你的界面设计好，并制作成html+CSS的格式。这里我就以大魔王的“蓝色经典”作为样版（知识共享，希望大魔王不要介意，如有侵权，请及时通知我）。效果图如下：

（图1) 在开始前，先了介绍一下discuz!的几个模板文件： 1、 header.htm --------------------------------------页面头部 2、 discus.htm-------------------------------------------------论坛首页 3、 footer.htm------------------------------------------------页面底部

4、 viewthread---------------------------------------------查看帖子内容 discuz！论坛的页面通常是几个模板文件共同作用下达到的效果，如图1就是header.htm+discus.htm+footer.htm这三个文件共同作用的效果。 Heaer.htm对应的是：（图2） Footer.htm对应的是：（图3）剩下的就是discuz.htm文件显示的了。当然你要将首页显示的效果就制作成一个文件模板也是可以的，这里之所以分开，是因为header.htm和footer.hmt文件通常还会被其它的模版文件引用。也就是说，其它的页面（比如发贴的页面）的头部、底部与首页的头部、底部完全一样，分开来写就可以达到重复利用，减少劳动的效果。下面我们就开始制作：首先，现在我要制作的这套模板叫test，那么我就在templates目录下建立一个test目录。在test目录下再新建一个images文件夹用于存放这套模板的图片，把切好的所有图片保存到这个文件夹中。templates/test文件夹用于存放这套模板的htm文件，在这个目录中新建三个文件header.htm、discuz.htm、footer.htm，打开你设计好的主页html文件，将你想作为头部的那一段代码复制粘贴到header.htm文件中，相应的将作为底部的那一段代码复制粘贴到footer.htm文件中，其余的代码复制粘贴到 discuz.htm文件中。最后在discuz.htm文件的最顶部和最底部分别加上：{subtemplate header} 和 {subtemplate footer}

淘宝客模板制作

Wp百科网淘宝客主题模板制作教程 https://www.360docs.net/doc/f65245585.html,/bbs 课程目标：制作出一个漂亮淘宝客的主题课后作业，跟着视频，完成一个相同主题的制作。目录： Wp百科网淘宝客主题模板制作教程 (1) 第一课、淘宝客模板概括 (1) 第二课、wordpress博客网站安装 ............................................................... 错误！未定义书签。第三课、手动制作排行榜单页..................................................................... 错误！未定义书签。第四课、淘宝联盟获取单页......................................................................... 错误！未定义书签。第五课、程序整合获取单页......................................................................... 错误！未定义书签。第六课、内部嵌入式单页............................................................................. 错误！未定义书签。第一课、淘宝客模板概括（1）、目前互联网流行淘宝客模板顶部调用式内嵌调用式（2）、单页调用方式： ----1、Iframe框架调用 ----2、js代码调用 Html代码 HTML源代码转换JavaScript代码工具 https://www.360docs.net/doc/f65245585.html,/Tools/Html_Js.aspx 转化成js代码之后： document.writeln(""); （3）、常规排行榜单页制作方式

discuz,更换模板

竭诚为您提供优质文档/双击可除 discuz,更换模板篇一：discuz!论坛系统diy模块模板使用教程 discuz!论坛系统diy模块模板使用教程今天为大家讲解一下在使用diy过程中的一些技巧与方法仔细阅读，受益匪浅一、如何在模块中增加“标题”及“更多”的链接如下图样式方法：通过框架或模块都可以实现上述样式，我们以框架为例，我们在diy的时候选中要编辑的框架点击编辑如下图所示之后点击标题在弹出的层中可以添加标题及链接,位置选择居左如下图所示同时可以设置标题的颜色及大小接下来增加“更多”的链接点击弹出层的添加新标题按扭如下图所示，会“复制”出一份新的标题你只需修改就可以了把其中的“精彩教程”改成“更多”，链接以及字体、

颜色都进行修改就可以了，这里的位置一定要选择“居右” 完成，这样框架就有了标题及更多，模块的方法同上二、diy的模块中如何调整链接的颜色如下图样式方法：选中要修改的模块，点击编辑，选择数据如下图所示在弹出层中选择编辑如下图所示篇二：模板插件-discuz的专业模板插件修改 templates/default默认模板文件包 |https://www.360docs.net/doc/f65245585.html,ng.php道具语言包 |---activity_applylist.htm活动特殊主题列表 |---activity_export.htm |https://www.360docs.net/doc/f65245585.html,ng.php后台管理界面语言包（后台搜索依赖此文件） |https://www.360docs.net/doc/f65245585.html,ng.php后台管理菜单语言包 |https://www.360docs.net/doc/f65245585.html,ng.php后台管理，跳转提示信息语言包 |---adv.htm论坛广告功能处理模板文件，被各个页面广告位调用 |---ajax_attachlist.htmajax获取附件列表模板文件 |---ajax_imagelist.htmajax获取图片列表模板文件 |---ajax_magiclist.htm |---announcement.htm公告查看页