# 108: Página de creación de fragmentos individuales - Trucos CSS

Anonim

Comenzamos por observar algunos de los trabajos que hice entre bastidores para dar cuerpo a algunas cosas que debían hacerse. Como agregar el resto de las llamadas a wp_list_pages () para generar el resto de la lista de fragmentos para cada categoría. Y también agregando el CSS para cambiar el color de la barra que separa las categorías y las listas de fragmentos. También cambiamos los botones flotantes de las categorías para aclarar los colores en lugar del borde blanco tonto que teníamos allí temporalmente. Literalmente, usamos la lighten()función en Sass para hacer el trabajo por nosotros.

Sin embargo, el objetivo de este screencast es diseñar la vista para un solo fragmento. Si hubiera creado esta área del sitio más recientemente, los fragmentos podrían ser un tipo de publicación personalizada (como las capturas de pantalla de una sola galería), pero no existían cuando comencé a hacer esto. Como tales, son solo "Páginas" y todas usan una plantilla de página personalizada. No es gran cosa, en realidad, especialmente ahora que tener muchas páginas no es un problema de rendimiento.

Las páginas de fragmentos individuales se parecerán mucho a las publicaciones de blog. La estructura de cuadrícula estándar de 2/3 1/3 y una barra lateral normal. Sin embargo, existen algunas diferencias. Existe una jerarquía clara para los fragmentos, p. Ej.

Inicio »Fragmentos de código» Categoría de fragmento »Nombre del fragmento

Esto es perfecto para la navegación secundaria de "barra negra" que está evolucionando en este sitio. Nuestro complemento Yoast SEO proporciona una funcionalidad de ruta de navegación, por lo que es fácil, solo es cuestión de llamar a una función.

Otra diferencia es que imprimimos en the_modified_time()lugar de la fecha de publicación. De esa forma, la gente sabe la última fecha en la que se actualizó un fragmento, que es más relevante que cuando se publicó. También me proporciona cierta motivación para volver a visitar fragmentos con regularidad.

Seguimos un poco a un lado actualizando un fragmento antiguo solo por diversión.

Terminamos escribiendo un poco de JavaScript que hará que nuestras vistas de subcategorías funcionen. Esas vistas se ven esencialmente como nuestra página de inicio de Snippets, solo si está en / snippets / javascript /, los fragmentos de JavaScript estarán a la vista de forma predeterminada y la categoría de JavaScript resaltada. Lo crea o no, solo unas pocas líneas de código JavaScript de URL furtivo que probablemente debería ser un fragmento de sí mismo.