【day27】修改你wordpress主题,header里的 head的部分,并教你铲除wp_head的不必要档案

Wordpress 和我们平常的网页不同,他是允许用家可以自行调节,这篇我们将会回到我们的header,把一些网页平常会放在header里的一些网页资料,用wordpress的方法重新编写过,这样用家也可以自行去透过wordpress作调整了。

language_attributes()

在原先的设定,我们不是有<html lang="en">这样的编码吗? language_attributes()就是要来代替他的。你应该还记的 lang="en"的用意,是在於去帮助搜寻去,了解这网页内容是用什麽来编写,藉此让你的网站更容易推介给合适的对象吧。不过,在wordpress里,我们是可以在在一般里面说过的,这点我们之前也有提及过,那麽我们透过加入language_attributes(),就能够随着用家的设定,而改变了。

编码:

<html <?php language_attributes();?>>

bloginfo('charset')

我们原先,是有<meta charset="UTF-8">,假如还记得的话,这段的主要用意,是要来提供编码的解读方法给浏览器。同样我们也需要修改,让用户能够根据自己需要而作改变(虽然很少需要就是了)

编码:

<meta charset="<?php bloginfo('charset');?>">

bloginfo('name')

假若你熟习wordpress的话都会知道,wordpress的标题是会根据不同页面,不同文章而改变的,用家亦可以在一般里,只有设定网页标题。既然我们是在编写一个主题,那麽限制用家的标题,当然是不可能的事,所以我们可以把之前的<title>Document</title>铲除掉,改为使用bloginfo('name')。

编码:

<title><?php bloginfo('name');?>"></title>

wp_title

不过这样的设定,还不足够,现在就只会改变网页标题,但当用家进入其他版面时,是不会改变的,我们可以透过加入wp_title来做到这效果。

编码:

<title><?php bloginfo('name');?>"><?php wp_title();?></title>

现在看起来会像这样子: xxxx >> yyyy

wordpress的预先设定,是会利用>>来分隔的,假若您希望改变的话,例如您希望用 - 来代替那麽只需要在wp_title的()内加入' - '就可以了。注意,假若你有加入空格,那麽最後看起来也是会有空格作间隔的。

编码:

<title><?php bloginfo('name');?>"><?php wp_title(' - ');?></title>

bloginfo('discription')

wordpress是可以透过利用yoast seo 等插件,让用家能够只有修改meta discription的,所谓的meta disctiption,就是用家可以在搜寻结果里,会看到的,关於网页内容的简介,这个之前也有说呀。既然用家是可以自由修改,那麽我们把之前的meta name = 的编码移除,并以bloginfo('discription')作为代替。

编码:

<meta name="discription" content="<?php bloginfo('discription');?">

这里顺带一提,假若大家并没有加入任何meta disctiption,那麽在设定,一般里可设定的标语,就会成为了wordpress向google提供的meta discription 了,当然google还会再自己找取网页内容,来制作属於搜寻结果的文字简介。

关於在wp_head()载入多余资料的问题

在一开始的时候,我曾经也有说过wp_head(),是会载入很多无用的档案,那麽我们可以怎样做来铲除呢?我们可以透过在function加入编码来修改这部分.

编码例子:

function remove_useless_file(){

 remove_action('wp_head', 'rsd_link');

add filter('the generator',' remove_useless_file');

这篇文章虽然不详,但都是些很重要的设定,每次在制作wordpress主题时,都需要做的啊

此文章之後会再更新,以完善文章内容。


<<:  [Day28] AWS Cloud9

>>:  margin & padding - 金鱼都能懂的CSS必学属性

【Day 26】CSS Animation - CSS 动画资源蒐集与使用教学

by CSS Animations- Guide to Cubic Bezier Curves 关...

Day7-AI Performance

原文写於2019如无法执行请阅读官方文件 2. Label and Label Selector 接...

Day 18 ATT&CK for ICS - Privilege Escalation

Privilege Escalation 攻击者尝试在工控环境内取得更高的权限。 攻击者进入工控环境...

DAY 01 前言

前言 第一次参加铁人赛,真是有点小紧张哎嘿,虽然自己平常也是有在写一些技术文件,但是三十天连载这种大...

Thunkable学习笔记 9 - 资产盘点(二)

对thunkable的data sources还不是很清楚, 建立这个app练习并测试这个物件的特性...