蝶侠_欣益奇一个专
做自媒体运营赚钱的博客

【免费资源】Wordperss布景制作教学系列(一):WordPress布景基本格局设置

制作Wordpress布景前需准备的工具:

为了能让大家在这一系列教学中快速成长获益,因此我们并不采用类似Dreamweaver这样方便的工具,我们仅使用Notepad++来土法链钢,虽然这样撰写布景似乎比较累人,不过只要你这样做出一个之后,保证功力大增。

NotePad++请参考:http://steachs.com/archives/759,并至下载页面下载最新版本进行安装。
修图工具:皆可,只要你用的惯都可以,不过丫汤不会让大家用到太多图片来制作,这次的目的是了解WP布景结构以及基础的CSS语法。

WordPress布景基本格式:

先前已经有介绍过Wordpress的组成档案有哪些,而布景又有分为2栏式及3栏式,我们就以2栏式的布景来撰写这一系列的教学,不论在任何页面,我们先以下方最基本的格局来编排布景,这也是最常见的2栏式布景,往后如果想要再改变更多元化的格局只要等待熟悉整体布局后,随时都可以自己再精研修改哦。

01

WordPress布景基本空白档案下载:

大家在开始之前请先下载基本的布景格局格空白档,以便这一系列教学中直接使用。

WordPress布景空白档:https://wpnote.cc/d/files/wpnote.zip

里面包含了以下档案:

02

启用空白的Wordpress布景:

当然~要制作布景,当然也要边做边预览,所以必须要先启用布景,不过如果不做些设定,在WP后台是看不到你的空白布景的,请大家先在style.css右键利用Notepad++打开编辑,将丫汤预设写上去的字改成自己的吧,各项说明如下,请自行修改为自己的资讯:

Theme Name:布景名称
Theme URI:布景连接网站
Description:描述
Version:布景版号
Author:作者
Author URI:作者网站
Tags:标签

03
然后再到WP后台,就可以看到刚所设定的布景名称,我们就先把他启用吧。

04

启用后会看到一片空白加几个说明的空白页,没错,我们就是要从头开始来制作,下一篇我们即将介绍Header.php的制作过程,拭目以待吧。

05

本文由蝶侠_欣益奇自媒体整理编写,本文内容来源于网络 版权归原作者所有!欣益奇自媒体 » 【免费资源】Wordperss布景制作教学系列(一):WordPress布景基本格局设置

蝶侠_欣益奇|一个专做自媒体运营赚钱的博客

支持快讯、专题、百度收录推送、人机验证、多级分类筛选器,适用于垂直站点、科技博客、个人站,扁平化设计、简洁白色、超多功能配置、会员中心、直达链接、文章图片弹窗、自动缩略图等...

蝶侠_欣益奇

登录

找回密码

注册

'); })();