在Wordpress中对页面上的单独元素进行样式化

Question

使用Wordpress我正在为客户的网站设计一个主题。

我已将登陆/主页设置为静态页面，我使用front-page.php作为默认模板。

我的问题是，当使用<?php get_template_part( 'template-parts/content', get_post_format() ); ?>

一次调用所有页面内容时，如何在页面上设置单个元素的样式

目前我在WP页面内容编辑器中有多个<div>，如下所示：

但是，我担心我的客户或其他东西可能会意外删除此内容并完全破坏设计。如何在模板中相应地分隔内容和样式？

Answer 1

  

我的问题是如何在页面上设置单个元素的样式？

您可以将body classes用于不同的网页/帖子。

  

如何在模板中相应地分隔内容并对其进行样式化？

根据您的需要，几乎没有选择：

• 关闭每个用户帐户的“Visual”编辑器模式。这有点帮助。

• 将自定义HTML移动到模板文件中。如果没关系。

• 使用custom fields，最好使用高级自定义字段plugin。

Answer 2

对于每个页面，如果你需要单独的类，那么函数：body_class（）：就足够了。

语法： - ＆lt;身体＆lt; ？php body_class（）; ？＆GT; ＆GT;

你也可以实现另一个函数：post_class：用于循环类。

语法： - ＆lt;身体＆lt; ？php post_class（）; ？＆GT; ＆GT;