Dr.TIC Tractament tecnològic per al teu negoci TU NEGOCIO EN INTERNET WordPress Nivel Medio
LAS WEBS SON COMO UNA FÁBRICA
WEB DOMINIO HTTP:// ESTRUCTURA PHP O HTML SERVIDOR FTP ESTRUCTURA INDEX.PHP CONTENIDO FAVICON.ICO ESTILOS CSS FUNCIONES JAVASCRIPT BBDD SQL CORREO WEBMAIL TABLAS WP_POSTS ENTRANTE IMAP / POP3 CAMPOS POST_TITLE SALIENTE SMTP ASPECTO STYLE.CSS SERVIDOR.HTACCES ROBOT.TXT
QUÉ ES WORDPRESS? WordPress.com (tuweb.wordpress.com) Plataforma de blogging gratuita Muy limitada y con pocas opciones de personalización Similar a Blogger de Google WordPress.org (tuweb.com) Gestor CMS gratuito y Open Source Opciones ilimitadas Similar a Joomla o Drupal
WORDPRESS.ORG VENTAJAS E INCONVENIENTES VENTAJAS Genera una estructura muy completa Grandes posibilidades debido a oferta de desarrolladores INCONVENIENTES Genera una gran cantidad de código innecesario Versiones de prueba, inestables o sin soporte Plataforma multidispositivo Totalmente personalizable 100% gratuito Dependencia de terceros Conocimientos de programación mínimos Marca WordPress
INSTALACIÓN DE WORDPRESS.ORG Servidor local y hosting externo
Cargamos los archivos de WP y vamos a nuestra web (localhost). Debemos rellenar: Database Name: Nombre de la BBDD User Name: Usuario de la BBDD Password: Contraseña de la BBDD Database Host: Dirección BBDD Table Prefix: Prefijo WP
Si todo está correcto, pasamos a la siguiente pantalla. Debemos rellenar: Site Tittle: Nombre de la web Username: Usuario admin Password: Contraseña Your E-mail: Email Allow...: Permitir robot.txt, para que los buscadores puedan indexar nuestra web.
ESTRUCTURA DE ARCHIVOS Y FUNCIONAMIENTO DEL SISTEMA
ESCRITORIO Inicio Actualizaciones APARIENCIA Temas (Gestión de plantillas) Personalizar (WordPress) Widgets (Laterales) Menús Opciones del tema CSS Person. (JetPack) Editor (Código) CONTENIDO Páginas (Estático) Entradas (Dinámico) Medios (Multimedia) Comentarios (Interactivo) Personalizado PLUGINS Plugins instalados Añadir nuevo Editor (Código) CONFIGURACIÓN Ajustes Generales Escritura Lectura Comentarios Medios Enlaces permanentes Compartir Herramientas Usuarios
PLUGINS GRATUITOS E IMPRESCINDIBLES
PLUGINS FUNCIONALES APARIENCIA CONTENIDO JETPACK [WORDPRESS.COM] SITEORIGIN PAGEBUILDER [WYSIWYG] SHORTCODES ULTIMATE [AÑADIR SHORTCODES] WORDPRESS SEO [POSICIONAMIENTO] WOOCOMERCE [TIENDA ONLINE] CUSTOM POST TYPE UI [PERSONALIZADO] W3 TOTAL CACHE [MEMORIA CACHE] TRANSPOSH [IDIOMAS] ADVANCED CUSTOM FIELDS [METABOXES]
LENGUAJES DE PROGRAMACIÓN EN WORDPRESS (HTML5 Y CSS3) Aprende a programar en: http://www.w3schools.com/
HTML5 <etiqueta propiedad= valor propiedad2= valor > y </etiqueta> USO ETIQUETA VALORES FORMA <a> y </a> Insertar enlaces href, target <a href= http://emprendibiza.es > Emprendibiza</a> <img> y </img> Insertar imágenes src, width, height, alt <img src= http://server.com/1.jpg > </img> <iframe> y </iframe> Insertar contenido src, width, height <iframe src= http://youtube.com/jdu7ka8 > </iframe> <object> y </object> Insertar embebido src, width, height <object src= http://server.com/video.mp4 > </object> <h1> a </h6> Títulos <h1> Titular principal </h1> <p> y /<p> Párrafos <p> Párrafo de texto </p> <ul>, <ol> y <li> Listados <ul> <li> sin número </li> </ul> <ol> <li> numerado </li> </ol>
CSS3 etiqueta {propiedad: valor;}.clase {propiedad: valor;} #id {propiedad: valor;} USO SENTENCIAS FRECUENTES background Definir fondos background-color, background-image border Definir borde border-style, border-color, border-radius font Definir fuentes font-family, font-size, font-weight float, position, z-index Definir posición left, right, bottom, top width, height, padding, margin Definir tamaño %, 00px, 00em, auto color, opacity Definir color PROPIEDAD PSEUDO-CLASES :active = elemento activo :hover = cursor sobre elemento :link = enlace sin visitar :visited = enlace visitado JERARQUÍA CSS! important # id. clase Etiqueta Última regla
POSICIONAMIENTO SEO Y USABILIDAD WEB
EL POSICIONAMIENTO SEO SE BASA EN 1. CONTENIDO Y RELEVANCIA DE ESTE 2. INTERACCIÓN DE LOS USUARIOS 3. TRÁFICO DESDE/HACIA EL SITIO 4. TIEMPOS DE CARGA Y USABILIDAD WEB 5. USO DE METADATOS
MEJORANDO NUESTRO SEO 1. DOMINIO (Mejor emprendibiza.es que emprendibiza.com, uso de palabras clave) 2. PERMALINKS SEMÁNTICOS (Ajustes > Enlaces Permanentes > /%postname%/ 3. AUTOR (Usuarios > Tu perfil) 4. DISEÑO RESPONSIVE (Tema adaptable o versión móvil de Jetpack) 5. PRODUCTOS GOOGLE (Analytics, Webmaster Tools, Google+, Maps y AdWords) 6. SOCIAL MEDIA (Publicize de Jetpack y feed RSS o Newsletter) 7. AYUDA A GOOGLE (Sitemap, URL canónica, Redirección 301...) 8. ALIGERAR PESO (Scripts, estilos, imágenes, BBDD...)
TRUCOS, ERRORES FRECUENTES Y CONCEPTOS AVANZADOS
FALLOS EN URL DEL SITIO Migración erronea o modificado sin querer: 1. SQL > wp_options > siteurl y home 2. config.php 3. functions.php MÁS INFO: http://ayudawp.com/como-reparar-un-wordpr ess-roto-tras-cambiar-la-url/ * El contenido (Páginas, entradas, custom post, etc.) se Exporta/Importa en el menú Herramientas. Para migrar el tema y plugins realizaremos una carga mediante FTP de carpeta wp-content
TRABAJAR CON CHILD THEMES O TEMAS HIJO Un tema hijo (Child theme en inglés) es una plantilla basada en un tema existente, del que recoge su sistema de archivos. Su uso permite mantener las modificaciones que hacemos al actualizar el tema padre. MÁS INFORMACIÓN: http://ayudawp.com/como-crear-un-tema-hijo-en-wordpress/
ESTOY EN GOOGLE? 1. Lo comprobamos 2. No estoy? Veamos el robot.txt (Ajustes > Lectura) 2. Vamos a presentarnos a Google (Herramientas > Herramientas disponibles)
QUÉ MÁS PUEDO HACER?
Ángel M. Roldán Córdoba drtic@fundaciobit.org + info@emprendibiza.es
Gràcies! Email: drtic@fundaciobit.org Web: drtic.fundaciobit.org