小工具      在线工具  汉语词典  dos游戏  css  js  c++  java

wordpress后台样式_如何在WordPress中以不同的方式设置单个类别的样式

java,css,php,vue,python,ViewUI 额外说明

收录于:23天前

wordpress背景样式

您想在 WordPress 中以不同的方式设置类别样式吗?大多数 WordPress 主题对所有类别存档页面使用相同的样式。但是,如果您运营一个内容丰富的网站,那么您可以对每个类别进行不同的设计,以最大限度地发挥其潜力。在本文中,我们将向您展示如何在 WordPress 中轻松设置不同的类别样式。

您想在 WordPress 中以不同的方式设置类别样式吗?大多数 WordPress 主题对所有类别存档页面使用相同的样式。但是,如果您运营一个内容丰富的网站,您可以对每个类别进行不同的设计,以最大限度地发挥其潜力。在本文中,我们将向您展示如何在 WordPress 中以不同方式轻松设置类别样式。

How to style categories differently in WordPress
为什么在WordPress中以不同的样式设置类别? Why Style Categories Differently in WordPress?

正如我们之前所说,大多数 WordPress 主题对每个类别存档页面使用相同的模板。这是因为主题开发人员不知道您将如何使用网站上的类别以及这些类别是什么。

如前所述,大多数 WordPress 主题对每个类别存档页面使用相同的模板。这是因为主题开发人员不知道您将如何使用网站上的类别以及这些类别是什么。

但是,如果您正在运行内容丰富的网站,则更改类别存档页面的布局可能会对用户与该页面上的内容互动的方式产生巨大影响。

但是,如果您正在运行内容丰富的网站,则更改类别存档页面的布局可能会对用户与该页面上的内容交互的方式产生重大影响。

For example, if you run a 新闻或杂志网站, then you can have local ads displayed on the local news category. You can show weather information, 显示最受欢迎的故事 in that category, and so on.

例如,如果您运行一个新闻或杂志网站 ,则可以在本地新闻类别中显示本地广告。 您可以显示天气信息, 展示该类别中最受欢迎的故事 ,等等。

话虽如此,让我们看看如何在 WordPress 中轻松地为各个类别设置不同的样式。

话虽如此,让我们看看如何在 WordPress 中轻松地为各个类别设置不同的样式。

在WordPress中以不同的方式设置单个类别的样式 Styling Individual Categories Differently in WordPress

在 WordPress 中设置类别样式的方法有多种。我们将向您展示两种不同的方法来设计类别,您可以选择最适合您的需求和技能水平的一种。

WordPress中有多种设置样式的样式。我们将向您展示两种不同的造型方法,以便您可以选择最适合您的需求和技能水平的一种。

在WordPress主题中使用单一类别模板 Using Single Category Template in WordPress Theme

WordPress 主题遵循标准模板层次结构。根据模板文件名,WordPress 可以自动选择正确的模板来显示页面。

WordPress 主题遵循标准模板层次结构。根据模板文件名,WordPress 可以自动选择正确的模板来显示页面。

例如,它查找category.php 文件来显示类别存档页面。

例如,它将查找category.php 文件来显示类别存档页面。

WordPress 还允许您为各个类别创建模板。假设您想以不同的方式设计“Apple”类别。您可以通过向主题添加新的模板文件并将其命名为category-apple.php 来做到这一点。

WordPress 还允许您为各个类别创建模板。假设您想要以不同的方式设计“Apple”类别。您可以通过向主题添加新的模板文件并将其命名为“category-apple.php”来完成此操作。

Connect to your WordPress site 使用 FTP 客户端 and then go to /wp-content/themes/your-current-theme/ folder and create a new file category-apple.php. Don’t forget to replace apple with your own category name.

使用 FTP 客户端连接到您的WordPress网站,然后转到/ wp-content / themes / your-current-theme /文件夹并创建一个新文件category-apple.php。 不要忘记用您自己的类别名称替换apple。

Creating a template for individual category in your WordPress theme

您可以使用主题的category.php 文件作为起点。只需编辑并复制其所有内容即可。现在编辑新创建的category-apple.php 文件并将代码粘贴到其中。

您可以使用主题的category.php 文件作为起点。只需编辑并复制其所有内容即可。现在,编辑新创建的category-apple.php 文件并将代码粘贴到其中。

After that you can start making changes to your individual category template. You can 创建并使用不同的侧边栏 for this category, make it a 全角页面, add a welcome message, or anything else you want.

之后,您可以开始对您的单个类别模板进行更改。 您可以为此类别创建和使用附加侧边栏 ,将其设置为全宽页面 ,添加欢迎消息或其他所需的内容。

使用CSS在WordPress中设置单个类别的样式 Style Individual Categories in WordPress Using CSS

WordPress 自动添加 CSS 类 to different elements throughout your website. These include both the 身体等级 and the post class.

WordPress会自动添加 CSS 类到整个网站的不同元素中。 这些包括身体等级和岗位课。

For example, if you view a category archive page and then 使用检查工具, you will notice category and category-name CSS classes in the body tag.

例如,如果您查看类别存档页面,然后使用“检查工具” ,则会在body标签中注意到类别和类别名称CSS类。

Category class added to body element by WordPress

You can use this CSS class to style each individual category differently by adding 自定义CSS.

您可以使用此CSS类通过添加自定义CSS来为每个单独的类别设置不同的风格

以下是一些示例 CSS,您可以将其用作起点。

以下是一些示例 CSS,您可以将其用作起点。


body.category-apple { 
background-color:#EEE;
background:url("http://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed;
color:#FFFFFF;
}
.category-apple .site { 
background:#232323; 
}
.category-apple a { 
color:#CCCCCC; 
} 

不要忘记将 CSS 类中的类别名称更改为您自己的类别名称。

不要忘记将 CSS 类中的类别名称更改为您自己的类别名称。

Changing category style using CSS

We hope this article helped you learn how to style categories differently in WordPress. You may also want to see our list of 最想要的 WordPress 类别黑客和插件.

我们希望本文能帮助您学习如何在WordPress中以不同的方式设置类别的样式。 您可能还希望查看我们最流行的 WordPress 黑客和插件类别列表。

If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.

如果您喜欢这篇文章,请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特Facebook上找到我们。

翻译自: https://www.wpbeginner.com/wp-themes/how-to-style-individual-categories- Differently-in-wordpress/

wordpress背景样式

. . .

相关推荐

额外说明

Keil5项目批量修改头文件路径

T1.uvprojx 用记事本打开直接全部替换路径: …/Inc;F:/MyArmPack/Arm/Packs/Keil/STM32F0xx_DFP/2.1.0/Drivers/STM32F0xx_HAL_Driver/Inc;

额外说明

VScode 优雅编写python环境搭建

前言: 由于pycharm的臃肿 启动慢等问题,这里笔者将python的编译器换为vscode。(sublime text3功能也十分强大,使用非常方便,但鉴于sublime不开源,迟早要落伍,这里笔者将sublime换为辅助的编译器)。 配置: 一:

额外说明

基础面试题:Collections 工具类详解

对集合本体的操作 线程同步集合的包装 特征 方法名为synchronizedXxx 适用范围 List Collection Set Map 缺点 每次读写都要加锁,锁的层级为对象,不利于多线程的同时操作 在使用Iterator的遍历时修改元素Concu

额外说明

Vue3 —— 创建 Vue3.0 工程

系列文章目录 内容 参考链接 Vue3 创建 Vue3.0 工程 Vue3 - Composition API(零) setup函数、ref函数、reactive函数、响应式、reactive对比ref Vue3 - Composition API(一)

额外说明

Spark大数据处理讲课笔记4.4 Spark SQL数据源 - JSON数据集

文章目录 零、本讲学习目标 一、读取JSON文件概述 二、读取JSON文件案例演示 (一)创建JSON文件并上传到HDFS (二)读取JSON文件,创建临时表,进行关联查询 1、读取user.json文件,创建临时表t_user 2、读取score.js

额外说明

Java代码弱点与修复之——DE: Dropped or ignored exception(无视或忽略异常)

弱点描述 Dropped or ignored exception(DE)指的是在代码中抛出的异常被捕获后被无视或忽略了,而不是被适当地处理。这种情况通常发生在程序员没有处理异常或处理异常时不小心忽略了异常的情况下。 Dropped or ignored

额外说明

【opencv】选择图片中感兴趣的区域 & Mask操作 & 对ROI处理与原图相加

最近做目标检测任务的时候,需要对固定区域的内容进行检测,要用到opencv的mask操作,选择图片固定的区域 代码 import cv2 import numpy as np img = cv2.imread('data/images/smoking.

额外说明

Vue ElementUI el-button 修改样式

el-button 这里以 危险样式按钮 为例: <el-button type="danger">危险按钮</el-button> 下面是修改,使用 css 预处理语言 stylus,span 是文字样式 .el-button--danger {

额外说明

三、Kubernetes调度

一、Kubernetes调度 Scheduler 是 kubernetes 的调度器,主要的任务是把定义的 pod 分配到集群的节点上。听起来非常简单,但有很多要考虑的问题: 公平:如何保证每个节点都能被分配资源 资源高效利用:集群所有资源最大化被使用

额外说明

游戏缺少mfc80ENU.dll如何解决?

其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或者损坏了,这时你只需下载这个mfc80ENU.dll文件进行安装(前提是找到适合的版本),

ads via 小工具