Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Tu negocio en internet. WordPress (nivel medio)

466 views

Published on

Tu negocio en internet. WordPress (nivel medio)

  • Be the first to comment

  • Be the first to like this

Tu negocio en internet. WordPress (nivel medio)

  1. 1. WordPress Nivel Medio Dr.TIC – Tractament tecnològic per al teu negoci TU NEGOCIO EN INTERNET
  2. 2. LAS WEBS SON COMO UNA FÁBRICA Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
  3. 3. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] WEB DOMINIO HTTP:// SERVIDOR FTP CORREO WEBMAIL BBDD SQL ESTRUCTURA PHP O HTML ESTILOS CSS FUNCIONES JAVASCRIPT ESTRUCTURA INDEX.PHP CONTENIDO FAVICON.ICO ASPECTO STYLE.CSS SERVIDOR .HTACCES ROBOT.TXT TABLAS WP_POSTS CAMPOS POST_TITLE ENTRANTE IMAP / POP3 SALIENTE SMTP
  4. 4. ¿QUÉ ES WORDPRESS? Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] 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
  5. 5. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] WORDPRESS.ORG – VENTAJAS E INCONVENIENTES VENTAJAS ● Genera una estructura muy completa ● Grandes posibilidades debido a oferta de desarrolladores ● Plataforma multidispositivo ● Totalmente personalizable ● 100% gratuito INCONVENIENTES ● Genera una gran cantidad de código innecesario ● Versiones de prueba, inestables o sin soporte ● Dependencia de terceros ● Conocimientos de programación mínimos ● Marca WordPress
  6. 6. INSTALACIÓN DE WORDPRESS.ORG Servidor local y hosting externo Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
  7. 7. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] 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 Cargamos los archivos de WP y vamos a nuestra web (localhost). Debemos rellenar:
  8. 8. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] 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. Si todo está correcto, pasamos a la siguiente pantalla. Debemos rellenar:
  9. 9. ESTRUCTURA DE ARCHIVOS Y FUNCIONAMIENTO DEL SISTEMA Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
  10. 10. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
  11. 11. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
  12. 12. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] APARIENCIA ● Temas (Gestión de plantillas) ● Personalizar (WordPress) ● Widgets (Laterales) ● Menús ● Opciones del tema ● CSS Person. (JetPack) ● Editor (Código) PLUGINS ● Plugins instalados ● Añadir nuevo ● Editor (Código) CONTENIDO ● Páginas (Estático) ● Entradas (Dinámico) ● Medios (Multimedia) ● Comentarios (Interactivo) ● Personalizado CONFIGURACIÓN ● Ajustes ● Generales ● Escritura ● Lectura ● Comentarios ● Medios ● Enlaces permanentes ● Compartir ● Herramientas ● Usuarios ESCRITORIO ● Inicio ● Actualizaciones
  13. 13. PLUGINS GRATUITOS E IMPRESCINDIBLES Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
  14. 14. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] PLUGINS FUNCIONALES JETPACK [WORDPRESS.COM] WORDPRESS SEO [POSICIONAMIENTO] W3 TOTAL CACHE [MEMORIA CACHE] CONTENIDOAPARIENCIA SHORTCODES ULTIMATE [AÑADIR SHORTCODES] WOOCOMERCE [TIENDA ONLINE] SITEORIGIN PAGEBUILDER [WYSIWYG] CUSTOM POST TYPE UI [PERSONALIZADO] TRANSPOSH [IDIOMAS] ADVANCED CUSTOM FIELDS [METABOXES]
  15. 15. LENGUAJES DE PROGRAMACIÓN EN WORDPRESS (HTML5 Y CSS3) Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] Aprende a programar en: http://www.w3schools.com/
  16. 16. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] HTML5 <etiqueta propiedad=”valor” propiedad2=”valor”> y </etiqueta> ETIQUETA USO 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>
  17. 17. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] CSS3 etiqueta {propiedad: valor;} .clase {propiedad: valor;} #id {propiedad: valor;} PROPIEDAD 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 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
  18. 18. POSICIONAMIENTO SEO Y USABILIDAD WEB Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
  19. 19. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] 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 EL POSICIONAMIENTO SEO SE BASA EN
  20. 20. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] 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...) MEJORANDO NUESTRO SEO
  21. 21. TRUCOS, ERRORES FRECUENTES Y CONCEPTOS AVANZADOS Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
  22. 22. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] 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
  23. 23. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] 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/
  24. 24. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] ¿ESTOY EN GOOGLE? 1. Lo comprobamos 2. ¿No estoy? Veamos el robot.txt (Ajustes > Lectura) 2. Vamos a presentarnos a Google (Herramientas > Herramientas disponibles)
  25. 25. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio] ¿QUÉ MÁS PUEDO HACER?
  26. 26. Ángel M. Roldán Córdoba drtic@fundaciobit.org + info@emprendibiza.es Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
  27. 27. Gràcies! Email: drtic@fundaciobit.org Web: drtic.fundaciobit.org Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]

×