Taller cba copia

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


- texto- imágenes- links- archivos

Nuevos campos en las entradas y páginas:Advanced Custom Fields

- contraseñas- formularios- check


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 : ?>


Nuevos tipos de contenidos en el EscritorioCustom Post Type UI

Nuevos tipos de contenidos en el EscritorioCustom Post Type UI


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

Elementos:

- íconos y gráficos: semántica. responsive. tiempo de carga

- menú: dropbowns,

- botones. grupos. colores. estilos. semántica

- input groups: formularios


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/


Screenfly

Plataforma para probar las distintas versiones de una web

http://quirktools.com/screenfly/


Taller cba copia

Documents

Transcript of Taller cba copia