大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
首先我们要搞懂WordPress是干什么用的,在什么情况下我们要用到WordPress呢?
创新互联专注于企业全网整合营销推广、网站重做改版、临川网站定制设计、自适应品牌网站建设、HTML5建站、商城网站定制开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为临川等各大城市提供网站开发制作服务。
WordPress是使用php语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统来使用。
WordPress是一款个人博客系统,并逐步演化成一款内容管理系统的软件,它是使用PHP语言和MySQL数据库开发的。用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的博客。
既然是计算机语言那么最基础的的计算机语言你要懂,还要有一定的知识贮备量,c语言起码要学会,
第一、html、css标记语言。
第二、php程序语言
,需要把php基本的函数形式讲清楚就可以了。然后把那些wordpress内置的函数玩熟练就可以做出一个像样的主题。
最主要的就是php语言了,以上这些语言都是大学课程里必须教的,自己学的话需要买几本专业的书籍看一看,然后下载几个写代码的软件,弄懂一点写一点,如果只看的话是很难找出自己的错误和不足的,另一方面还可以请教别人,多问问前辈,网上也会有教这种课程的可以看一看
1、创建所需的文件
在进行主题定制前,应该首先创建一个可供自定义的“设置选项页面”。创建设置选项页的代码需要放置在主题目录下的functions.php文件中。如果我们的模板名为“OptionPage”,那么functions文件的路径为:wp-contentthemesOptionPagefunctions.php。
我们不需要让wordpress手动加载它,在执行时wordpress会自动加载。
2、建立设置选项页
首先第一步需要在后台建立一个空白页面供我们使用。我们通过add_aaction来实现这一步。Actions可以在wordpress执行时的特定时间被响应,例如,当在控制面板创建菜单时,admin_menu就会被响应执行。因此,可以利用这些来实现我们所需的功能。这是我们创建选项页的最基本的功能。
?php
// 设置选项页
function themeoptions_admin_menu()
{
// 在控制面板的侧边栏添加设置选项页链接
add_theme_page(“主题设置”, “主题选项”, ‘edit_themes’, basename(__FILE__), ‘themeoptions_page’);
}
function themeoptions_page()
{
// 设置选项页面的主要功能
}
add_action(‘admin_menu’, ‘themeoptions_admin_menu’);
?
themeoptions_admin_menu()是在控制面板的侧边栏中添加一个链接,指向我们创建的选项页:themeoptions_page。
add_theme_page() 的参数为:
页面标题:主题设置
菜单标题:主题选项(p.s.为了区分显示,页面与菜单标题我做了不同我命名)
作用功能:edit_themes;
Handle(句柄):当前文件;
执行的函数:themeoptions_page;
首先,打开wordpress后台
按提示输入需要的东西
要牢记你的用户名和密码
以后随时都要用到
不然你就进不去你的网站后台了
点击“外观”
“主题”,就是给网站添加一个基本的框架。
点击"添加”,记住要添加一个适合你的网站的主题,不能操之过急。
然在点击“上传主题”
如果想用wordpress里的主题就不用在去网上下载啦
如果是淘宝客的话你可以去百度看看
也可以去淘宝网里购买一个网站模板
然后在百度上搜索主题下载
看看你需要什么样的主题模板。
注意必须是zip压缩格式的
不是zip压缩格式的可以把他转换成zip压缩格式的
不然就会上传失败
失败因素也有很多种,一定要注意上传之前的注意事项,这样可以节省你的时间。
然后就点击“现在安装”就行了。安装完成之后你要添加你要发布的文章,可以控制你的网站进行创作。
工具/原料
本地测试环境搭建工具
WordPress安装程序
NotPad++文本编辑工具
HTML+CSS+PHP的基本知识
方法/步骤
使用XAMPP搭建本地环境,启动后的画面是这样的,关于使用方法,请善用百度
2.规划主题文件目录
这是完整的主题目录里应该包含的文件,包含了一些有用的扩展
方框里的内容是我们本文所必须的。
3.分离主题文件代码
根据我们前面设计的页面外观我们的主页的HTML代码可以是这样的:codehtml head titleTutorial theme/title link rel="stylesheet" href="style.css" /head body div id="wrapper" div id="header" h1HEADER/h1 /div div id="main" div id="content"/div div id="sidebar"/div /div div id="delimiter"/div div id="footer" h1FOOTER/h1 /div /div /body/html
/code接下来,我们对这些代码进行模块分离,区分出header,footer,sidebar,index等内容。头部文件Header.php:codehtml head titleBook Review/title link rel="stylesheet" href="?php bloginfo('stylesheet_url'); ?" /head body div id="wrapper" div id="header" h1HEADER/h1 /div
/codeHeader.php文件中的第4行我们更换了样式表的文件路径,这样主题就会自己判断并加载侧边栏文件sidebar.phpcodediv id="sidebar" h2 ?php _e('Categories'); ?/h2 ul ?php wp_list_cats('sort_column=nameoptioncount=1hierarchical=0'); ? /ul h2 ?php _e('Archives'); ?/h2 ul ?php wp_get_archives('type=monthly'); ? /ul/div
/codeSiderbar.php文件中分别输出了分类的列表和归档的列表。底部文件footer.php code
div id="footer" h1FOOTER/h1 /div /div /body/html/code主题样式文件:style.css
code/*Theme Name: Book ReviewTheme URI: : the WordPress teamAuthor URI: */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" h1Main Area/h1 ?php if (have_posts()) : while (have_posts()) : the_post(); ? h1?php the_title(); ?/h1 h4Posted 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可以完成你想要的任何功能。