Curso de Wordpress iniciación wifi: red de invitados de zama pass: zamaformacion
1
¿Qué es Wordpress? • Un gestor de contenidos web (CMS Content Management System) • WordPress es una avanzada plataforma semánHca de publicación personal orientada a – La estéHca – Los estándares web – La usabilidad. – WordPress es Gratuito
2
IMPORTANTE No confundir • www.miweb.wordpress.com – Es un servicio de blog alojado en el dominio de wordpress. – Ejemplo hVp://ahiloHenes.wordpress.com/
• www.miweb.com – Es crear un siHo con gestor de contenidos en mi propio dominio. – Ejemplo hVp://www.cursoswordpressmadrid.com/
3
Instalación de Wordpress
• Local (Xampp) PC / Mac • Remoto (HosHng)
4
¿Dónde lo descargo? • hVp://es.wordpress.org/
5
Instalación Remota Remota (en hosHng) Video de instalación exclusivo para alumnos
hVp://www.cursoswordpressmadrid.com/recursos
6
¿Qué necesita mi hosHng para poder instalar Wordpress? Soportar Programación en PHP Soportar al menos una base de datos en MySQL
Pantalla capturada del proveedor 1and1.es
7
Uso de Wordpres instalado en hosHng • Para tu siHo web personal profesional. • Para tu porbolio de trabajos como diseñador, fotógrafo, arHsta mulHmedia... • Escaparate de productos. • Reservas de un hotel, casa rural... • Para un cliente. • Blog profesional.
8
Ingresar a Wordpress Remoto • www.tuweb.com/wp-‐admin (navegador web) • User : tu usuario • pass: tu contraseña
9
Instalación Local Local (Xampp) para el curso y para pruebas Video de instalación exclusivo para alumnos
hVp://www.cursoswordpressmadrid.com/recursos
10
Ingresar a Wordpress Local • Iniciar Xampp (acceso directo en el escritorio) • Entrar a un navegador (Firefox recomendado) • Escribir la siguente dirección en la barra de direcciones: Localhost/curso/wp-‐admin (navegador web) • User : admin • pass: 12345678 11
Descripción del entorno de trabajo (escritorio)
12
Instalación de temas planHllas gratuitas wordpress
13
Temas profesionales de pago para proyectos Wordpress
14
Responsive Web Design
El Responsive Web Design permite crear siHos Web que se adaptan al ancho del disposiHvo en que se esté navegando, lo que permite tener un único diseño para PC, móviles y tablet
15
Beneficios del Responsive Web Design Reducción de costos. Eficiencia en la actualización. Mejora la usabilidad y conversión Impacto en el visitante.
16
Creación de páginas
17
Creación de menús
Haciendo url´s más amigables para las páginas
Haciendo url´s mas amigables para las entradas(post) • /%category%/%postname%
18
Quitar dejar comentario / para quitarle el aspecto de blog
• Edición Individual • Edición masiva
19
Creando contenido – Páginas Texto imágenes vínculos
20
Insertar Google Maps
21
Insertar Video
22
Insertar catálogos on line
23
Crear Categorías • Sirve para crear vuestro propio árbol de categorías para vuestros arqculos, post o lo que queráis añadir al blog o siHo web. • Algunas planHllas necesitan que las entradas estén organizadas en categorías para mostrarlas en la web.
24
Crear EHquetas • Para mejorar la búsqueda dentro de nuestro propio siHo web. • Llamados también TAG´s
25
Crear entradas (post)
• En la página de inicio
26
Programar una entrada
Definir la fecha y hora en la que aparecerá en nuestro siHo web
27
Proteger una página con contraseña
Área restringida sólo para clientes
28
Widgets Colocar más contenido a nuestra web con la barra de navegación lateral y el área del pie
29
Como elegir un buen plugin Si estás buscando plugins específicos • Número de descargas. Los plugins con para tu blog que cubran algunas mayor número de descargas (más necesidades, puedes hacer lo siguiente: populares) suelen funcionar mejor Buscar en blogs especializados. buscando en Google. Aun así, ten en cuenta la calidad de los blogs que recomiendan las herramientas UHlizar los mismos plugins que funcionan en otros blogs.
• Puntuación de los usuarios. Fíjate en cuántas estrellas le han dado los • Capturas de pantalla. Con las capturas de pantalla te puedes hacer una idea rápida de cómo funciona el plugin y cómo quedará instalado en tu blog
• Compa9bilidad con disHntas versiones de WordPress. Hay plugins que hace Consultar el buscador de plugins de WordPress, no obstante, debes tener en años que no se actualizan, algo que te puede dar bastantes dolores de cuenta: cabeza 30
Plugins 1 Galería de Fotos – Imágenes Galería Album Individual
Nextgen gallery 31
Plugins 2 Slimbox (lightbox) Apertura de la imágenes con efecto Lightbox Edición del detalle de la imagen
32
Plugins 3 Modo mantenimiento del proyecto web ThemeFuse Maintenance Mode
33
Plugins 4 Socializar Nuestra web (comparHr – Seguir) Facebook TwiVer …. share-‐this
34
Plugins 5 OpHmizar y posicionar nuestra web Palabras clave Descripciones... All in one seo pack SEO Wordpress
35
Plugins 6 Que hacer si nuestra web es muy larga verHcalmente Dynamic To Top
Más recursos: hVp://webdesignandsuch.com/10-‐jquery-‐back-‐to-‐top-‐link-‐soluHons-‐for-‐websites/
36
Plugins 7 Crear formularios de contacto Formidable
37
Plugins 8 Crear un favicon (icono de favorito de mi siHo web) Cbnet Favicon
38
Plugins 9 EstadísHcas de nuestro siHo web con wordpress Google analyHcs
Para usar este plugin se necesita tener una cuenta creada en Google analyHcs hVp://www.google.com/intl/es/analyHcs/
39
Plugins 10 Insertar tu logo en google map´s Google Maps made Simple
40
Más Plugins … • WP-‐DB-‐Backup : Para evitarte sustos cuando tengas un problema en tu blog,
bien sea por un problema con una nueva instalación de algún plugin, una nueva actualización de WordPress o una des configuración de tu blog. Este plugin te creará una copia de seguridad de todo lo que tengas instalado en tu blog enviandolo a tu mail o tu PC, según la congfiguración que le des.
• Google XML Sitemaps : La uHlidad de este Plugin es fundamental para
que tu blog pueda ser rastreado por los buscadores. Y así lograr un mayor posicionamiento.
Wp Super cache
• : Cuanto más Hempo tarde en cargar tu blog, menos posibilidades Henes que tus visitantes se queden a ver tu contenido. Y este plugin hará que tarde menos Hempo en cargar tu blog.
41
Conceptos básicos de WordPress ¿Qué es un post?
WordPress fue creado originalmente como plataforma para la escritura de blogs. Por tanto, la estructura básica se fundamenta en la escritura de pequeños arqculos que se publican con regularidad. Estos arqculos son lo que se conoce como “Post” o “Entrada”.
¿Qué es una página?
Una página es muy parecida a un post, con la diferencia que está pensada para ser algo fijo. Información a la que se pueda acceder siempre desde cualquier siHo de nuestra web. Por eso suele ser información estáHca a la que se accede desde el menú principal del blog. Un ejemplo serían las páginas de “Contáctanos”, “Quienes somos”, etc.
¿Qué son las categorías y las e9quetas? 42
Cuando escribes un post Henes que asignarle una categoría (o varias). Las categorías son conceptos generales que creas con la intención de describir todos los temas que vas a tratar en tu web, para mantener un orden en los posts. Las eHquetas son palabras clave que uHlizas para describir el post que acabas de crear. Normalmente son mucho más variadas que las categorías. Es muy posible que alguna eHqueta sólo la uHlices en un post o 2.
¿Qué es un plugin?
WordPress viene con unas opciones por defecto que en principio te servirán para casi todo. Pero en algunos casos queremos poner en nuestra web alguna cosa especial (un calendario, un formulario de registro, estadísHcas de AnalyHcs, etc.) que no viene por defecto. Por suerte, al ser un soxware de acceso
libre, hay miles de programadores que crean y añaden todas estas funciones. Y lo hacen a través de plugins (o extensiones), que simplemente tendremos que instalar para empezar a uHlizarlas.
El panel de control.
Cuando accedes a WordPress con tu nombre de usuario y contraseña llegarás al panel de control, que te servirá para crear entradas, crear páginas, editarlas, gesHonar los comentarios que te envíen los usuarios, añadir plugins… Todo lo que puedes hacer con WordPress lo harás en el panel de control. Es lo que ocurre entre basHdores.