Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las...
Transcript of Wordpressrbg.milibreta.com.mx/InformaticaUGC/Wordpress.pdf · 2018-04-14 · Plantillas Las...
![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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/1.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/2.jpg)
¿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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/3.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/4.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/5.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/6.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/7.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/8.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/9.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/10.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/11.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/12.jpg)
![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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/13.jpg)
![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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/14.jpg)
![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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/15.jpg)
![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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/16.jpg)
![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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/17.jpg)
![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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/18.jpg)
![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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/19.jpg)
![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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/20.jpg)
![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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/21.jpg)
![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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/22.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/23.jpg)
![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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/24.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/25.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/26.jpg)
![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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/27.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/28.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/29.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/30.jpg)
![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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/31.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/32.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/33.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/34.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/35.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/36.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/37.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/38.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/39.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/40.jpg)
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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/41.jpg)
![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](https://reader030.fdocumento.com/reader030/viewer/2022040203/5e85aea1ad0f05438312c434/html5/thumbnails/42.jpg)