将 WordPress 页面的 Sblug 作为元素添加到 CSS 类在自定义方面需要很长时间。 例如,如果网站检测到特定页面,则可以使用它更改小部件的颜色和字体。
如果有人想要在访问着陆页时突出显示“行动号召”小部件,该怎么办? 这是在页面泥浆中使用 WordPress 正文类时。
然而,这样的定制需要一点网站开发知识… 具体来说,它是PHP和CSS。 幸运的是,这些更改非常简单,可以真正在页面上添加一些天赋。
今天,我们将向您展示如何向 WordPress 正文类添加页面泥浆。
什么是身体类?
您可以使用“body_class”功能使用 CSS 更改主题的样式。 通常,此标记可用于主题标头.php文件。 因为这是第一个加载的东西之一 每 帖子和页面。
CSS body_class标记允许您指示网站更改颜色、更改字体类型和其他可视调整。
什么是页面泥浆?
渣通常是易于阅读的标识符,通常控制网页 URL 的显示方式。 例如,假设您有一个标题为“关于我们”的页面。 URL 应如下所示:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]https://www.ggexample.com/about-us/[/ht_message]
注意”关于我们部分。 它通常是帖子或页面的实际主题。
但是,渣仅在使用时使用 自定义永久链接 在WordPress。 这有助于SEO和访问者参与,所以无论如何,这是我想设置的东西。
访问函数.php文件
要使 WordPress 正文类和页面配置代码正常工作,您需要编辑主题函数.php文件。 这实际上是很容易找到,即使是最新手的用户。
请注意,在开始之前,通常更容易创建 对子主题的更改这样,您可以根据需要进行任意数量的编辑,而不会影响网站的主要主题。
此外,请记住 备份的重要性. 使用 UpdraftPlus 等插件可帮助您在出现问题时快速恢复。
首先,您可以[外観]并记下您正在使用的主题。
现在,有几个选项可用于访问函数.php但对于本教程,我将简单地使用文件管理器工具 c 面板这是访问站点根目录的快速简便方法。
您还可以使用以下程序: FileZilla 以远程访问文件。
从网站目录中打开“wp 内容”文件夹。
打开“主题”文件夹。
找到并打开主题文件夹。 在这种情况下,我访问的是“hitmag”目录,这是我正在使用的目录。
选择函数.php文件,然后单击“编辑”。
添加代码段
将此代码段粘贴到函数.php文件中。[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]页面泥浆正文类
函数 add_slug_body_class( $classes ) |
if (is_single() ) {
全球 $post;
if ( isset( $post ) ) {
$classes[] = $post->post_type .’ -斯拉格-‘ .$post->post_name;
}
返回$classes。
}
}
add_filter( ‘body_class’, ‘add_slug_body_class’ );[/ht_message]
在右上角[変更の保存]单击。
网站现已准备好进行自定义 CSS 编码。
使用自定义正文类
假设您要更改 CSS 的“关于我”页面的背景颜色。 向样式表添加以下内容:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]body.page-slug-about-us{
颜色:#053f23;
}[/ht_message]
在此示例中,[About Us]页面的正文颜色将更改为深森林中的绿色。 当然,您可以将它更改为任何颜色。
自定义灵活性
WordPress控制着互联网上大部分网站市场份额的最大原因之一是它的灵活性。 无论您是使用 WordPress 自定义更改,还是只是更改主题本身的正文类的页面名称,您能做的可能性几乎是无穷无尽的。
了解可以进行哪些自定义更改,并使网站看起来唯一,即使您使用公共主题也是如此。
在 WordPress 中保存了哪些代码自定义? 你喜欢自己编写WordPress代码,还是主要依靠插件?