tu negocio en internet. wordpress (nivel medio)

WordPress Nivel Medio

Dr.TIC – Tractament tecnològic per al teu negoci

TU NEGOCIO EN INTERNET

LAS WEBS SON COMO UNA FÁBRICA

Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]

Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]

WEB

DOMINIOHTTP://

SERVIDORFTP

CORREOWEBMAIL

BBDDSQL

ESTRUCTURAPHP O HTML

ESTILOSCSS

FUNCIONESJAVASCRIPT

ESTRUCTURAINDEX.PHP

CONTENIDOFAVICON.ICO

ASPECTOSTYLE.CSS

SERVIDOR.HTACCES

ROBOT.TXT

TABLASWP_POSTS

CAMPOSPOST_TITLE

ENTRANTEIMAP / POP3

SALIENTESMTP

¿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

Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]

WORDPRESS.ORG – VENTAJAS E INCONVENIENTESVENTAJAS

● 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

INSTALACIÓN DE WORDPRESS.ORGServidor local y hosting externo

Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]

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:

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:

ESTRUCTURA DE ARCHIVOS Y FUNCIONAMIENTO DEL SISTEMA

Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]

Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]

Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]

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

PLUGINS GRATUITOS E IMPRESCINDIBLES

Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]

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]

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/

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>

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. claseEtiquetaÚltima regla

POSICIONAMIENTO SEO Y USABILIDAD WEB

Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]

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

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

TRUCOS, ERRORES FRECUENTES Y CONCEPTOS AVANZADOS

Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]

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 home2. config.php3. functions.php

MÁS INFO: http://ayudawp.com/como-reparar-un-wordpress-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

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/

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)

Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]

¿QUÉ MÁS PUEDO HACER?

Ángel M. Roldán Córdoba

drtic@fundaciobit.org+ info@emprendibiza.es

Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]

Gràcies!Email: drtic@fundaciobit.orgWeb: drtic.fundaciobit.org

Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]