2. LAS WEBS SON COMO UNA FÁBRICA
Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
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. ¿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. 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
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. 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. ESTRUCTURA DE ARCHIVOS Y
FUNCIONAMIENTO DEL SISTEMA
Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
10. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
11. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
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
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. 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. 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. 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
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. 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. TRUCOS, ERRORES FRECUENTES Y
CONCEPTOS AVANZADOS
Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
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. 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. 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. Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]
¿QUÉ MÁS PUEDO HACER?
26. Ángel M. Roldán Córdoba
drtic@fundaciobit.org
+ info@emprendibiza.es
Dr. TIC – TU NEGOCIO EN INTERNET [WordPress Nivel Medio]