寻找在 WordPress 中创建奇数/偶数类的方法? 奇数类和偶数类允许您以不同的方式设置所有其他 WordPress 帖子的样式。 这可确保每个帖子在列表视图中彼此突出显示。 交替模式还使您的网站对访问者看起来更专业。
WordPress 使开发人员能够轻松创建各种帖子类,并提供更多自定义选项。 创建类后,单击 自定义 CSS 以设置新创建的帖子类的样式。 今天,我将向您展示如何在 WordPress 中创建奇数/偶数类。
为什么要在 WordPress 中使用旧/偶数类?
奇数/偶数类类型并不新鲜,可以在许多网站上找到。 这是一个简单的风格,但你可以采取一个普通的列表视图的帖子,使它看起来更优雅。 许多主题已经使用奇数/偶数类样式 注释部分 默认情况下。
它不仅具有良好的风格,还有助于将访问者的帖子与另一个帖子区分开来。 老实说,如果你整天使用电脑,类似的图像开始相似是很常见的。 当您查看帖子的列表视图时,尤其如此。 为所有其他帖子添加不同的颜色可以极大地帮助访问者。
如何在 WordPress 中创建奇数/偶数类
今天,我将向您展示如何在 WordPress 中创建奇数/偶数类。 若要在 WordPress 中创建类,只需向函数文件添加几行代码.php即可。 但是,这只会添加后类。 您需要使用自定义 CSS 设置样式,但这样做很容易。
这是一个好主意,因为您将添加代码到WordPress 备份网站这样,如果您遇到任何问题,您可以使用它在网站出错之前将其放回原处。
创建奇数/偶数后类
首先,您可以 c 面板 ,然后单击[ファイルマネージャ]单击选项。 文件管理器允许您访问与网站相关的所有文件。
您需要找到主题函数.php文件。 单击public_html目录,然后单击 wp 内容文件夹。 此文件夹中包含与网站相关的所有内容。 单击主题文件夹,然后键入当前正在使用的主题的文件夹。 最后,右键单击函数.php文件,然后单击[編集]选择一个选项。
ポップアップウィンドウが表示されます。このボックスは、何かを編集する前にファイルのバックアップを作成するように警告します。これにより、何か問題が発生した場合にWebサイトを動作していたときに戻すことができます。「編集」ボタンをクリックしてください。ファイルのすべてのコードを含む新しいタブが開きます。
次のコード行をコピーして、関数.php ファイルに貼り付けます。[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]函数oddeven_post_class ( $classes ) |
全局 $current 类;
$classes[] • $current_类;
$current_class = ($current_class == ‘odd’) ?’ 偶数“:”奇数“;
返回$classes。
}
add_filter ( ‘post_class’ , ‘oddeven_post_class’ );
全局 $current 类;
$current_class = ‘odd’;[/ht_message]
将代码插入到函数.php文件中后,[変更の保存]单击该按钮退出。
设置帖子类的样式
要在 WordPress 中设置某些内容的样式,您需要自定义 CSS 代码。 这是非常简单的,但如果你没有CSS的经验,你将少选择可用。
在左侧的管理面板中,单击[外観],然后单击[カスタマイズ]选择一个选项。
[追加のCSS]单击选项。
在这里,您可以添加自己的自定义 CSS 代码。 我将介绍最简单的CSS造型,你可以,但更有经验的开发人员可以做更多。 如果您在使用 HTML 颜色代码选择颜色时需要帮助,请查看 htmlcolorcodes.com这有助于您选择要使用的颜色。
请记住,每当在 WordPress 中造型时,保持网站的配色方案都很重要。 奇数/偶数类的点是突出的,但毫无疑问,它有点太突出,颜色错误。
复制以下代码并将其粘贴到自定义区域中。[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ].even {
背景资料:#8AFFB8;
}
.odd {
背景资料:#7CD1FE;
}[/ht_message]
这些只是示例颜色,因此请用所需的颜色替换 HTML 颜色代码。 更改将立即显示。
恭喜你,你成功地在WordPress中创建了一个奇怪的/甚至后类,并设置了样式。 您可以随时更改自定义 CSS。 不要忘记遵循网站的配色方案。
使内容脱颖而出
创建功能齐全的网站后,下一步是确保内容脱颖而出。 有很多方法可以做到这一点,但奇数/偶数类是一个伟大的方式来帮助发布内容。 另一种方法是有趣的标题和 真棒缩略图.
拥有出色的缩略图不仅有助于您网站上的内容,还可以帮助您在社交媒体平台上更好地共享内容。 社交媒体网站有很多竞争,有趣的图像有助于在这些拥挤的平台上脱颖而出。
单词压机的奇数/偶数类怎么样? 你交替选择了哪种颜色?