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]


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?


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


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



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:


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





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



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)


Aprende a programar en: http://www.w3schools.com/

http://www.w3schools.com/


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>

http://emprendibiza.es/

http://server.com/1.jpg


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



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


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



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

http://ayudawp.com/como-reparar-un-wordpress-roto-tras-cambiar-la-url/

http://ayudawp.com/como-reparar-un-wordpress-roto-tras-cambiar-la-url/


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/

http://ayudawp.com/como-crear-un-tema-hijo-en-wordpress/


¿ESTOY EN GOOGLE?1. Lo comprobamos

2. ¿No estoy? Veamos el robot.txt (Ajustes > Lectura)

2. Vamos a presentarnos a Google (Herramientas > Herramientas disponibles)


¿QUÉ MÁS PUEDO HACER?

Ángel M. Roldán Córdoba

[email protected]+ [email protected]


mailto:[email protected]

Gràcies!Email: [email protected]: drtic.fundaciobit.org


mailto:[email protected]

http://drtic.fundaciobit.org/

Documents

Tu negocio en internet. WordPress (nivel medio)