Tema Telephasic para Grav
Telephasic, creado por HTML5UP, es una plantilla responsiva para sitios web construida con HTML y CSS compatibles con estándares. Incluye archivos HTML, hojas de estilo, todas las imágenes y activos JS de soporte, y fuentes Sass opcionales.
El tema de HTML5Up.net es gratuito para uso personal y comercial bajo la licencia CCA 3.0.
Tabla de contenido
Características
- HTML5 y CSS3
- Totalmente responsivo
- Varias plantillas para presentar tu contenido
- Plantilla de blog añadida
- Contenido destacado en la barra lateral
- Estilo para todos los elementos básicos de la página
- Estilo para varios módulos
- Compatible con todos los navegadores
- Opción de avatar para elementos de blog
- Carga retrasada para imágenes en plantillas twig
- Estilos CSS añadidos sobre el tema original
Opciones Predeterminadas
Telephasic viene con algunas opciones predeterminadas que se pueden configurar en todo el sitio. Estas opciones son:
| VALOR | DESCRIPCIÓN |
|---|---|
| production-mode | En modo de producción, solo se utiliza CSS minimizado. Cuando está deshabilitado, se habilita CSS anidado. |
| favicon | Elija su propio favicon. |
| logo | Un logo personalizado en lugar del predeterminado (ver abajo). |
| themeSlogan | Texto personalizado para el eslogan. |
| blog-page | La ruta a la página de listado del blog, útil para un diseño de estilo blog. |
| featuredposts | Habilitar/Deshabilitar publicaciones destacadas en la barra lateral derecha. |
| featuredposts_category | Seleccionar el nombre de la categoría para las publicaciones destacadas (configurado en taxonomías). |
| featuredposts_number | El número de publicaciones destacadas que se mostrará en la barra lateral derecha. |
| hero_title | Título para la sección del héroe en la página de inicio. |
| hero_subtitle | Subtítulo para la sección del héroe en la página de inicio. |
| hero_button_text | Texto del botón para la sección del héroe en la página de inicio. |
| hero_button_url | URL del botón para la sección del héroe en la página de inicio. |
| hero_image | Imagen para la sección del héroe. |
| hero_gradient_color1 | Color del primer degradado para la sección del héroe. |
| hero_gradient_color2 | Color del segundo degradado para la sección del héroe. |
| contact_enabled | Habilitar/Deshabilitar formulario de contacto en la página de inicio. |
| contact_title | Título para el formulario de contacto en la página de inicio. |
| contact_subtitle | Subtítulo para el formulario de contacto en la página de inicio. |
| copyright_author | Información de autor con derechos de autor para el formulario de contacto en la página de inicio. |
| copyright_rights | Texto de derechos de autor para el formulario de contacto en la página de inicio. |
| social_enabled | Habilitar/Deshabilitar íconos sociales en el pie de página. |
Para realizar modificaciones, puedes copiar el archivo user/themes/telephasic/editorial.yaml a la carpeta user/config/themes/ y modificarlo, o puedes usar el complemento de administración.
Importante
No modifiques directamente el archivo user/themes/telephasic/telephasic.yaml o tus cambios se perderán con cualquier actualización.
Logos Personalizados
Para añadir un logo personalizado, debes colocar el logo en la carpeta user/themes/telephasic/images/logo. Se admiten formatos de imagen estándar (.png, .jpg, .gif, .svg, etc.). Luego, referencia el logo a través de YAML de la siguiente manera:
custom_logo:
- name: 'mi-logo-personalizado.png'
custom_logo_mobile:
- name: 'mi-logo-movil-personalizado.png' Alternativamente, puedes usar el campo de "Logo Personalizado" de arrastrar y soltar en las opciones del tema Telephasic.
Sección Hero
Nota
La sección del Hero está lista para mostrar cualquier imagen y colores de degradado que desees. Sin embargo, si no seleccionas ninguna imagen o colores de degradado, se mostrarán la imagen y los colores de degradado predeterminados del tema. También puedes elegir solo los colores de degradado, sin incluir ninguna imagen.
Instalación
La instalación del tema Telephasic se puede realizar de dos maneras. Nuestro método de instalación GPM (Gestor de Paquetes Grav) te permite instalar rápidamente el tema con un simple comando de terminal, mientras que el método manual te permite hacerlo a través de un archivo zip.
El tema por sí mismo es útil, pero puede resultar más fácil ponerlo en funcionamiento instalando un esqueleto.
Instalación GPM (Preferida)
La forma más sencilla de instalar este tema es a través del Gestor de Paquetes Grav (GPM) mediante el Terminal de tu sistema (también llamado la línea de comandos). Desde la raíz de tu instalación Grav, escribe:
bin/gpm install telephasicEsto instalará el tema Telephasic en tu directorio /user/themes dentro de Grav. Sus archivos se pueden encontrar en /tu/sitio/grav/user/themes/telephasic.
Instalación Manual
Para instalar este tema, simplemente descarga la versión zip de este repositorio y descomprímelo en /tu/sitio/grav/user/themes. Luego, renombra la carpeta a telephasic. Puedes encontrar estos archivos en GitHub o a través de GetGrav.org.
Ahora deberías tener todos los archivos del tema bajo
/tu/sitio/grav/user/themes/telephasicActualización
A medida que continúa el desarrollo del tema Telephasic, pueden surgir nuevas versiones que añadan características y funcionalidades adicionales, mejoren la compatibilidad con versiones más recientes de Grav y, en general, proporcionen una mejor experiencia de usuario. Actualizar Telephasic es fácil y se puede hacer a través del sistema GPM de Grav, así como de forma manual.
Actualización GPM (Preferida)
La forma más sencilla de actualizar este tema es a través del Gestor de Paquetes Grav (GPM). Puedes hacer esto navegando al directorio raíz de tu instalación Grav mediante el Terminal de tu sistema (también llamado la línea de comandos) y escribiendo lo siguiente:
bin/gpm update telephasicEste comando verificará tu instalación Grav para ver si tu tema Telephasic necesita una actualización. Si se encuentra una versión más reciente, se te preguntará si deseas actualizar. Para continuar, escribe y y presiona enter. El tema se actualizará automáticamente y limpiará la caché de Grav.
Actualización Manual
Actualizar Telephasic manualmente es bastante sencillo. Aquí tienes lo que necesitarás hacer:
- Elimina el directorio
tu/sitio/user/themes/telephasic. - Descarga la nueva versión del tema Telephasic desde GitHub o GetGrav.org.
- Descomprime el archivo zip en
tu/sitio/user/themesy renombra la carpeta resultante atelephasic. - Limpia la caché de Grav. La forma más sencilla de hacerlo es yendo al directorio raíz de Grav en la terminal y escribiendo
bin/grav clear-cache.
Aviso
Cualquier cambio que hayas realizado en cualquiera de los archivos listados bajo este directorio también se eliminará y se reemplazará por el nuevo conjunto. Cualquier archivo ubicado en otro lugar (por ejemplo, un archivo de configuración YAML colocado en user/config/themes) permanecerá intacto.
Configuración
Si deseas establecer Telephasic como el tema predeterminado, puedes hacerlo siguiendo estos pasos:
- Navega a
/tu/sitio/grav/user/config. - Abre el archivo system.yaml.
- Cambia la configuración
theme:atheme: telephasic. - Guarda tus cambios.
- Limpia la caché de Grav. La forma más sencilla de hacerlo es yendo al directorio raíz de Grav en la Terminal y escribiendo
bin/grav clear-cache.
Una vez hecho esto, deberías poder ver el nuevo tema en el frontend. Ten en cuenta que cualquier personalización realizada en el tema anterior no se reflejará, ya que toda la información de tema y plantillas ahora se obtiene de la carpeta telephasic.
Configuración del Formulario de Contacto
Para instrucciones de configuración del formulario de contacto, consulta la documentación oficial. Asegúrate de haber instalado los complementos de Email y Formulario.