Iniciación al Desarrollo Webcon Wordpress

socialgag.es

• En su origen es un sistema de publicación de blogs:– Categorías y etiquetas– Archivo cronológico– Participación de los lectores: Comentarios.

¿Qué es Wordpress?

• No solo post, también páginas “estáticas”.• Diseñado para ser ampliado: Plugins -

funciones desarrolladas que amplían las posibilidades de Wordpress hasta límites desconocidos.

• Control del contenido

¿Qué es Wordpress?

¿Qué es Wordpress?

¿Qué es Wordpress?

¿Qué es Wordpress?

Temas

Editor

Instalación

Widgets Panel de Administración

Plugins

Documentación

Usuarios y Roles

Popularidad

Actualizaciones

UsabilidadSEO

Software Libre

Comunidad

¿Porqué Wordpress?

RequisitosWordpress 3.2+

• Hosting– PHP 5.2.4+– mySQL 5.0+

• Dominio– ¿SSL?

• FTP FileZilla-project.org

• BBDD– wp-config.php

• Configuración

Instalación

Comenzando

WordPress

wp-admin

wp-includes

wp-config.php

wp-content

themes

plugins

uploads

languages

Estructura de directorios y ficheros

Anatomía de un Tema

header.phpArchivo global que muestra encabezado y navegación. También contiene código html cabeza.

footer.phpContiene instrucciones para el pie de página global y cierra etiquetas html

sidebar.phpLas barras laterales se controlan desde este fichero. El contenido se configura, mediante widgets, desde el panel de administración de WordPress. Si deseas mas de un sidebar puedes indicarlo en el fichero functions.php

The Loop (bucle)La visualización de los contenidos de la web son controlados por archivos de plantilla individuales utilizando lo que se llama “loop”index.php · single.php · page.php

Anatomía de un Tema

Controla lo que muestra la página de inicio. Por defecto, el bucle muestra los posts más recientes del blog.

Se puede especificar en Admin > Ajustes > Lectura una página estática como página de inicio, y mostrar el blog en una página diferente.

index.php page.php single.php archive.php

Controla la apariencia de las páginas. Puedes optar por eliminar el sidebar u otros elementos, o añadir otros.

Puedes crear plantillas. Sólo tienes que duplicar page.php con otro nombre y añadir este código al comienzo del fichero.

<?php /*Template Name: Nombre*/ ?>

Controla la apariencia de las entradas de post individuales. Contiene un bucle con la consulta de un solo post para mostrarlo.

Puedes especificar si desea que se muestre una barra lateral (especificando la que quieras, pudiendo elegir una sidebar diferente para páginas y post).

Puedes controlar la apariencia de los diferentes archivos de post. Si no existe ésta plantilla, éstos se verán como index.php.

Si creas una plantilla llamada category.php, prevalecerá para los archivos de categorías. Lo mismo para los archivos de etiquetas si creas tag.php

The Loop: El bucle

• El bucle es quizás la parte más poderosa de un tema. Éste, a través de una consulta, determina qué debe mostrar.

• Todo el contenido que desees mostrar depende de ti. Puedes mostrar el título, el contenido, los metadatos, campos personalizados, comentarios, etc.

• Puedes configurar múltiples bucles con diferentes consultas en una sola página, por ejemplo, en el fichero single.php puedes tener el bucle que muestra el contenido de un solo post, con un bucle de salida que muestre los títulos y miniaturas de los post relacionados.

The Loop: El bucle

Iniciowhile {

the_title()

the_content()

the_category()

+

¿hay mas?

Fin} endwhile

si

no

Entre bastidores

• Para que un tema de WordPress pueda trabajar necesita algunos archivos esenciales. Puedes modificar estos archivos a tu gusto, pudiendo contribuir a la funcionalidad de tu web.

comments.php

Este fichero controla los comentarios, que se pueden incluir en el bucle si mostrarlos. Este fichero puede ser omitido por plugins como Disqus, quien se haría cargo de la funcionalidad de comentarios en la web.

functions.php

Permite poner tu propio código PHP personalizado con el fin de modificar los elementos esenciales del tema. A menudo se utiliza para especificar múltiples barras laterales, o añadir opciones personalizadas al panel de administración.

style.css

Esta es la principal hoja de estilos CSS para tu tema.

También contiene texto en la parte superior que indica el nombre del Tema, quién es el autor y cuál es la URL de su web.

¡Extra extra!

• Más allá de la funcionalidad básica de Wordpress, extras como plugins, campos personalizados y widgets permiten personalizar aún más tu sitio.

Plugins

Hay una gran comunidad de desarrolladores que han creado multitud de plugins que puedes agregar en tu tema de forma gratuita:plugins de medios sociales, video, imágenes, gestión de usuarios, etc.

Widgets

Son pequeños módulos que van en los sidebar. Desde el wp-admin puedes configurar los widgets predefinidos, y añadir los tuyos propios a través de plugins o código php. Incluyen cosas como formularios de búsqueda, últimos artículos o bloques publicitarios.

Campos personalizados

Son campos especiales que añaden información adicional cuando se crea un post.

Permiten crear tus propias opciones, para mostrarlas mas tarde en tu tema.

SOBRE MÍAlejandro Gil Mialdea

Responsable de Desarrollo en @SocialGAGabout.me/agmialdea

Iniciación al Desarrollo Web con Wordpress