导航:首页 > 文件教程 > wordpress中文cms主题模板

wordpress中文cms主题模板

发布时间:2023-10-06 17:35:09

1. wordpress 模版使用教程

把下载好的主题解压后粘贴到wordpress的文件夹wp-content/themes中,
然后到你的wordpress后台找到该主题并启用
方法2.[直接安装]
在wordpress后台中的“外观”,点“主题”,右侧很直观就看到上传安装主题的界面,然后从那找到你电脑上的主题直接安装启用

2. wordpress模板和主题是一个概念么 复制党,广告党绕路

模板和来主题是一样的自。只是叫法不同而已。去 http://wordpress.org.cn/ 这是wordpress中文论坛 里面有很多模板的。你做电子商务网站的话,就不要用博客程序了。它的功能有限,你可以选择其他程序。http://www.jooyea.net/电子商务可以用这个。

3. 怎么修改wordpress主题

其实修改和制作主题并没有想像中的那么复杂,当然你要作出一款惊世骇俗的Wordpress主题除外。
先说说修改Wordpress模版所需掌握的知识。Wordpress函数大部分都可以在WP官方Codex找到,也可以说是固定的,并不需深入学习,知道某句函数从哪开始到哪结束就可以,已免修改主题时造成错误。关键是掌握DIV+CSS,网上教程很多,对于修改Wordpress模板粗略学一下原理就够了,也就是那么几句属性写法,因为我也还在学习,这里就不现丑教大家了,自己找个教程看看吧。
一套完整的WordPress模版应至少包括如下文件:
style.css : 样式表文件
index.php : 首页模板
archive.php : 文章归档/分类目录模板
404.php : 404 模板
comments.php : 留言/回复模板
footer.php : 底部模板
header.php : 顶部模板
sidebar.php : 侧栏模板
page.php : 页面模板
single.php : 文章页面模板
functions.php : 模板函数
search.php : 搜索结果模板
当然,有些主题可能不止这些文件,比如我的HotNews Pro主题模板文件有上百个,但以上文件是每套模板所必备的。
知道上面模板的作用可以让你知道当前页面应该修改哪个对应的模板。
下面是这篇的重点:工欲善其事,必先利其器!
可能很多人一想到网页制作工具,就会联想到"网页三剑客"中的Dreamweaver(简称DW)号称所见即所得,那是指当初流行用Table表格制作网页,而现如今是DIV+CSS时代了,所见即所得的优势再也没有了,这个DW几乎已无用武之地(个人认为)。另外国外原来常用的网页制作工具是Adobe GoLive,由于中文版推出较晚,才造成DW在国内流行,DIV+CSS网页制作大型软件也是首推Adobe GoLive,不过该软件目前已停止开发,可惜。今天推荐的工具并不是这两个售价高昂,体积庞大软件.修改和制作Wordpress主题根本无需使用什么专业软件,不过也不像某些人吹嘘的那样用系统自带的记事本就能写主题。
首先,你需要搭建一个本地PHP测试环境,方便修改模版,当然你也可以在Wordpress后台主题编辑页面中修改,临时用一下还可以,不适合修改较多的情况。如何搭建本地测试环境网上教程很多,这里就不详细说了,推荐使用Wamp或者phpStudy,自己搜索一下。
必备工具软件:
■ 文本编辑器
EmEditor(收费软件)、EditPlus(收费软件)、Notepad++(免费)
前两款是收费软件,后者是免费的功能也非常不错,适合新手使用,绝不能用系统自带的记事本编辑模版文件,特别是中文模版,否则会造成模板借位,中文模版编码为:UTF-8 无BOM。
■ 火狐浏览器(Mozilla Firefox)
有的人会问,为什么要用火狐,系统自带的IE一样可以浏览网站?当然不是完全用火狐去浏览网站,而是利用火狐强大的扩展能力,为我们仙人指路。
当我们要修改某部分样式及结构时,都会直接打开Wordpress主题模板文件或在后台编辑主题,密密麻麻的代码,就是主题作者自己看了也会头晕眼花,所以会经常在关键部位加上一些注释,
php中注释一般为:<!-- XXX -->
css中为:/** XXX **/
但一些注释可能只有作者自己知道是什么。因此,很难在打开的模板文件中找到准备修改的部分,这时我们就会用到火狐的扩展:Firebug,下载地址
IE浏览器也有类似的插件,但功能上无法与火狐的扩展相比,一些浏览器本身就集成了该功能比如Opera,功能貌似同样的强大。
具体操作方法
如果你已安装火狐并已添加Firebug扩展,可以继续往下看如何具体修改Wordpress主题。
■ 修改页面元素的文字大小
以修改HotNews Pro主题CMS布局,最新文章标题文字大小为例:
鼠标停在最新文章标题上,右键调出菜单选择“使用Firebug”查看元素(如图)

之后默认会在火狐浏览器底部调出Firebug窗口,左侧显示的是当前网页元素的HTML结构,右侧是当前元素选择器的样式属性和所在的文件及行数(如图),在style.css文件的第277行。

用上面介绍的文本编辑软件,打开主题style.css文件在277行找到:
#post h3 {
font-size: 13px;
font-weight: bold;
}
修改其中的数字13,为自己认为合适的大小即可。
如果当前元素选择器的样式中没有控制字体大小的 font-size: 13px; 属性,而是使用的全局字号设定,可以为其单独加上这个 font-size: 13px; 属性
看了上面的一个实例,是不是很简单,修改主题样式,关键是要找到所需修改元素选择器名称及样式属性的位置。
本人在修改主题模版时也用同样的方法,没有Firebug扩展的仙人指路,就是修改自己作的模板也决不是一件易事。
■ 如何确定某个网页元素(模块)的整段代码,便于调整位置。
以HotNews Pro主题导航菜单移动到LOGO下面为例:
首先,用上面的方法确定导航菜单最外层的选择器名称为:top
然后,用Notepad++文本编辑器,打开主题顶部模板header.php,搜索查找top位置,并用鼠标点击该选择器,会发现Notepad++已为我们明确标示了该段代码开始和结束的位置(如图):

下面的就简单了,用同样的方法找到导航菜单下面元素最外层的选择器结束的位置将代码移动至此即可。
以上就是修改模板的基本方法和步骤,所谓的高手基本都这么折腾模版,如果你花一两天时间学一下DIV+CSS相信会更得心应手。
另一个比较不错的扩展是:Web Developer,这里就不介绍了,请自行研究。

4. 如何把wordpress改成cms

基于 WordPress 的强大功能,这样的修改是很简单,根本不用大改主题,根本不用动主题的index.php 文件,只需要创建了一个页面,然后在 WordPress 后台把这个页面设置为首页就可以了。
下面是具体的详细设置过程,只需要 5 个简单的步骤把 WordPress 打造成 CMS:
1、创建一个名字为“首页”的页面作为网站的,并给它的 Order(页面顺序)设置为 0。如果首页是需要定制的,比如没有侧边栏,分成各个板块,那么需要专门为首页创建 WordPress 页面模板,并且把该页的 Template 设置为该模板。
2、创建一个空的页面,命名为“博客”,并且把他的 Order(页面顺序) 设置为 99(如果你没有很多页面,那么 99 基本就排到最后了)。这个页面到时候将作为的原来日志列表的首页。
3、到 WordPress 后台,选择 Setting(选项) > Reading(阅读),将上面创建的 “首页” 作为 Front Page(起始页) 和 “日志” 作为 Posts Page(日志列表页)。
4、通过这个函数 wp_list_pages(’sort_column=menu_order&title_li=’) 创建网站导航菜单。这里使用了 sort_column=menu_order 这个参数就是让所有页面按照前面定义的 Order(页面顺序)排序输出。
5、进行更多的定制化工作,这个根据个人需求进行修改。当然也可以找专业人士定制和修改。
当创建其他页面的时候,让其他的页面的 Order 在 0 和 99 之间。这样的话,菜单中的第一个就是“首页”,最后的是“博客”,当然也可以根据自己的需求进行定制。
这样定制之后,首页的判断函数就为 is_front_page(), is_home() 这个判断函数则用于日志列表页面,这个使用的时候要注意分清楚,不然会引起错误。

5. 如何制作一款属于自己的WordPress主题

工具/原料
本地测试环境搭建工具
WordPress安装程序
NotPad++文本编辑工具
HTML+CSS+PHP的基本知识
方法/步骤
使用XAMPP搭建本地环境,启动后的画面是这样的,关于使用方法,请善用网络

2.规划主题文件目录
这是完整的主题目录里应该包含的文件,包含了一些有用的扩展
方框里的内容是我们本文所必须的。

3.分离主题文件代码
根据我们前面设计的页面外观我们的主页的HTML代码可以是这样的:<code><html> <head> <title>Tutorial theme</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="wrapper"> <div id="header"> <h1>HEADER</h1> </div> <div id="main"> <div id="content"></div> <div id="sidebar"></div> </div> <div id="delimiter"></div> <div id="footer"> <h1>FOOTER</h1> </div> </div> </body></html>
</code>接下来,我们对这些代码进行模块分离,区分出header,footer,sidebar,index等内容。头部文件Header.php:<code><html> <head> <title>Book Review</title> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"> </head> <body> <div id="wrapper"> <div id="header"> <h1>HEADER</h1> </div>
</code>Header.php文件中的第4行我们更换了样式表的文件路径,这样主题就会自己判断并加载侧边栏文件sidebar.php<code><div id="sidebar"> <h2 ><?php _e('Categories'); ?></h2> <ul > <?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?> </ul> <h2 ><?php _e('Archives'); ?></h2> <ul > <?php wp_get_archives('type=monthly'); ?> </ul></div>
</code>Siderbar.php文件中分别输出了分类的列表和归档的列表。底部文件footer.php <code>
<div id="footer"> <h1>FOOTER</h1> </div> </div> </body></html></code>主题样式文件:style.css
<code>/*Theme Name: Book ReviewTheme URI: http://www.aidd.me/themeAuthor: the WordPress teamAuthor URI: http://www.ibooks.org.cn/*/body { text-align: center; }#wrapper { display: block; border: 1px #a2a2a2 solid; width:90%; margin:0px auto; }#header { border: 2px #a2a2a2 solid; }#content { width: 75%; border: 2px #a2a2a2 solid; float: left; }#sidebar { width: 23%; border: 2px #a2a2a2 solid; float: right; }#delimiter { clear: both; }#footer { border: 2px #a2a2a2 solid; }.title { font-size: 11pt; font-family: verdana; font-weight: bold; }</code>主题样式文件主要完成对主题外观的控制,这些只是最基本的样式控制文件,你可以根据自己的需要进行适合的修改以达到自己想要的效果。通过对最简单的HTML的不同控制,您会发现在以后的主题制作中如何优化代码,提高代码的通用性。主文件index.php:<code><?php get_header(); ?><div id="main"> <div id="content"> <h1>Main Area</h1> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <h1><?php the_title(); ?></h1> <h4>Posted on <?php the_time('F jS, Y') ?></h4> <p><?php the_content(__('(more...)')); ?></p> <hr> <?php endwhile; else: ?> <p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?> </div> <?php get_sidebar(); ?></div><?php get_footer(); ?></code>在主文件中,我们分别通过调用了get_header(),get_sidebar(),get_footer()实现了文件的整合,通过if判断是否存在日志文章,然后通过While循环来输出数据库中的日志文档。这虽然是一个最基本,最简单的主题,但通过主题的制作您能够会不断的发现问题,并通过请教网络,谷歌等搜索引擎来获取更多的知识。通过查CSS您可能获得更多的CSS控制的特效的技能或许您会发现BootStrap是如此强大。通过查找get_header,您会发现更多其独特的功能,你会发现wp_footer函数像WP_head()函数一样重要,通过查找侧边栏sidebar,您会发现原来可能通过小工具使侧边栏变得如此强大,通过查找文章类型,文章形式,分类法,你会发现原来WordPress可以完成你想要的任何功能。

阅读全文

与wordpress中文cms主题模板相关的资料

热点内容
wps工具栏怎么换成中文 浏览:338
win7和xp共享文件 浏览:883
苹果4代音量键没反应 浏览:827
怎样打开tif文件 浏览:153
java下载文件zip 浏览:440
qq浏览器压缩文件怎么设密码 浏览:526
黄埔数控编程哪里好 浏览:406
mac109升级1010 浏览:691
在java的菜单如何导入文件 浏览:982
现在什么网站销量最高 浏览:760
angularjsclass定义 浏览:157
ug数控编程怎么导出程序 浏览:466
cmdb文件 浏览:710
鹎文件夹 浏览:763
网络舆情应对的基本理念是什么 浏览:433
word2007层次结构 浏览:456
去掉文件名的数字 浏览:713
word公司 浏览:710
淘宝店数据包怎么上传 浏览:341
pbt文件 浏览:204

友情链接