Iniciación al Desarrollo Web con Wordpress
Upcoming SlideShare
Loading in...5
×
 

Iniciación al Desarrollo Web con Wordpress

on

  • 2,267 views

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

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

Statistics

Views

Total Views
2,267
Views on SlideShare
2,168
Embed Views
99

Actions

Likes
3
Downloads
37
Comments
1

4 Embeds 99

http://socialgag.es 83
https://twitter.com 13
http://pinterest.com 2
http://www.pinterest.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial LicenseCC Attribution-NonCommercial License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Iniciación al Desarrollo Web con Wordpress Iniciación al Desarrollo Web con Wordpress Presentation Transcript

  • Iniciación al Desarrollo Web con Wordpresssocialgag.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? View slide
  • ¿Qué es Wordpress? View slide
  • ¿Qué es Wordpress?
  • ¿Qué es Wordpress?
  • Temas Popularidad Documentación Usuarios y RolesEditor Plugins Actualizaciones UsabilidaInstalación Comunidad SEO d Widgets Panel de Administración Software Libre ¿Porqué Wordpress?
  • Requisitos InstalaciónWordpress 3.2+• Hosting • FTP FileZilla-project.org – PHP 5.2.4+ • BBDD – mySQL 5.0+ – wp-config.php• Dominio • Configuración – ¿SSL? Comenzando
  • Estructura de directorios y ficheros
  • 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 htmlAnatomía de un Tema
  • index.php page.php single.php archive.phpControla lo que muestra la Controla la apariencia de las Controla la apariencia de las Puedes controlar lapágina de inicio. Por páginas. Puedes optar por entradas de post apariencia de los diferentesdefecto, el bucle muestra los eliminar el sidebar u otros individuales. Contiene un archivos de post. Si no existeposts más recientes del elementos, o añadir otros. bucle con la consulta de un ésta plantilla, éstos se veránblog. solo post para mostrarlo. como index.php. Puedes crear plantillas. SóloSe puede especificar en tienes que duplicar page.php Puedes especificar si desea Si creas una plantillaAdmin > 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 lospá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: Nombrediferente. páginas y post). etiquetas si creas tag.php */ ?> Anatomía de un Tema
  • • 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
  • Inicio si while { no ¿hay mas? the_title() Fin} endwhile + the_content() the_category() The Loop: El bucle
  • • 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
  • • 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!
  • SOBRE MÍ Alejandro Gil Mialdea Responsable de Desarrollo en @SocialGAG about.me/agmialdeaIniciación al Desarrollo Web con Wordpress