Cada vez que visito Neoyorquino sitio web, vaya directamente a Ficción y Poesía categorías para leer la última historia. No hay desplazamiento de la página de inicio. No hojee los artículos más populares de la semana. Soy lo que llaman «no suscriptor», así que no puedo prescindir de ninguno de mis seis espacios mensuales gratuitos que no son de literatura.
Para asegurarse de que los visitantes puedan encontrar el contenido deseado en su sitio de WordPress con la misma facilidad y rapidez, puede organizar sus publicaciones en categorías como Neoyorquino sitio web. Luego, cada vez que un espectador haga clic en un enlace a una de las categorías en su sitio, será llevado a una página que enumera las publicaciones de esa categoría específica.
De forma predeterminada, la mayoría de los temas de WordPress solo vienen con una plantilla para las páginas de categorías. Esto no es ideal si su contenido tiene múltiples categorías.
Imagina eso Neoyorquino la página de la categoría «Crucigramas» se veía igual que su página de «Noticias», que se veía igual que su página de «Dibujos animados», y así sucesivamente. Una plantilla no se adapta a todos los tipos de contenido: algunas páginas se ven peor o son más difíciles de navegar que otras.
Esta es la razón por Neoyorquino utiliza plantillas personalizadas para cada categoría. Por ejemplo, la página «Noticias» tiene un diseño de una sola columna. De esta forma, los visitantes pueden ver claramente la foto destacada, el título, la descripción, el autor y la fecha de cada artículo para decidir qué artículos leer mientras se desplazan por la página.
La página «Crucigrama», por otro lado, es un diseño de varias columnas para que los visitantes puedan hojear rápidamente la fecha para elegir uno que aún no hayan probado.
Si desea cambiar lo que ven los visitantes cuando hacen clic en cada una de las páginas de categoría de su sitio, puede crear plantillas personalizadas o modificar la hoja de estilo CSS de la página en el tablero. Discutiremos estos dos métodos a continuación.
Cómo diseñar diferentes categorías en WordPress
Tiene dos opciones para cambiar el estilo de las páginas de categorías individuales en su sitio de WordPress. Puede editar los archivos de temas en el cPanel de su cuenta de alojamiento para crear sus propias páginas de categorías personalizadas, o puede agregar CSS personalizado al módulo CSS adicional en su panel de WordPress.
Como ambos métodos implican codificación, la personalización de las páginas de categoría en WordPress solo se recomienda para usuarios con cierta experiencia en desarrollo web. Los usuarios sin habilidades de codificación pueden necesitar consultar o contratar a un desarrollador.
Comencemos por seguir los pasos para crear plantillas personalizadas en el cPanel de su cuenta de hosting.
Diseñe categorías individuales en WordPress con plantillas personalizadas
Si desea crear una vista completamente única para cualquier categoría de su sitio, puede crear plantillas de archivo para categorías específicas.
Primero debe iniciar sesión en su cuenta de alojamiento. Luego haga clic Administrador de archivos en la sección Archivos en cPanel.
Ahora haga clic en la carpeta public_html en el lado izquierdo de la pantalla. Haz clic en la carpeta wp-includes y localiza el archivo Categories.php. (En algunos temas, este archivo se llamará archives.php). Haga clic derecho para editarlo.
Copie el contenido de category.php. Ahora navegue a la carpeta wp-content. Haga clic en la carpeta denominada «Temas». Luego haga clic en la carpeta con el nombre de su tema.
Crea un nuevo archivo de plantilla de categoría en esta carpeta y etiquétalo nombre-categoría.php, reemplazando «nombre-categoría» con la categoría que deseas diseñar.
Haga clic derecho para editar este nuevo archivo y pegue el contenido del archivo Categories.php.
Ahora puede realizar cambios en esta plantilla que solo aparecerán en un determinado servicio de categoría. Puede incluir una descripción general en la parte superior de la página, agregar una barra lateral, cambiar el esquema de color o prácticamente cualquier otra cosa ingresando varios comandos PHP.
Por ejemplo, si desea incluir un texto introductorio para una categoría, inserte lo siguiente en el archivo nombre-categoría.php:
<p>
This is some text that will display at the top of the Category page.
</p>
Necesitas insertar este fragmento arriba Círculo sección de archivo de plantilla. Un bucle es el código PHP utilizado por WordPress para mostrar publicaciones. Se puede encontrar en el archivo index.php del tema y en otras plantillas utilizadas para mostrar la información de la publicación. El bucle puede verse diferente en estas carpetas: a veces contendrá docenas de líneas de código y, a veces, solo unas pocas. El bucle básico se ve así:
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<!-- do stuff ... -->
<?php endwhile; ?>
<?php endif; ?>
Para obtener más opciones de visualización para las páginas de categoría, incluso si mostrar publicaciones completas o fragmentos de publicaciones, consulte esto documentación del Codex de WordPress.
Puede repetir estos pasos para crear tantas plantillas de categorías personalizadas en su sitio como desee.
Estiliza categorías individuales en WordPress con CSS
Antes de crear docenas de plantillas, considere si los cambios que desea realizar en cada página de categoría requieren una plantilla completamente nueva. Si solo desea realizar uno o dos cambios pequeños, como cambiar el color de los títulos de las publicaciones en la página de categoría, puede agregar etiquetas condicionales en CSS adicional en el tablero de WordPress.
Para empezar, debe encontrar el ID de las categorías que desea diseñar. Luego usará este identificador para hacer referencia a cada página de categoría en sus declaraciones CSS.
Para encontrar el ID de categoría, puede consultar la página de categoría en su panel de WordPress. Después de iniciar sesión en el escritorio, vaya a Publicaciones > Categorías. Luego pase el cursor sobre la categoría que desea diseñar y haga clic en «Ver». En la captura de pantalla a continuación, revisaré la categoría «Sin categorizar».
Haga clic derecho en cualquier parte de la página y seleccione «Comprobar» en el menú desplegable.
Se abrirá una nueva ventana que muestra la hoja de estilo HTML y CSS de salida. Está bien si no entiende todo en el sitio. Simplemente busque el nombre de categoría de la clase CSS que contiene el ID de categoría en la etiqueta del cuerpo (que comienza con
Ahora diga que desea cambiar el color del título en la página «Sin categorizar» a rojo. Entonces irías a Apariencia > personalizar para iniciar la interfaz de personalización del tema de WordPress. haga clic en CSS adicional en tu panel.
Copie y pegue la siguiente línea de código:
.category-1 .l-titlebar-content h1 { color: #f00; }
Recuerda hacer clic Guardar y publicar Cuando acabes.
Ellos son diferentes Fragmentos de código CSS puede usar para ajustar el color de fondo, el tamaño de fuente y otras propiedades de las páginas de categoría para crear un sitio único.
Toma el control de la apariencia de tu sitio web
Siguiendo uno de los métodos anteriores, puede personalizar las páginas de categoría en su sitio de WordPress para que cada punto de contacto que un visitante tenga en su sitio sea único. Esto puede parecer un cambio menor, pero puede tener un gran impacto en la forma en que los usuarios ven su sitio y, por lo tanto, su negocio.
