Mostrar los tags: theme

Mostrando del 1 al 5 de 5 coincidencias
<<>>
Se ha buscado por el tag: theme
Imágen de perfil

internetCómo crear un Tema para WordPress


WordPress

Publicado el 26 de Mayo del 2021 por Administrador
738 visualizaciones desde el 26 de Mayo del 2021
En este tutorial vamos a ver cómo crear tu propio tema para WordPress desde cero y paso a paso. Los temas (o themes en inglés), nos sirven para personalizar y darle un aspecto visual a nuestro blog o página con WordPress.

Screenshot_20210526_163151
Imágen de perfil

internetUsar el Inspector de código para modificar un theme WordPress


WordPress

Publicado el 8 de Abril del 2021 por Administrador
1.350 visualizaciones desde el 8 de Abril del 2021
¿Te gustaría hacer algunos cambios en el diseño de tu sitio?, tal vez cambiar el tamaño de la letra, cambiar algunos colores, etc. Puedes realizar estos cambios con la ayuda del inspector de código de tu navegador y aplicando CSS.

Índice de Contenidos:
1.- Generalidades
2.- Modificaciones CSS usando el inspector de código
3.- Guardando los cambios de manera permanente
4.- Artículos relacionados
5.- Vídeo explicativo

Screenshot_20210408_160220
Imágen de perfil

internetCómo crear un Tema para WordPress


WordPress

Publicado el 10 de Septiembre del 2020 por Administrador
673 visualizaciones desde el 10 de Septiembre del 2020
En este tutorial vamos a ver cómo crear tu propio tema para WordPress desde cero y paso a paso. Los temas (o themes en inglés), nos sirven para personalizar y darle un aspecto visual a nuestro blog o página con WordPress.

Índice de Contenidos:
1.- EMPEZANDO A CREAR EL TEMA
style.css
index.php
2.- INSTALAR EL TEMA
3.- ACTIVAR EL TEMA
4.- MEJORAR EL DISEÑO
Modificando index.php
Modificando el archivo style.css
5.- PLANTILLAS DEL TEMA
Plantillas comunes de WordPress
Partes de plantilla (o template parts)
Plantillas de página personalizadas para uso global
6.- ORGANIZAR LOS ARCHIVOS DEL TEMA
7.- JERARQUÍA DE PLANTILLAS

Screenshot_20200910_170341
Imágen de perfil

internetPequeña guía de desarrollo rápido y optimizado de un theme de WordPress usando un Starter Theme, Npm, Gulp y Sass


WordPress

Publicado el 4 de Agosto del 2019 por Administrador
791 visualizaciones desde el 4 de Agosto del 2019
La mayor parte de los sitios web que funcionan con WordPress pueden hacerlo eligiendo un theme del repositorio oficial o de cualquier otro y personalizándolo con las opciones disponibles en el panel de control. Incluso si se necesita desarrollar un theme hoy día es buena idea no empezar de cero, sino usando una estructura básica, genérica ya desarrollada. Por otro lado es recomendable usar ciertas herramientas que produzcan un theme optimizado, que cargue lo más rápido posible, que se adapte a todo tipo de dispositivos. Esto pasa, además de por estructurar bien la información para minimizar las consultas a base de datos, por producir archivos CSS, JS minimizados e imágenes comprimidas y optimizadas que agilicen la carga. Un buen starter theme para WordPress facilita ambas cosas: una estructura genérica sobre la que empezar a construir rápidamente, y un entorno de desarrollo que permita automatizar las tareas de optimización e ir probando los avances ágilmente.

En este post comparto mi manera de trabajar: qué starter theme utilizo últimamente y cuál es el flujo de trabajo con él.
Imágen de perfil

internet¿Cómo crear un tema de WordPress responsive usando HTML5?


WordPress

Publicado el 1 de Abril del 2019 por Administrador
978 visualizaciones desde el 1 de Abril del 2019
Los temas de WordPress son un conjunto de archivos que definen el diseño de su sitio web. Un tema incluye HTML, PHP y CSS, y a menudo utilizan JavaScript/jQuery también .

En este tutorial de WordPress, aprenderás a crear un tema de WordPress utilizando HTML5, CSS3 y principios de diseño responsive. También aprenderás a separar varias partes de tu tema en “plantillas”.

Índice de Contenidos:
Introducción
¿Qué necesitas?
¿Qué es HTML5 y por qué debería usarlo?
¿Qué es el Diseño Responsive o Responsivo?
Paso 1 – Almacenamiento de tu tema y sus archivos
Paso 2 – Creación de los archivos de plantillas y la hoja de estilo CSS
Paso 3 – Antes de iniciar el desarrollo
Paso 4 – Construir un diseño con plantillas
Entendiendo las etiquetas de la plantilla de WordPress y los ganchos de acción (hooks)