Presentación de la actividad realizada en CIEM Zaragoza sobre "Iniciación al Desarrollo Web con Wordpress" orientado a programadores.

1. Iniciación al Desarrollo Web
con Wordpress
socialgag.es

2. • 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?

3. • 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?

4. ¿Qué es Wordpress?

5. ¿Qué es Wordpress?

6. ¿Qué es Wordpress?

7. Temas Popularidad
Documentación
Usuarios y Roles
Editor Plugins
Actualizaciones Usabilida
Instalación Comunidad SEO d
Widgets Panel de Administración
Software Libre
¿Porqué Wordpress?

8. Requisitos Instalación
Wordpress 3.2+
• Hosting • FTP FileZilla-project.org
– PHP 5.2.4+ • BBDD
– mySQL 5.0+ – wp-config.php
• Dominio • Configuración
– ¿SSL?
Comenzando

9. Estructura de directorios y ficheros

10. header.php
Archivo global que muestra encabezado y
navegación. También contiene código html
cabeza.
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
sidebar.php
Las 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
footer.php
Contiene instrucciones para el pie de página
global y cierra etiquetas html
Anatomía de un Tema

11. index.php page.php single.php archive.php
Controla lo que muestra la Controla la apariencia de las Controla la apariencia de las Puedes controlar la
página de inicio. Por páginas. Puedes optar por entradas de post apariencia de los diferentes
defecto, el bucle muestra los eliminar el sidebar u otros individuales. Contiene un archivos de post. Si no existe
posts más recientes del elementos, o añadir otros. bucle con la consulta de un ésta plantilla, éstos se verán
blog. solo post para mostrarlo. como index.php.
Puedes crear plantillas. Sólo
Se puede especificar en tienes que duplicar page.php Puedes especificar si desea Si creas una plantilla
Admin > Ajustes > Lectura con otro nombre y añadir este que se muestre una barra llamada category.php,
una página estática como código al comienzo del fichero. lateral (especificando la que prevalecerá para los
página de inicio, y mostrar el quieras, pudiendo elegir una archivos de categorías. Lo
<?php /*
blog en una página sidebar diferente para mismo para los archivos de
Template Name: Nombre
diferente. páginas y post). etiquetas si creas tag.php
*/ ?>
Anatomía de un Tema

12. • 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

13. Inicio
si while {
no ¿hay mas? the_title()
Fin
} endwhile
+ the_content()
the_category()
The Loop: El bucle

14. • 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 functions.php style.css
Este fichero controla los Permite poner tu propio Esta es la principal hoja de
comentarios, que se código PHP personalizado estilos CSS para tu tema.
pueden incluir en el bucle con el fin de modificar los
si mostrarlos. Este fichero elementos esenciales del También contiene texto
puede ser omitido por tema. A menudo se utiliza en la parte superior que
plugins como Disqus, para especificar múltiples indica el nombre del
quien se haría cargo de la barras laterales, o añadir Tema, quién es el autor y
funcionalidad de opciones personalizadas al cuál es la URL de su web.
comentarios en la web. panel de administración.
Entre bastidores

15. • 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 Widgets Campos personalizados
Hay una gran comunidad Son pequeños módulos que Son campos especiales
de desarrolladores que van en los sidebar. Desde el que añaden información
han creado multitud de wp-admin puedes configurar adicional cuando se crea
plugins que puedes los widgets predefinidos, y un post.
agregar en tu tema de añadir los tuyos propios a
forma gratuita: través de plugins o código Permiten crear tus propias
plugins de medios php. Incluyen cosas como opciones, para mostrarlas
sociales, video, formularios de búsqueda, mas tarde en tu tema.
imágenes, gestión de últimos artículos o bloques
usuarios, etc. publicitarios.
¡Extra extra!

16. SOBRE MÍ
Alejandro Gil Mialdea
Responsable de Desarrollo en @SocialGAG
about.me/agmialdea
Iniciación al Desarrollo Web con Wordpress