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.

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 telephasic

Esto 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/telephasic

+Info

Este tema es un componente modular para Grav que requiere los complementos Error y Problems.

Actualizació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 telephasic

Este 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/themes y renombra la carpeta resultante a telephasic.
  • 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: a theme: 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.

Página de Demostración

https://telephasic.pmdesign.dev/