Hero Image
Añadiendo una nueva Sección

Si las secciones, plantillas y componentes existentes no cumplen con tus necesidades, puedes añadir nuevas secciones, plantillas y componentes a tu sitio web. Esta guía te enseñará cómo añadir una nueva sección a tu sitio. Paso 1: Cambia el archivo de Disposición Para añadir una nueva sección a tu sitio, necesitarás crear un archivo de disposicion en el directorio layouts/partials/sections. El archivo debería tener el nombre de la sección. Por ejemplo, si quieres añadir una sección contact con un formulario de contacto, crea un archivo llamado contact.html. Usa la siguiente plantilla para el archivo contact.html:

sábado, 13 de enero de 2024 | 2 minutos Leer
Hero Image
Personalización del CSS

Este tema te permite personalizar la apariencia de tu sitio y sus componentes sobrescribiendo el CSS predeterminado. Esta guía te enseñará cómo sobrescribir el esquema de colores del tema y la personalización de CSS de componentes individuales. Este tema usa Sass para generar el CSS. Si no está familiarizado con Sass, puedes aprender más sobre él aquí. Sobrescribe las variables de los colores Si quieres cambiar los colores por defecto del tema, pueds sobrescribir las variables de los colores. Para sobrescribir las variables de los colores del tema, necesitarás crear un archivo nombrado variables.scss dentro del directorio assets/styles de tu sitio. Después copia el contenido predeterminado del archivo variables.scss, y ponlo en tu archivo variables.scss. Aquí, solo la sección de $theme predeterminada de variables.scss es mostrada:

sábado, 13 de enero de 2024 | 2 minutos Leer
Hero Image
Habilitar Tema Oscuro

Para habilitar el modo oscuro en Toha v4.0.0, simplemente establece el campo darkMode.enable a true debajo de la sección params.features dentro del archivo hugo.yaml. Por ejemplo: params: features: darkMode: enable: true ¡Felicidades! Estas listo. Ahora puedes disfrutar del modo oscuro en tu sitio. El modo oscuro obedecerá a las preferencias del sistema del usuario.

domingo, 12 de junio de 2022 | 1 minuto Leer
Hero Image
Personalización de la Disposición

Si personalizas la disposición de un componente existente, no recibirás actualizaciones futuras para ese componente una vez el tema sea actualizado. Necesitarás actualizar ese componente en tu repositorio. En este tutorial, te guiaré en cómo personalizar la disposición de un tema. Yo personalmente he pasado por el proceso y compartiré mis ideas para ponértelo más fácil. Paso 1: Cambia el archivo de Disposición Para personalizar la disposición de una sección, página o componente existente, necesitarás localizar el archivo correspondiente en el directorio layout del tema. Una vez encuentre el archivo, cópialo y ponlo en la misma estructura de directorio dentro del directorio layouts de tu sitio.

sábado, 7 de agosto de 2021 | 2 minutos Leer