El documento habla sobre un taller de WordPress. Cubre temas como herramientas avanzadas de personalización, pensar en otros productos o servicios para publicar en WordPress, soluciones para móviles como responsive vs versión móvil y frameworks, y usar nuevos campos y tipos de contenido como lugares y formularios con Advanced Custom Fields y Custom Post Type UI. También menciona Bootstrap, AppsGeyser para crear apps web, y herramientas como Google PageSpeed Insights y Screenfly para pruebas en diferentes dispositivos.

1. Taller de Wordpress
Pablo Hamada
@jphamada

2. Taller de Wordpress
herramientas avanzadas de personalización
+ allá de entradas y páginas
> pensar en otros productos o
servicios que podemos publicar
en wordpress

3. Taller de Wordpress
soluciones para móviles
> responsive vs versión móvil
> frameworks
> soluciones online para apps

4. Taller de Wordpress
más allá de entradas y páginas

5. Taller de Wordpress
más allá de entradas y páginas
- texto
- imágenes
- links
- archivos
Nuevos campos en las entradas y páginas:
Advanced Custom Fields
- contraseñas
- formularios
- check

6. Taller de Wordpress
más allá de entradas y páginas
Advanced Custom Fields
Insertar la información del campo
<?php the_field(''texto_2'');
single.php
<?php the_field(''mapa''); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php the_title(); ?>
<?php the_content(); ?>
<?php endwhile; ?>
<?php else : ?>

7. Taller de Wordpress
más allá de entradas y páginas
Nuevos tipos de contenidos en el Escritorio
Custom Post Type UI

8. Nuevos tipos de contenidos en el Escritorio
Custom Post Type UI
Taller de Wordpress
más allá de entradas y páginas
single.php
<?php
query_posts(array(
'post_type' => 'lugares',
'showposts' => 3
) );
?>

9. Taller de Wordpress
soluciones para móviles
> responsive vs versión móvil
> frameworks
> soluciones online para apps

10. Taller de Wordpress
responsive vs versión móvil
Ventajas del diseño responsivo
- Experiencia del usuario
- Evitamos contenido duplicado
- Reducimos costos de diseño y programación
- Múltiples pantallas y OS
- APP y SEO friendly
- Pensado para redes sociales y móviles
- Estadísticas

11. Taller de Wordpress
responsive vs versión móvil
Ventajas de versión móvil
- Experiencia del usuario
- Tiempo de carga y reducción de datos
- Diferente dominio (”m.sitio.com”)
- No tocamos el sitio original

12. Taller de Wordpress
versión móvil
Herramientas para versión móvil
WpTouch3
Ofrece una plantilla
responsiva que se activa
al entrar desde un
dispositivo móvil

13. Taller de Wordpress
versión móvil
Herramientas para versión móvil
Any Mobile Theme Switcher
Ofrece la posibilidad de
cambiar de plantillas según
el dispositivo desde el
cual se accede al sitio.

14. Taller de Wordpress
Bootstrap
Bootstrap by Twitter

15. Taller de Wordpress
Bootstrap

16. Taller de Wordpress
Bootstrap

17. Elementos:
- íconos y gráficos: semántica.
responsive. tiempo de carga
- menú: dropbowns,
- botones. grupos. colores.
estilos. semántica
- input groups: formularios
Taller de Wordpress
Bootstrap

18. AppsGeyser
Construye un web-laucher con un
ícono del sitio.
Web-App en 5 minutos!
Descarga de archivo .apk
http://www.appsgeyser.com/
Taller de Wordpress
Otras herramientas

19. Google PageSpeed Insights
Mide el grado de optimización de
carga en un sitio web.
Versiones desktop y mobile.
https://developers.google.com/speed/pagespeed/insights/
Taller de Wordpress
Otras herramientas

20. Screenfly
Plataforma para probar las
distintas versiones de una web
http://quirktools.com/screenfly/
Taller de Wordpress
Otras herramientas