wordpressrbg.milibreta.com.mx/informaticaugc/wordpress.pdf · 2018-04-14 · plantillas las...

42
Wordpress Aplicación de las TIC´s LI Erick Urías Bernal

Upload: others

Post on 25-Mar-2020

14 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

WordpressAplicación de las TIC´s

LI Erick Urías Bernal

Page 2: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

¿Qué es Wordpress?

Es un sistema de gestión de contenidos o CMS (por sus siglas en inglés,Content Management System) enfocado a la creación de cualquier tipo desitio. Originalmente alcanzó una gran relevancia usado para la creación deblogs, para convertirse con el tiempo en una de las principales herramientaspara la creación de páginas web comerciales.

WordPress nació del deseo de construir un sistema de publicación personal,elegante y con una buena arquitectura. Basado en PHP, MySQL y con licenciaGPL, WordPress pone especial atención a la estética, estándares web yusabilidad.

Page 3: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Estructura

• WordPress, en principio, es un sistema de publicación web basado enentradas ordenadas por fecha; las entradas corresponden a una o máscategorías o taxonomías. Además, cuenta con un administrador de páginasestáticas no cronológicas.

• La estructura y diseño visual del sitio depende de un sistema de plantillasindependiente del contenido, que pueden tener varias opciones depersonalización dependiendo de su autor.

Page 4: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Estructura

• Bloques con funciones específicas por medio de complementos cuyapublicación se realiza por medio de widgets.

• La filosofía de WordPress apuesta decididamente por la elegancia, lasencillez y las recomendaciones del W3C pero depende siempre de laplantilla a usar. TwentyTen, por ejemplo, es una plantilla predeterminada yque es válida como (X)HTML Tradicional y CSS.

Page 5: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Estructura

• Separa el contenido y el diseño en HTML y CSS; aunque, como se ha dicho, depende de la plantilla que se esté usando. No obstante, el código que se intenta generar en las entradas apuesta por esta característica forzando (si así se elige) un marcado correcto.

• La gestión y ejecución corre a cargo del sistema de administración con los complementos y widgets que usan las plantillas.

Page 6: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Funcionalidades

• Fácil instalación, actualización y personalización.

• Actualización automática del sistema implementada en la versión 2.7.

• Múltiples autores o usuarios, junto con sus roles o perfiles que establecen distintos niveles de permisos (desde la versión 2.0).

• Sitios con varios blogs (a partir de la versión 1.6).

• Capacidad de crear páginas estáticas (a partir de la versión 1.5).

Page 7: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Funcionalidades

• Permite ordenar artículos8 y páginas estáticas en categorías, subcategorías y etiquetas.

• Cuatro estados por entrada: Publicado, Borrador, Esperando revisión (nuevo en WordPress 2.3) y Privado (solo usuarios registrados), además de uno adicional: Protegido con contraseña.

• Editor WYSIWYG (por sus siglas en inglés, «lo que ves es lo que tienes»), desde la versión 2.0.

• Publicación mediante correo electrónico.

Page 8: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Plantillas

Las plantillas o temas de WordPress son plantillas de diseño que sirven paraestablecer la apariencia y estructura de tu blog.

Hay una gran comunidad oficial, dedicada al diseño de estas plantillas que sesuelen listar en el sitio oficial de temas de WordPress una vez han sidocomprobadas y aprobadas oficialmente. Aunque la filosofía de WordPressapuesta por un marcado válido según las directrices del W3C, las posibilidadesson enormes y prácticamente permiten tener desde un simple blog hasta unCMS personalizado.

Page 9: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Widgets

WordPress incorpora un sistema de widgets para sus plantillas desde la versión2.2 que ofrece numerosas posibilidades y flexibilidad para el diseño yestructura de sus blogs. Si bien son sumamente útiles, no todos las plantillas losoportan.

Page 10: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Complementos (Plugins)

Hay un gran número de complementos que potencian el uso de WordPress más allá de un simple blog y que lo hacen un sistema flexible y prácticamente de propósito general.

Los complementos de WordPress se incorporaron en la versión 1.6.13 También conocidos como Plugin, son herramientas que extienden la funcionalidad del WordPress. Los hay gratuitos y de pago, y los comprobados y aprobados por WordPress se encuentran listados en la página oficial de plugins de WordPress

Page 11: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Creando un Blog

Acceder al Sitio Oficial de Wordpress

https://es.wordpress.com/

Page 12: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la
Page 13: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la
Page 14: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la
Page 15: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la
Page 16: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la
Page 17: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la
Page 18: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la
Page 19: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la
Page 20: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la
Page 21: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la
Page 22: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Trabajando con EntradasWordpress

Page 23: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la
Page 24: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Ver como se verá ya

publicado

Guardar los cambios

Cambiar la Imagen

Destacada

Page 25: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Añadir una nueva entrada

Page 26: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la
Page 27: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Añadir un nuevo objeto al cuerpo

de la entrada

Page 28: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Subir elemento desde la

computadora local

Añadir un elemento

usando la URL

Page 29: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Añadir un Video de YouTube a la EntradaWordpress

Page 30: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la
Page 31: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Copiar código

Page 32: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Seleccionar la vista HTML

antes de pegar el código del

video

Page 33: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

1. Ahora si pegar el código del

video

2. Regresar a la vista Normal de

Edición

Page 34: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Ya aparece el video en formato de reproducción

normal

Page 35: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Modo Administrador en WordpressWordpress

Page 36: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Dirección URL Blog

Agregamos/wp-admin

Page 37: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Dirección del modo Administrador

Page 38: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Páginas EstáticasWordpress

Page 39: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

Elemento del Menú Principal al que

pertenecerá

Estados posibles para la página

Page 40: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la

WidgetsWordpress

Page 41: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la
Page 42: Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las plantillas o temas de WordPress son plantillas de diseño que sirven para establecer la