云服务器网:购买云服务器和VPS必上的网站!

wordpress主题教程(wordpress主题使用)

本文目录:1、我是个wordpress新手,请问怎么修改主题的样子?2、WordPress教程:自定义登录界面网站模板元素3、WordPress之家下载的主题怎么安装4、如何使用WordPress添加新页面功能使用页面模板_建站经验教程5、如何制作一款属于自己的WordPress主题我是个wordp

本文目录:

  • 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 | 云服务器网,转载请注明出处!

关于作者: yuntue

云服务器(www.yuntue.com)是一家专门做阿里云服务器代金券、腾讯云服务器优惠券的网站,这里你可以找到阿里云服务器腾讯云服务器等国内主流云服务器优惠价格,以及海外云服务器、vps主机等优惠信息,我们会为你提供性价比最高的云服务器和域名、数据库、CDN、免费邮箱等企业常用互联网资源。

为您推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注