tu negocio en internet. wordpress (nivel medio)
TRANSCRIPT
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
[email protected]+ [email protected]
Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
Gràcies!Email: [email protected]: drtic.fundaciobit.org
Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]