WordPress es un sistema de gestión de contenidos o CMS (por sus siglas en inglés, Content Management System) enfocado a la creación de cualquier tipo de sitio, aunque ha alcanzado una gran relevancia en la creación de blogs (páginas web con una estructura cronológica que se actualiza regularmente). Ha sido desarrollado en el lenguaje PHP para entornos que ejecuten MySQL y Apache,  y es software libre.

WordPress se ha convertido en el CMS más popular  con respecto a cualquier otro CMS de uso general. Las causas de su enorme crecimiento son, entre otras,  su facilidad de uso y sus características como gestor de contenidos.

En este curso realizaremos un blog, primeramente se realiza el diseño del PSD, luego se pasa a la maquetación con HTML5 Y CSS3, y por último lo convertiremos a un tema responsive para WordPress.

 


1.- Introducción

En este capitulo estaremos introduciendo el theme que vamos a estar desarrollando, explicaremos las características principales del tema y descargaremos los recursos que vamos a utilizar.

2.- Diseño del Header y Slideshow

En este capitulo estaremos iniciando el diseño de lo que sera nuestra plantilla, comenzamos diseñando la parte del header y el slideshow en Adobe Photoshop.

3. Diseño del contenido y sidebar

En este capitulo estaremos continuando con el diseño del tema en Adobe Photoshop, maquetaremos la parte principal de nuestro tema, con su listado de artículos y el sidebar.

4. Diseño del Footer

En este capitulo finalizaremos nuestro diseño en Adobe Photoshop para comenzar con el maquetado en HTML5 y CSS3.

5.- Estructura en HTML5

En este capitulo estaremos comenzando con la maquetacion en HTML5, desarrollaremos la parte del header y del slideshow.

6. Estructura del sidebar y footer

En este capitulo finalizamos la maquetacion en HTML5 de lo que sera nuestro theme en wordpress, para continuar en el próximo capitulo con los estilos CSS.

7. Diseño del header en CSS

En este capitulo comenzamos con los estilos CSS, le daremos formato a la parte del header, en especifico a la parte del logotipo y el menú.

8. Diseño del slideshow con CSS

En este capitulo estaremos dándole estilo a la parte del slideshow de nuestro theme.

9. Diseño del contenido principal

En este capitulo estaremos introduciendo el theme que vamos a estar desarrollando, explicaremos las características principales del tema y descargaremos los recursos que vamos a utilizar.

10. Diseño del slider y footer

En este capitulo finalizamos todo nuestro diseño estático con la parte del sidebar o aside y el footer.

11. Responsive Design

En este capitulo es donde le damos magia a nuestro theme y lo hacemos adaptable a dispositivos en sus diversas resoluciones de pantalla.

12. Categorias y Articulos

En este capitulo vamos a hacer unas paginas extras para poder visualizar como estaremos trabajando con la parte de nuestro theme en donde se mostraran las categorías y artículos.

13. Instalacion de WordPress

En este capitulo instalamos y configuramos la plataforma de wordpress dentro de nuestro propio servidor local para poder comenzar a diseñar nuestra plantilla en vivo.

14. Esctructura de archivos

En este capitulo estaremos explicando cual es la estructura de los archivos que utiliza wordpress y estaremos iniciando con la parte básica del dinamismo de nuestro tema.

15. Creando menu de wordpress

En este capitulo estaremos modificando nuestro menú estático para convertirlo en un menú dinámico que podemos modificar desde WordPress.

16. Cargando articulos

En este capitulo estaremos introduciendo el theme que vamos a estar desarrollando, explicaremos las características principales del tema y descargaremos los recursos que vamos a utilizar.

17. Agregando Thumbails

En este capitulo estaremos añadiendo soporte para thumbails o imágenes destacadas para nuestro theme de wordpress.

18. Cargando articulos en slider

En este capitulo estaremos introduciendo el theme que vamos a estar desarrollando, explicaremos las características principales del tema y descargaremos los recursos que vamos a utilizar.

19. Agregando Widgets

En este capitulo estaremos registrando las zonas para widgets de nuestro theme y las estaremos activando para dejarlas listas para agregar nuestros propios widgets.

20. Agregando pagina de articulos

En este capitulo estaremos agregando la pagina de las entradas en donde trabajaremos con el contenido y los comentarios. También vemos como puedes editar el slider para que muestre los contenidos de solo una categoría.

21. Paginas y categorias

En este capitulo estaremos agregando el soporte para paginas de wordpress asi como una pagina para todos los post de nuestras categorías.

22.  Estilos CSS para comentarios

En este capitulo extra vamos a darle estilos CSS a los comentarios por default de WordPress.

* Autor de este curso  http://www.falconmasters.com/

 

Este curso no se puede hacer desde el móvil, sólo esta disponible desde un ordenador. Disculpen las molestias.