每次我访问《纽约客》网站,我直接去小说和诗歌分类阅读最新的故事。没有滚动主页。不许浏览本周最受欢迎的文章。我是所谓的“非订阅者”,所以我不能从每月6篇非小说类免费文章中抽出任何一篇。

为确保访问者可以轻松快速地查找他们想要的内容,您可能会将您的帖子组织成类别《纽约客》网站。然后,每次观看者点击到网站上的一个类别的链接,他们将被带到一个特定类别的帖子的页面。< p >默认情况下,大多数WordPress主题只有一个类别页面模板。如果您将内容组织到多个类别中,这并不理想。

利用HubSpot的WordPress网站工具来发展你的业务

想象一下..纽约人的“填字游戏”的分类页面看起来和他们的“新闻”页面一样,“新闻”页面看起来和他们的“卡通”页面一样,等等。raybetapp一个模板不可能适合所有类型的内容——有些页面要么看起来更糟,要么比其他页面更难导航。< p >这就是为什么《纽约客》使用每个类别的自定义模板。例如,“新raybetapp闻”页面是单列布局。这样,访问者可以清楚地查看每个文章的特色图像,标题,索赔,作者以及日期,以确定要在页面上滚动的读取的文章。

raybetapp纽约人网站上的新闻类别页面

另一方面,“填字游客”页面是一个多列布局,使得访问者能够快速浏览日期以选择他们尚未尝试的。

纽约人网站上的填字游戏类别页面

如果您想在点击每个网站的类别页面时更改访问者看到的内容,那么您可以在仪表板中创建自定义模板或修改页面的CSS样式表。下面我们将讨论这两种方式。

由于这两种方法都涉及编码,所以只推荐有一些web开发经验的用户在WordPress中定制分类页面。没有编程技能的用户可能需要咨询或聘请开发人员。< p >让我们从在托管帐户的cPanel中创建自定义模板的步骤开始。

使用自定义模板样式在WordPress中的单个类别

如果您想为站点上的任何类别创建一个完全独特的视图,那么您可以为特定类别创建文件模板。< p >首先,您需要登录到您的主机帐户。然后单击文件管理器在CPanel的文件部分下。< p >现在单击屏幕左侧侧面上的public_html文件夹。单击WP-Compress文件夹并找到类别.php文件。(在某些主题中,此文件将被称为archives.php。)右键单击以编辑。

WordPress用户右键点击category.php文件来编辑它

来源

复制Category.php文件的内容。现在导航到WP-Content文件夹。单击标记为“主题”的文件夹。然后单击具有主题名称的文件夹。< p >在这个文件夹中,创建一个新的类别模板文件,并将其标记为category-categoryname.php,将“categoryname”替换为你想要样式的类别。

WordPress用户创建标有“category-mycategory.php”的新类别模板文件

来源

右键单击以编辑此新文件并从类别中粘贴内容.PHP文件。< p >您现在可以对这个模板进行更改,这些更改只会出现在特定的类别列表中。通过输入不同的PHP命令,您可以在页面顶部包含一个概述、添加侧边栏、更改配色方案或几乎任何您想要的内容。< p >例如,如果您想在类别中介绍帖子的一些文本,请在CategoryName.php文件中插入以下代码:< p >

< p >< p >这是一些将在类别页面顶部显示的文本。< p >< p >

你想要在上面插入这个代码段循环您的模板文件的一部分。循环是WordPress以显示帖子使用的PHP代码。它可以在主题的index.php中找到,并在用于显示发布信息的任何其他模板中。这些文件夹中的循环可能看起来不同 - 有时它将包含数十行代码,有时只有几个。基本循环看起来像:< p >

<?PHP if (have_posts()):< p ><?PHP while (have_posts()): the_post();? >< p ><! - 做东西...... - >< p ><?php endwhile;? >< p ><?php endif;? >< p >

有关类别页面的更多显示选择,包括是否显示完整的帖子或帖子摘录,请查看此项文档来自WordPress Codex< p >您可以重复这些步骤,在站点上创建任意数量的自定义类别模板。

在WordPress中使用CSS风格个人类别

在创建数十个模板之前,您需要考虑对每个类别页面的更改是否要求您创建一个全新模板。如果您只想制作一个或两个小型更改,例如更改类别页面上的帖子标题的颜色,那么您可以添加条件标签额外的CSS模块。< p >首先,您需要找出想要样式化的类别的ID。然后,您将使用这个ID在CSS声明中引用各个类别页面。< p >要查找类别ID,您可以检查WordPress仪表板中的类别页面。登录到仪表板后,导航到的帖子>类别。然后将鼠标悬停在您想要风格的类别上,然后单击“查看”。在下面的屏幕截图中,我将检查“未分类”类别。

WordPress用户将鼠标悬停在“未分类”类别上查看和检查其HTML输出和CSS样式表

右键单击页面上的任何位置,然后从下拉菜单中选择“检查”。

WordPress用户单击仪表板中的“Inspect”在类别页面上,以查看其输出HTML和CSS样式表

一个新窗口将打开,显示输出HTML和CSS样式表。如果您不了解页面上的所有内容,那没关系。只需查找包含Body标记中的类别ID的类别名称CSS类(开始

WordPress用户查看“未分类”类别页面的身体标记以查找其类别ID

现在说你想把标题的颜色更改为红色的“未分类”页面。然后你去外观>定制启动WordPress主题自定义程序界面。点击一下额外的CSS在仪表板上的标签。

WordPress用户在Admin Dashboard中的“其他CSS”选项卡中

来源

复制并粘贴以下代码行:< p >

.category-1 .l-titlebar-content h1 {颜色:#f00;}

确保点击保存和发布完成后按下按钮。< p >还有其他的CSS代码片段您可以使用它来自定义类别页面的背景颜色、字体大小和其他属性,以创建一个独特的站点。

控制网站的外观

按照上面的任何一种方法,你都可以在你的WordPress网站上定制分类页面,这样访问者在你的网站上的每个接触点都是独一无二的。这可能看起来是一个小变化,但它可以对用户如何看待你的网站,进而,你的公司有很大的影响。raybet电子竞技

在你的WordPress网站上使用HubSpot工具,无需处理代码就可以连接两个平台。点击这里了解更多。

在你的WordPress网站上使用HubSpot工具,无需处理代码就可以连接两个平台。点击这里了解更多。

最初发布于1月31日,2020年12:02:14下午,更新了9月1日2021年

话题:WordPress网站