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]
WEB DOMINIO
HTTP:// SERVIDORFTP BBDDSQL WEBMAILCORREO
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
¿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
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
INSTALACIÓN DE WORDPRESS.ORG
Servidor local y hosting externo
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.
ESTRUCTURA DE ARCHIVOS Y
FUNCIONAMIENTO DEL SISTEMA
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 CONTENIDO ● Páginas (Estático) ● Entradas (Dinámico) ● Medios (Multimedia) ● Comentarios (Interactivo) ● Personalizado CONFIGURACIÓN ● Ajustes ● Generales ● Escritura ● Lectura ● Comentarios ● Medios ● Enlaces permanentes ● Compartir ESCRITORIO ● Inicio ● Actualizaciones
PLUGINS GRATUITOS E
IMPRESCINDIBLES
Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
PLUGINS FUNCIONALES JETPACK [WORDPRESS.COM] WORDPRESS SEO [POSICIONAMIENTO] W3 TOTAL CACHE [MEMORIA CACHE] CONTENIDO APARIENCIA SHORTCODES ULTIMATE [AÑADIR SHORTCODES] WOOCOMERCE [TIENDA ONLINE] SITEORIGIN PAGEBUILDER [WYSIWYG]CUSTOM POST TYPE UI
[PERSONALIZADO]
TRANSPOSH
[IDIOMAS]
ADVANCED CUSTOM FIELDS
LENGUAJES DE PROGRAMACIÓN EN
WORDPRESS
(HTML5 Y CSS3)
Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
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 Listados <ul> <li> sin número </li> </ul>
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
JERARQUÍA CSS ! important
# id . clase
POSICIONAMIENTO SEO Y
USABILIDAD WEB
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 METADATOSDr. 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...)
TRUCOS, ERRORES FRECUENTES Y
CONCEPTOS AVANZADOS
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.
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.
Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
¿ESTOY EN GOOGLE?
1. Lo comprobamos
2. ¿No estoy? Veamos el robot.txt (Ajustes > Lectura)