taller cba copia
TRANSCRIPT
Taller de Wordpress
Pablo Hamada@jphamada
Taller de Wordpressherramientas avanzadas de personalización
+ allá de entradas y páginas
> pensar en otros productos o servicios que podemos publicaren wordpress
Taller de Wordpresssoluciones para móviles
> responsive vs versión móvil
> frameworks
> soluciones online para apps
Taller de Wordpressmás allá de entradas y páginas
Taller de Wordpressmá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
Taller de Wordpressmás allá de entradas y páginas
Advanced Custom FieldsInsertar 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 : ?>
Taller de Wordpressmás allá de entradas y páginas
Nuevos tipos de contenidos en el EscritorioCustom Post Type UI
Nuevos tipos de contenidos en el EscritorioCustom Post Type UI
Taller de Wordpressmás allá de entradas y páginas
single.php
<?php query_posts(array( 'post_type' => 'lugares', 'showposts' => 3 ) ); ?>
Taller de Wordpresssoluciones para móviles
> responsive vs versión móvil
> frameworks
> soluciones online para apps
Taller de Wordpressresponsive 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
Taller de Wordpressresponsive 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
Taller de Wordpressversión móvil
Herramientas para versión móvil
WpTouch3Ofrece una plantillaresponsiva que se activaal entrar desde un dispositivo móvil
Taller de Wordpressversión móvil
Herramientas para versión móvil
Any Mobile Theme SwitcherOfrece la posibilidad decambiar de plantillas segúnel dispositivo desde el cual se accede al sitio.
Taller de WordpressBootstrap
Bootstrap by Twitter
Taller de WordpressBootstrap
Taller de WordpressBootstrap
Elementos:
- íconos y gráficos: semántica. responsive. tiempo de carga
- menú: dropbowns,
- botones. grupos. colores. estilos. semántica
- input groups: formularios
Taller de WordpressBootstrap
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 WordpressOtras herramientas
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 WordpressOtras herramientas
Screenfly
Plataforma para probar las distintas versiones de una web
http://quirktools.com/screenfly/
Taller de WordpressOtras herramientas