Top Banner
Cómo hacer un Smart Theme Experimentación en un nuevo método de ayuda para el usuario TI, usando funciones que detectan el estado del sistema para minimizar los pasos para configurar un sitio en base a un theme o plugins. Por Pancho Pérez - @lonchbox / @33themes / www.octi.io
37

WordCamp Cantabria 2015 : Como hacer un Smart Theme

Jan 27, 2017

Download

Software

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Cómo hacer un Smart ThemeExperimentación en un nuevo método de ayuda para el usuario TI, usando

funciones que detectan el estado del sistema para minimizar los pasos para configurar un sitio en base a un theme o plugins.

Por Pancho Pérez - @lonchbox / @33themes / www.octi.io

Page 2: WordCamp Cantabria 2015 : Como hacer un Smart Theme

CodeReaderCopyPaster Technical Designer

Production Manager

Page 3: WordCamp Cantabria 2015 : Como hacer un Smart Theme

CodeReaderCopyPaster Technical Designer

Production Manager

Page 4: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Tipos de Temas

‣ Nicho

‣ Starters

‣ Frameworks

‣ Multiproposito

‣ ¿Builders?

Page 5: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Proceso de Instalación y Configuración de un Tema

Page 6: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Listo!Buscar

DescargarActivarInstalar

Page 7: WordCamp Cantabria 2015 : Como hacer un Smart Theme

XD Mentira! Lie! Niente!

Page 8: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Documentation Sucks!

Page 9: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Después de instalar…

‣ Notices

‣ Alertas

‣ Nuevas secciones

‣ Mas información

Page 10: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Y ahora qué?, donde estoy?, quien soy!?

Page 11: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Cual es el contenido de un Tema

‣ Texto

‣ Widgets

‣ Opciones del Tema

‣ Menus

‣ Shortcodes

‣ Imágenes

‣ Datos de usuario

Styleguide

Page 12: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Estado del contenido

‣ Vacío

‣ Demo

‣ Antiguo (otro tema y otra web/CMS)

‣ Nuevo

Page 13: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Opciones del contenido

‣ Sin Plugins

‣ Con Plugins

‣ Plugins Soportados

‣ Integraciones de terceros

Page 14: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Comunicación con el Usuario

‣ Forums de soporte

‣ Email del desarrollador

‣ Chat (Slack)

‣ Agencia, amigo… cuñado/primo

Page 15: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Esperiencia con LongSocial + TTT Plugins

Page 16: WordCamp Cantabria 2015 : Como hacer un Smart Theme

‣ Free Social Feed HTML

‣ Parte del diseño

TTT Social… Long

Page 17: WordCamp Cantabria 2015 : Como hacer un Smart Theme

‣ _s

‣ Bootstrap (less)

‣ Dashicons

‣ Google material icons

‣ Swipebox

‣ Slick slider

‣ Masonry

‣ Fitvids.js

‣ Waypoints.j

LongSocial v1.1

Page 18: WordCamp Cantabria 2015 : Como hacer un Smart Theme

‣ TTT LoadMore

‣ TTT Crop

‣ TTT Device

Other TTT Plugins

Page 19: WordCamp Cantabria 2015 : Como hacer un Smart Theme

‣ Breadcrumb NavXT

‣ Contact Form 7

‣ Related Post for WordPress

Extra Plugin

Page 20: WordCamp Cantabria 2015 : Como hacer un Smart Theme

LongSocial “habla” con tu WP Tu WP “habla”contigo

Page 21: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Custom Wellcome Message

Page 22: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Aviso configuración Slider en Posts

Page 23: WordCamp Cantabria 2015 : Como hacer un Smart Theme

TTT Loadmore, Aviso de un plugin en paginación

Page 24: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Aviso en página de portada y Aviso de Slider

Page 25: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Aviso para configuración de Bio y TTT Social

Page 26: WordCamp Cantabria 2015 : Como hacer un Smart Theme

LongSocial evita errores comunes

Page 27: WordCamp Cantabria 2015 : Como hacer un Smart Theme

‣ Gallería

‣ Imagen

Post formats

Page 28: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Template Gallerías

Page 29: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Saber si usa Portada, Página de blog o nada

Page 30: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Si no hay Título, no H2

Page 31: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Aviso para Front Page

Page 32: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Auto excerpt, Excerpt o Leer mas

Page 33: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Pruebas en instalaciones diferentes

Page 34: WordCamp Cantabria 2015 : Como hacer un Smart Theme

No content

Page 35: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Old Content

Page 36: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Jetpack

Page 37: WordCamp Cantabria 2015 : Como hacer un Smart Theme

Gracias! @lonchbox