如何使用页面配置设置文字新闻正文类

将 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 内容”文件夹。

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代码,还是主要依靠插件?

给TA打赏
共{{data.count}}人
人已打赏
WordPress 教程

如何允许用户在 WordPress 中对媒体上传进行排序

2022-10-5 3:45:24

WordPress 教程

如何创建下拉列表以查看最近的帖子

2022-10-5 5:46:28

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
搜索