TU NEGOCIO EN INTERNET

Transcripción

1 Dr.TIC Tractament tecnològic per al teu negoci TU NEGOCIO EN INTERNET WordPress Nivel Medio

2 LAS WEBS SON COMO UNA FÁBRICA

3 WEB DOMINIO 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

4 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

5 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

6 INSTALACIÓN DE WORDPRESS.ORG Servidor local y hosting externo

7 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

8 Si todo está correcto, pasamos a la siguiente pantalla. Debemos rellenar: Site Tittle: Nombre de la web Username: Usuario admin Password: Contraseña Your Allow...: Permitir robot.txt, para que los buscadores puedan indexar nuestra web.

9 ESTRUCTURA DE ARCHIVOS Y FUNCIONAMIENTO DEL SISTEMA

10

11

12 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

13 PLUGINS GRATUITOS E IMPRESCINDIBLES

14 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]

15 LENGUAJES DE PROGRAMACIÓN EN WORDPRESS (HTML5 Y CSS3) Aprende a programar en:

16 HTML5 <etiqueta propiedad= valor propiedad2= valor > y </etiqueta> USO ETIQUETA VALORES FORMA <a> y </a> Insertar enlaces href, target <a href= > Emprendibiza</a> <img> y </img> Insertar imágenes src, width, height, alt <img src= > </img> <iframe> y </iframe> Insertar contenido src, width, height <iframe src= > </iframe> <object> y </object> Insertar embebido src, width, height <object src= > </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 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

18 POSICIONAMIENTO SEO Y USABILIDAD WEB

19 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

20 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 ) 8. ALIGERAR PESO (Scripts, estilos, imágenes, BBDD...)

21 TRUCOS, ERRORES FRECUENTES Y CONCEPTOS AVANZADOS

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

24 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 QUÉ MÁS PUEDO HACER?

26 Ángel M. Roldán Córdoba + [email protected]

27 Gràcies! Web: drtic.fundaciobit.org