您是否曾经遇到过一个在博客上以不同方式发布其文章的网站？
有些网站的特色文章以自定义背景突出显示，而另一些网站的每个类别帖子可能具有独特的外观。 如果您一直想学习如何自定义每个WordPress帖子，那么您来对地方了。
在本教程中，我们将向您展示如何以不同的方式塑造每篇WordPress文章。
但是，如果您从未安装过WordPress，请发现 如何安装WordPress博客7步骤 et 如何找到，安装和你的博客激活WordPress主题
然后回到为什么我们在这里。
雷马克：本教程要求您在WordPress上添加自定义CSS。 您还需要使用检查工具。 需要一些CSS和HTML知识。
给WordPress的项目个人风格
WordPress 将默认 CSS 类添加到您网站的各种元素中。 一个 WordPress主题 标准兼容必须具有 WordPress 所需的代码，以便为正文、帖子、页面、小部件、菜单等添加 CSS 类。
另请参阅我们的指南 永久链接：如何自定义您的博客链接
WordPress的一个主要功能称为“ post_class（） 主题用于告诉WordPress在何处在文章上添加这些默认CSS类。
如果您访问网站并在浏览器上使用“检查”工具，则可以看到为每个帖子添加的这些类。
这是默认情况下根据用户显示的页面添加的CSS类。
- .POST-ID
- .poster
- .attachement
- .gluant
- .hentry
- .category ID
- .category名
- .TAG名
- .format- {尺寸名}
- {.type-后类型名}
- 。先后缩略图后
- .POST密码要求的
- .protected按一个密码
显示示例如下所示：
您可以使用各自的CSS类以不同的方式自定义每个WordPress发布。
另请参阅： 如何提高你的WordPress博客本周末
例如，如果要编辑单个出版物，则可以在自定义CSS中使用post-id类。
.POST-412 {背景色：#FF0303; 颜色：#FFFFFF; }
切记更改帖子ID以匹配您的帖子ID。
让我们看另一个例子。
这次，我们将涵盖在称为“新闻”的特定类别中发布的所有文章。
发现我们的指南 如何将自定义CSS添加到您的WordPress博客
为此，我们可以在主题中添加以下自定义CSS。
.category-新闻{字体大小：18px; 字体样式：斜体; }
此CSS将影响“ 时事 “。
的post_class（）的函数
主题开发人员使用该功能 post_class（） 告诉WordPress在哪里添加帖子类。 通常它在“文章”标签中。
功能 post_class（） 默认情况下，不仅可以加载WordPress生成的CSS类，还可以添加自己的类。
根据你的 WordPress主题，您将在 single.php 文件或模板文件中找到 post_class() 函数。 通常，代码将如下所示：
" >
您可以使用以下属性添加自己的自定义CSS类：
" >
post_class类将与您的自定义CSS类一起打印相应的默认CSS类。
如果要添加多个CSS类，则可以将它们定义为数组，并在post-class（）函数中使用它们。
" >
根据作者显示具有不同风格的文章
posts_class函数生成的默认CSS类不包含作者的姓名作为CSS类。
如果要基于作者自定义每个帖子的样式，则需要首先将作者的姓名添加为CSS类。
还阅读： 如何添加CSS动画的WordPress
您可以使用以下代码段执行此操作：
" >
此代码会将用户名添加为CSS类。 用户名是与WordPress使用的URL兼容的名称。 它没有空格，所有字符均为小写字母，非常适合用作CSS类。
另请参阅我们的指南 如何将自定义CSS添加到您的WordPress博客
上面的代码可能会显示如下：
现在，您可以在自定义CSS中使用“ .peter”来修改该特定作者的所有帖子，以使它们显示不同。
。彼得{背景色：#EEE; 边界：固体1px #CCC; }
根据评论自定义文章发布
您可能会看到带有带有热门文章的小部件的网站，这些文章有时会根据评论进行排名。 在此示例中，我们将向您展示如何使用大量注释来创建其他样式。
发现我们的 10个高级WordPress插件来管理您的评论
首先，我们需要获取评论数并关联一个类。
要获取评论数，您需要在文件中添加以下代码 WordPress主题。 此代码进入 WordPress 循环，您可以将其添加到标签之前。
批准if（$ my_comment_count <10）{$ my_comment_count ='new'; } elseif（$ my_comment_count> = 10 && $ my_comment_count <20）{$ my_comment_count ='ermerging'; } elseif（$ my_comment_count> = 20）{$ my_comment_count ='popular'; }？>
此代码检查已发布发布的评论数，并根据该帐户为其分配一个值。 例如，带有少于10条注释的邮件将获得一个名为“ 新 少于20个被调用 新兴经济体的新市场。 “，除了20注释之外，所有其他令人担忧的问题是” 流行 “。
然后，您需要将CSS类添加到post_class函数中。
" >
这将根据每个帖子中的评论数将新的，新兴的和流行的CSS类添加到所有文章中。
我们还邀请您阅读我们的文章 6 WordPress插件，用于在线签署文档
您还可以根据流行度将自定义CSS添加到样式发布中：
。新{边界：固体1px #FFFF00;} .emerging {边界：虚线1px #FF9933;} .popular {边界：虚线1px #CC0000;}
我们仅添加边框，但是您可以添加所需的任何CSS规则。
还发现一些高级WordPress插件
您可以使用其他 WordPress插件 赋予现代外观并优化与您的博客或网站的连接。
我们在这里为您提供了一些高级WordPress插件，它们将帮助您实现这一目标。
1。 终极会员专业
Ultimate Membership Pro 很棒 WordPress插件 订阅溢价和内容限制。 它允许通过创建独占访问级别来根据他们的包（免费或付费）管理用户。
因此，将有可能 保护您网站的所有内容，或者只是其中的一部分。 例如，这将是课程，课程，页面，产品，类别，图像等。
另请阅读我们的文章 4高级WordPress插件，用于创建缩略图
其主要功能包括：内容保护，多种访问级别，支持多种支付网关- 贝宝，Authorize.net， 条纹，2CheckOut，银行转帐-， 内容的部分保护， 以及更多…
2.如何使用滑块 Facebook
如何使用滑块 Facebook 是一个 WordPress插件 为访问者提供在您的网站上发表评论的选项的溢价。 有了这个现代且非侵入性的评论框，这 WordPress插件 提供 Like Box 和 Fan Page Wall 功能，将扩展您的网站与 Facebook 社交网络的集成。
该插件还提供了各种功能来扩展您的网站的容量：例如，它具有 赞部分 （例如“ Like Box”）或专用于粉丝的页面（“ Fan Page Wall”）。
您无需在帖子或页面上嵌入“赞”和“共享”按钮，因为Facebook Comment Slider已经拥有它们，它们可以出现在任何帖子或页面上。 访客会发现“喜欢”按钮， “共享”按钮 和Facebook滑块注释框。 他们显然将使用其Facebook帐户。
此外，您可以打开，关闭并设置抖动效果的时间。
3。 登录忍者
这个高级WordPress插件可让您自定义登录页面。 不仅仅是定制 您的登录表格。 您可以通过更改页面的颜色，添加背景图像，添加徽标等来自定义整个页面。
它的其他功能是： 用验证码保护登录和注册表格，自动和手动禁止以蛮力攻击您的IP，所有与连接有关的活动的详细日志，基于角色和用户名的用户重定向， 接收电子邮件通知 对于所有连接事件，都提供易于使用的图形界面，详细的文档等。
推荐资源
查找有关其他推荐资源的信息，以帮助您构建和管理网站。
- 9 WordPress插件可在其博客上管理PayPal付款
- 在您的博客上安装10个必不可少的WordPress插件
- 10个用于管理广告的WordPress插件
- 10 WordPress插件可为您的变量产品创建属性
结论
这是 ！ 这就是本教程的全部内容，我希望它允许您自定义WordPress博客上文章的显示。 如果您在这方面有任何疑问或建议，让我们发现自己 评论部分进行讨论.
但是，您也可以咨询我们的 RESSOURCES，如果您需要更多的元素来执行创建Internet网站的项目，请参考我们关于 WordPress博客创建 或者那个 Divi：有史以来最好的WordPress主题.
但与此同时， 在您不同的社交网络上分享此文章.
...
