Bienvenido a Tecnohackers

Tecnohackers » Programacion » Programacion Webmaster (Moderador: Zentraedi)
 » 

WordPress práctico - Creación básica de temas [Curso V2B]



Autor Tema: WordPress práctico - Creación básica de temas [Curso V2B]  (Leído 28 veces)

Desconectado SAT

  • Administrator
  • Gran Colaborador
  • *****
  • Mensajes: 1049
WordPress práctico - Creación básica de temas [Curso V2B]
« en: Octubre 11, 2017, 05:40:10 pm »
En este curso práctico de Wordpress, aprende a realizar la creación básica de temas. Crea plantillas personalizados a partir de Underscores.

You are not allowed to view links. Register or Login

WordPress es perfecto para hacer websites de manera simple y ligera y este curso te enseñará a ofrecerle a tu sitio el aspecto esperado, utilizando la plantilla inicial Underscores. Aprende a hacer tus sitios, sabe cómo están montados, crea plantillas para los elementos que los conforman y dales el aspecto que quieras. Agrega nuevos elementos y usa algunas funcionalidades PHP sencillos de WordPress, para iniciarte en el avance de temas con WordPress y comenzar de esta forma a hacer tus temas customizados.

Introducción a la creación básica de temas con WordPress

Antes de empezar, dedicaremos este capítulo para argumentar qué vamos a estudiar en todo el curso, y además para comentar la instalación elemental de todo lo primordial para lograr seguirlo cómodamente.

 Qué vamos a ver en creación básica de temas con WordPress 01:22
 Trabajar con XAMPP 01:10
 Elección del editor de código 01:35
 Gulp y la automatización de tareas 03:51
 Instalación de SASS 02:28
 Instalación de Underscores 03:52
 Instalación de las dependencias para trabajar con Gulp 04:26
 Descripción del gulpfile.js 04:00

Plugins y herramientas relacionadas con los temas

Cuando creamos temas de WordPress vamos a requerir algo de ayuda por parte del sistema, para comprender cómo se organiza el sistema de plantillas, qué ficheros tenemos la posibilidad de usar o dónde hay fallos en nuestro código, por eso ofrecemos un capítulo a comentar de las ayudas al avance.

 Theme Unit Test data: datos de prueba 03:48
 Plugin Developer para hacer depuración del tema 06:26
 Modificación dinámica del tema utilizando customizer 04:37

Las bases de la creación de temas. Tema base Underscores.

Underscores es el complemento perfecto para poder hacer temas WordPress desde el princípio, porque da una composición elemental bien pensada y fundamentada en buenas prácticas sobre la que comenzar a desarrollar nuestro tema. Además hablaremos de cómo WordPress trabaja para exhibir los contenidos por medio del tema.

 Flujo de información en los temas WordPress 03:06
 Estructura de las páginas en WordPress 07:08
 Organización jerárquica de los templates 06:34
 Las plantillas del tema en WordPress 08:21
 Estructura del SASS en Underscores 08:42
 El archivo functions.php 09:57
 Configuración de la información del tema en style.css 03:24
 Utilización de fuentes web en el tema de WordPress 05:41

 La elección del header en WordPress

Una aceptable forma de comenzar el avance del tema es seleccionar una de las ubicaciones más determinantes en relación a diseño de los sitios web: el header. Este capítulo estará dedicado exactamente a esto, y va a ser útil para ilustrar las tareas más simples.

 Archivos que controlan el header 05:46
 Añadir propiedades CSS al header 04:08
 Organización de los contenidos del header 06:09
 Imagen opcional en el header con customizer 04:49
 Añadir un logo fijo al tema de WordPress 05:19

Los menús en los temas de WordPress

Los menús son la base del sistema de interactuación del usuario en los websites, por eso su preciso uso es infaltante mientras estamos trabajando con temas WordPress, aparte de ser uno de los elementos menos simples de formatear.

 La configuración de los menús. Uso de la personalización 03:51
 Organización de menús horizontales 06:15
 Modificar el aspecto del menú en pantallas pequeñas 05:09
 Añadir un nuevo menú al footer 07:33

 WordPress y las entradas en el blog

La base del planteo de WordPress es su desempeño como blog, por eso las entradas basadas en articulo y los listados de estos son parte importante de la base del trabajo cuando creamos temas WordPress.

 Estructura de los templates asociados al blog 08:11
 Reorganizar los metadatos del post 06:35
 Estilos CSS de los metadatos del post 10:12
 Estilos CSS de los elementos del post 06:29
 Formateo de las imágenes en WordPress 07:11
 Paginación de los post con WordPress 08:11

 Imágenes destacadas. Trabajo con resúmenes

Las imágenes resaltadas se usa para agregar imágenes similares con los articulo. No tiene que ver con las imágenes que se tienen la posibilidad de agregar en el contenido, sino las que se asocian a él, y es el tema el que escoge cómo mostrarlas.

 En qué consisten las imágenes destacadas 01:46
 Añadir las imágenes al layout del post 07:47
 Plugin Regenerate Thumbnails 02:19

 Utilización de los sidebars

Los sidebars son comunmente barras laterales que guardan links y utilidades que nos asisten en la navegación por medio de los sitios. Aprenderemos en este capítulo a trabajar con los sidebars de WordPress.

 Sidebars como almacén de widgets 06:21
 Aplicar estilos al área de Widgets 08:50
 El Monster Widget 01:32
 El sidebar en dispositivos móviles 06:10

 Últimas modificaciones sobre otras plantillas

En este último capítulo ya conocemos la mayoría de las funcionalidades comunes y de las plantillas que más se utilizan, pero aún nos quedan numerosas plantillas y técnicas muy usadas, de esta forma que iremos a trabajar en ellas.

 Modificaciones sobre las páginas dependiendo de su contenido 06:19
 Personalización de las páginas con listados 05:06
 El template de las páginas estáticas 05:57
 Personalizar la página de resultados de búsqueda 04:27
 Personalización de la página 404 05:32
 Personalizar el footer con WordPress 05:51
 Configuración de los comentarios 01:59
 Software: WordPress, WordPress 4.7.5

Formato: .MP4
Resolución: 1280x720p
Contenido: 48 Videos


You are not allowed to view links. Register or Login

Pass: tecno

Tags:
Tags:

 


SMF 2.0.11 | SMF © 2015, Simple Machines
Paginas Afiliadas
Twitter - FaceBook - Daraxblog
Designed by Smf Personal