本文目录:
- 1、我是个wordpress新手,请问怎么修改主题的样子?
- 2、WordPress教程:自定义登录界面网站模板元素
- 3、WordPress之家下载的主题怎么安装
- 4、如何使用WordPress添加新页面功能使用页面模板_建站经验教程
- 5、如何制作一款属于自己的WordPress主题
我是个wordpress新手,请问怎么修改主题的样子?
模板文件(template files)和模板(template)是我的关于创建 WordPress 主题 系列教程 的第二篇。如果你还没有看过教程 1,请先回去看教程一,否则你将无法理解在教程二中使用的名词。
现在我们已经学过了规则和术语,这篇将让你更熟悉模板文件,模板,已经每个页面的结构。
有件事情你必须牢记的是:你博客的每个页面是有多个模板文件组成的。
这里是首页的例子:
在上面的例子,我们可以看出首页是由4个模板文件组成: header.php,index.php,sidebar.php 和 footer.php。
Header 模板文件:
通常在这个文件中包含你博客的标题(title)和描述(description)。而且它们通常在整个博客中保持一致。
Index 模板文件:
这个模板文件包含你的日志的标题,内容(每篇日志的文本和图片)和日志的元数据 (指的是每篇日志的信息,包括谁是作者,什么时候发表,在那个分类下,有多少留言等等)。
Sidebar 模板文件
这个模板文件控制你的页面链接列表,类别链接列表,存档链接列表,blogroll 列表和其他东东。(侧边栏不一定要求布局到右边,我正在使用的主题是经典的两列的 博客布局。)
Footer 模板文件:
像 header.php 模板文件一样,footer 通常不会因为页面的改变而改变,你可以在这里放置任何东西,但是通常是版权信息。
现在让我解释为什么上面图片中的 index.php 所在的区域是红色的。Index.php 所在区域是红色是说明那块区域将会改变,取决于你在博客的那个页面。
如果你在单一日志页面,这时候页面将会包含这四个模板文件:header,single,sidebar 和 footer。
WordPress教程:自定义登录界面网站模板元素
我们在平时使用wordpress的时候,有可能希望将登录页面开放给访客,那么就涉及到了wordpress主题页面定制,但传统方法的定义,改CSSJSPHP,往往意味着版本更新,就要重新来过,太繁琐,不过可以通过简短的方式实现。
自定义登录LOGO
将下面代码放在主题目录内的functions.php文件内即可,也可以自己定义一个插件放在里面
//自定义登录LOGO
function
custom_loginlogo()
{
$UAZOH_PLUGIN_URL
=
WP_PLUGIN_URL.”/”.dirname(plugin_basename(__FILE__));
echo”;
}
add_action(‘login_head’,
‘custom_loginlogo’);
//自定义登录LOGO的超级链接
by
function
custom_loginlogo_url($url)
{
return
”;
}
add_filter(
‘login_headerurl’,
‘custom_loginlogo_url’
);
自定义登录页面风格
将下面代码放在主题目录内的functions.php文件内即可,也可以自己定义一个插件放在里面,也可和上面的方法合并使用.
通过下面的定义登录背景色变成淡灰色,登录按钮变成深灰色。也可以自己再添加:hover等伪类修改悬停、点击等样式
//自定义登录页面风格
function
uazoh_custom_login_page()
{
echo”;
}
add_action(‘login_head’,
‘uazoh_custom_login_page’);
自定义登录页面风格(图片轮换背景)
将下面代码放在主题目录内的functions.php文件内即可,也可以自己定义一个插件放在里面,也可和上面的方法合并使用.
使用到的的jQuery插件下载:
jquery.backstretch.min.js
需要在你主题下面建立一个login_page_bg文件夹,也可以修改下面var
imgsrc部分代码,改成自己的地址
//自定义登录页面风格(图片轮换背景)
function
uazoh_custom_login_page_imgbackground()
{
echo
‘
‘;
}
add_action(‘login_head’,
‘uazoh_custom_login_page_imgbackground’);
修改登录界面地址
将下面代码放在主题目录内的functions.php文件内即可,也可以自己定义一个插件放在里面
修改完成后,登录页的地址就是http://域名/wp-login.php?usr=Ga6ges2vo
,没有usr=Ga6ges2vo字段的登录地址就无法访问,会跳转到下面定义的地址
这个方法对于高手来说有很严重的漏洞
//修改登录界面地址
function
Uazoh_login_url_crk(){
$uel_f=’usr’;//等号前的内容
$uel_b=’Ga6ges2vo’;//等号后的内容
if($_GET{$uel_f}
!=
$uel_b)header(‘Location:
‘);//如果还用原来的登录地址,会自动跳转到博客首页
}
add_action(‘login_enqueue_scripts’,’Uazoh_login_url_crk’);
WordPress之家下载的主题怎么安装
可以参考如下教程:
登录WP,来到后台管理。在仪表盘——外观——主题中进行主题管理与安装。
在主题页面显示了已经安装的主题,如果需要添加主题,点击右边的“添加”。
我们可以通过两种方式添加主题。
方法1:直接根据条件搜索主题。
搜索到的主题下方有一个“现在安装”按钮,点击就可以添加主题。
方法2:上传主题。在别的网站中下载自己喜欢的主题,一般都是zip文件。点击添加,选中主题,点击打开。
接着页面就会显示刚才选中的主题的名字,点击后面的“现在安装”。
7
安装成功后有如下提示。下方的链接可以选择预览和启用
如何使用WordPress添加新页面功能使用页面模板_建站经验教程
为WordPress做模板的时候我们经常可能遇到这样的问题,每个页面用的模板不一样,比如,这个页面有侧边,那个页面没侧边,这个页面用这个导航,那个页面用那个导航,所以就出现了下面的问题了。
能让每个页面有不同的设计吗?答案是肯定的,恩,如果你使用不同的页面模板,你当然可以使得每个页面的样子如你所望。
举个例子,比如你有个客户想他所有的页面除了Tag(Tag)页面之外都有侧边栏,在他的Tag页面,他想内容的宽度能够扩展到侧边栏的位置。具体步骤如下:在你的主题文件夹中创建一个新模板,命名为Tag.php (或者你喜欢的名字) ,然后把 page.php 模板中的内容拷贝到 Tag.php 文件中。 接着,找到模板文件中调用 sidebar 的地方,去掉或者注释它(如果不知道怎么做,看下我们的主题教程了) 你可能需要找到 content div 标签,并手动给它增加一个 width 样式来扩展宽度以便能够占满整个 container div 标签。
完成之后,到 Tag.php 的最上面插入以下代码:
以下为引用的内容:?php/*Template Name: Tag*/?当你完成添加代码之后,保存你的文件并上传到你服务器上的当前主题文件夹下。现在是时候去使用 WordPress 管理界面让 Tag 页面使用 Tag 页面模板,假如你不知道的话,这里是具体做法:进入创建新页面,或者编辑 Tag 页面(假如你已经创建了),在右边,你会看到一些不同的标题,如平路,页面状态,页面密码,上级页面,页面模板,页面缩略名,页面作者,页面顺序。点击页面模板的边上的加号,在下拉列表中找到 Tag ,选择它并点击保存。
现在你的 Tag 页面和你其他的页面使用不同的主题。
如何制作一款属于自己的WordPress主题
这需要你会一些PHP代码,HTML和CSS代码,没问题的话,可以百度,搜一下wordpress主题制作,有很多教程的,然后就可以开始写了,把每个部分写好之后传到FTP的themes文件夹就能去后台启用了
当然,会一点CSS也可以直接拿别人的修改,修改成自己想要的效果
本文来源:https://www.yuntue.com/post/94753.html | 云服务器网,转载请注明出处!

微信扫一扫打赏
支付宝扫一扫打赏