Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress
Sonia Aguilar Lloret – 2º ASIR – IAW
1 de 16
Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress 1.- ¿QUÉ ES WORDPRESS? Es un programa que te permite crear un sitio web y publicar su contenido hacia internet. WordPress empezó en 2003 originalmente como una plataforma de blogging, pero con el tiempo ha ido evolucionando a un sistema de CMS (Content Management System) que funciona para crear prácticamente cualquier tipo de sitio Web. Gracias a su flexibilidad y el hecho de que es un software de código abierto, se ha transformado en la herramienta más poderosa y fácil de utilizar para crear página o blog. WordPress está disponible en su versión completa (WordPress.org) como un software descargable que se instala en un dominio con hospedaje propio. También está en una versión basada en la Web mucho más limitada (WordPress.com). Podemos decir que WordPress nunca tendrá un aspecto único, ya que existen millones de desarrolladores que cada día generan nuevo código. Un buen pensamiento para iniciar es pensar que “WordPress es lo que queramos que sea”.
Sonia Aguilar Lloret – 2º ASIR – IAW
2 de 16
Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress 2.- RECORRIDO POR WORDPRESS El WordPress se compone de dos áreas: • •
El Frontend: área pública de nuestro sitio web. El Backend: área de administración de nuestro sitio web.
Ambos son accesibles desde un navegador: •
Frontend: http://localhost/
•
Backend: http://localhost/wp-admin
El panel de control de WordPress es la página de inicio para cualquier cambio que queramos hacer en nuestro sitio web. Podemos ver cuantos artículos, páginas, comentarios tenemos en nuestro sitio. También podemos ver si está actualizado y la actividad que tiene nuestra web, así como controlar los comentarios, o saber cuales han sido las últimas entradas realizadas. Para navegar entre las diferentes opciones de nuestro panel de administración usaremos el menú de la izquierda, que está compuesto por tres secciones • Sección de escritorio y actualizaciones • Sección para crear contenidos • Área de funciones de wordpress En la parte superior está la barra de herramienta. El diseño de WordPress es responsive, lo que permite que los menú puedan ser colapsados (ocultados). Todas las opciones que modifiquemos se pueden almacenar y modificar posteriormente.
Sonia Aguilar Lloret – 2º ASIR – IAW
3 de 16
Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress 3.- BARRA DE HERRAMIENTAS La barra de herramientas se encuentra en la parte superior de la ventana y presenta aspectos diferentes dependiendo de dónde nos encontremos: - Desde el Frontend: Escritorio: nos permite ir al área del Backend Temas: nos permite modificar el tema o apariencia aplicado a nuestro sitio web Widgets: permite la instalación de pequeñas aplicaciones que añaden nuevas funcionalidades. Menús: La barra de herramientas es muy útil para navegar entre el área de administración y nuestro sitio web público, además de ayudarnos a realizar acciones rápidas. En la parte superior derecha podemos ver podremos ver el nombre de usuario y el icono de nuestro perfil. Al final veremos un icono de búsqueda interna que nos permite añadir el término de búsqueda que deseemos y lo buscará en todo el sitio web Al otro extremo de la barra de herramientas tendremos el logo de wordpress. Pulsando sobre él podemos consultar más información acerca de wordpress. La barra de herramientas se puede ocultar para que no sea visible desde el sitio web público. Para ello pulsamos en “Editar mi perfil” y desmarcamos la opción “Muestra la barra de herramientas en el sitio”.
Añadiendo plugings a nuestro wordpress es posible que nos aparezcan más opciones en nuestra barra de herramientas. Haciéndonos con las opciones de nuestra barra de herramientas podremos ahorrar mucho tiempo en la administración de nuestro sitio web.
Sonia Aguilar Lloret – 2º ASIR – IAW
4 de 16
Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress 4.- PERFIL DE USUARIO Al instalar nuestro sitio WordPress también estaremos creando un perfil de usuario. Este perfil de usuario es la cuenta del administrador del sitioweb. Un sitio web en wordpress puede tener muchos usuarios y cada uno una cuenta de perfil. Cuando hacemos un cambio en nuestro sitio este se traslada inmediatamente a nuestro sitio público. Podemos editar nuestro perfil de usuario desde dos sitios: - Desde la barra de herramientas dando clic sobre nuestro perfil en “Editar perfil” - Panel de control, usuarios, editar nuestro perfil Al editar nuestro perfil podremos: - Activar o desactivar el panel visual, lo que nos permite ver la entrada en el formato que nos podría mostrar un editor de texto. - Seleccionar el panel de colores de nuestra administración - Activar atajos de teclado - Activar el mostrar la barra de herramientas en el área pública o FrontEnd de nuestro sitio. - Opciones para poner nuestra información de usuario (No usar el usuario “admin”) • Nombre • Apellidos • Alias • Nombre público • Correo electrónico
- La siguiente información es la de nuestra información personal. El icono de nuestro perfil debemos crearlo a través de un sitio web llamado Gravatar. Está realacionado con un email que debe ser el mismo que tengamos en el sitio web para que se vincule - En las ultimas opciones podremos poner una autobiografía o alguna información que quereamos que se muestre. Tenemos que tener cuidado con no poner información que no queramos que sea pública. - Por último podemos cambiar la contraseña y confirmarla. Para guardar los cambios realizados sólo nos quedará pulsar sobre el botón “Actualizar perfil”.
Sonia Aguilar Lloret – 2º ASIR – IAW
5 de 16
Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress 5.- CONFIGURACIÓN GLOBAL La configuración global de nuestro sitio web la podemos encontrar en el menú Ajuste que aparece a la izquierda. Desde aquí podemos manejar todo el sitio web. Las opciones más importantes son: - Ajustes generales. Desde donde podemos gestionar • El nombre del sitio web o el eslogan así como la descripción corta que se muestra. • La dirección del sitio web • La dirección de correo electrónico relativo al sitio. • Quién se puede registrar en el sitio • Tipo de cuenta que tienen los usuarios registrados, por defecto suscriptor • La zona horaria • Formato de fecha y hora • Día en que comienza la semana • Idioma del sitio
- Ajustes de escritura:Nos permite establecer la opciones por defecto que encontraremos para la escritura. Desde aquí podemos gestionar: • Categoría predeterminada para las entradas por defecto • Formato de la entrada por defecto • Se puede añadir contenidos por email • Servicios de actualización. Al añadir un nuevo artículo lo notifica a los servidores a los que nosotros le indiquemos.
Sonia Aguilar Lloret – 2º ASIR – IAW
6 de 16
Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress - Ajustes de lectura: Definen como las personas ven nuestro sitio web. Tiene pocas opciones pero muy intuitivas. • Aspecto de nuestra página frontal • Número máximo de entradas • Visibilidad para los buscadores
- Comentarios: los usuarios que acceden a la página web pueden dejar en ella comentarios. Las opciones que por defecto tiene wordPress son muy acertadas por lo que no es neceario realizar grandes cambios. Los usuarios que comentan por primera vez este comentario debe ser aprobado antes de publicarse. En este apartado existen herramientas de moderación de los comentarios (lista negra, avatares, ...)
Ya sabemos como configurar las opciones generales de nuestro sitio web
Sonia Aguilar Lloret – 2º ASIR – IAW
7 de 16
Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress 6.- CREANDO ARTICULO WordPress fue incialmente concebido para la creación de blogs. Actualmente es un potente gestor de contenidos. Para crear un artículo disponemos de dos posibilidades: • Barra de Herramientas / Nuevo / Entrada • Menú de la izquierda / Entrada / Nueva entrada Así podremos añadir el título, el contenido completo, imágenes, videos, etc. Para editar texto tenemos una ventana de edición de texto muy similar a la de un procesador de texto. Desde el editor podemos añadir texto y cambiar su formato (negritas, cursivas,…) Este editor nos permite limpiar el formato a texto proviniente de editores como word (pegar texto plano). Cuando estemos satisfecho de como se ve el árticulo que hemos introducido, podemos pulsar sobre publicar. Desde WordPress se puede añadir contenido a nuestra página web de forma fácil, eficiente y rápido.
Sonia Aguilar Lloret – 2º ASIR – IAW
8 de 16
Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress 7.- FORMATO DE TEXTO Para dar el formato correcto al texto, WordPress trae muchas herramientas integradas.
Nos permite mostrar todas las opciones para dar formato a nuestro texto. Negrita Cursiva Subrayado Tachado Listas no ordenadas y listas ordenadas Citar texto y línea horizontal Alineación de texto Añadir enlace, eliminar enlace Etiqueta more. Sirve para partir el texto y que en la parte pública inicialmente sólo se muestre hasta donde está la etiqueta. Selector para dar formato a los subtítulos Justificar el texto Color del texto. No se debe usar ya que es la plantilla la que lo controla Pega texto plano proviniente de otro programa o procesador de texto Elimina el formato del texto
Sonia Aguilar Lloret – 2º ASIR – IAW
9 de 16
Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress Permite añadir caracteres especiales Permite establecer márgenes Herramientas deshacer y rehacer. Todos estos controles nos permiten actualizar nuestro sitio web de forma rápida y eficiente.
Sonia Aguilar Lloret – 2º ASIR – IAW
10 de 16
Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress 8.- ENLACES Para insertar un enlace en nuestra página web simplemente tendremos que seleccionar el texto que queramos que esté vinculado al enlace y pulsaremos el icono Nos abrirá una ventana como la siguiente:
Desde esta ventana podremos poner el texto del enlace, la URL con la queremos que enlace y si el enlace se realizará sobre una ventana nueva o sobre la misma ventana en la que tenemos nuestra web (en cuyo caso perderíamos la información de nuestro sitio). Si quisiéramos modificar el enlace podríamos pulsar sobre el mismo botón o bien podemos eliminarlo desde el botón de eliminar enlaces. Otra opción que nos ofrece la ventana anterior es poder realizar enlaces a contenidos o artículos ya existentes. Este tipo de enlaces nos ofrece la ventaja de que cualquier modificación realizada es reconocida por WordPress de forma que los enlaces se actualizan de forma automática.
Sonia Aguilar Lloret – 2º ASIR – IAW
11 de 16
Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress 9.- AÑADIENDO IMÁGENES En la web una imagen puede hacer nuestro mensaje más fácil de ser captado. WordPress ofrece diversas formas de almacenar, gestionar e incluir imágenes en nuestros artículos, así como para que se visualicen en nuestra web. Para insertar una imagen, desde la ventana de Editar entrada, colocamos el cursor donde queramos que se inserte la imagen y pulsamos en “Añadir objeto”
Nos aparecerá una ventana sobre la que podemos arrastar las imágenes o bien podremos pulsar en “Selecciona archivos” para indicar la imagen que deseamos poner. De esta forma la imagen se habrá subido a nuestro WordPress y quedará dentro del gestor de archivos, seleccionada automáticamente para ser incluida en nuestra entrada. En el lateral derecho de la pantalla nos aparecerán una ventana donde podremos especificar los detalles del adjunto: •
•
•
•
Titulo: debe ser coherente con la imagen. Por defecto WordPress le pone el nombre del archivos. Leyenda: Es un texto que aparece en la parte de abajo. Es opcional y puede llevar etiquetas html. Texto alternativo: Es el texto que se muestra si no es posible mostrar la imagen. Debe contener una descripción de la imagen. Descripción: Podemos colocar un texto descriptivo de nuestra imagen. WordPress puede mostrar todas las imágenes de forma individual mostrando también el contenido de este campo.
También podemos configurar los ajustes de la pantalla de adjuntos y así decidir cómo queremos que se muestre la imagen en nuestra entrada (alineación de la imagen, hacia dónde está enlazada y cual es su tamaño) Por último sólo nos queda pulsar sobre el botón “Insertar en la entrada”.
Sonia Aguilar Lloret – 2º ASIR – IAW
12 de 16
Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress Si regresamos al área de edición de la entrada podremos ver cómo ha quedado nuestra imagen dentro de la entrada:
Si necesitamos modificarla pulsamos sobre ella y nos aparecerán nuevas opciones que nos permitirán alienar la imagen (izquierda, centro y derecha), quitar la alineación, editar y eliminar la imagen.
Añadir imágenes en WordPress es relativamente sencillo. No hay que olvidar añadir un texto alternativo.
Sonia Aguilar Lloret – 2º ASIR – IAW
13 de 16
Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress 10.- GALERIA DE IMÁGENES En ocasiones podremos desear añadir una galería de imágenes en vez de una sóla imagen. De esta forma podemos añadir miniaturas de las imágenes que al pulsar nos abrirá la imagen a tamaño completo. Para insertar una galería de imágenes también pulsaremos sobre el botón “Añadir Objeto” de la ventana de edición de la entrada. En esta ocasión pulsaremos sobre la opción “Crear galería”. Posteriormente pulsaremos en “Seleccionar Archivos” y escogeremos todos los archivos que queramos formen parte de nuestra galería de imágenes. Todas las imágenes pasarán a formar parte de nuestra Biblioteca multimedia, y estarán todas marcadas. No debemos olvidar asignar un título y un texto alternativo y si lo deseo una descripción y una leyenda a cada una de ellas, tal y como hemos explicado en el capítulo anterior. A continuación pulsamos sobre crear una nueva galería. Desde aquí podemos ver todas las imágenes que hemos añadido, reorganizarlas, eliminarlas, ... Desde la zona de “Ajustes de galería” podemos cambiar el enlace de cada una de ellas, definir el número de columnas que deseamos, si deseamos que el orden sea aleatorio y el tamaño de las mismas. Por último pulsamos en el botón “Insertar galería”. Si por algún motivo deseamos modificar nuestra galería de imágenes pulsamos sobre ella en la ventana de edición de entradas.
Nos aparecerán los botones para editar y eliminar. Seleccionamos el de editar y realizamos las modificaciones que deseemos. Para ver nuestra galería tendremos que dar click en “Publicar” nuestro artículo y pulsar posteriormente en “Vista previa de los cambios”. Desde WordPress añadir galerías de imágenes se realiza de una forma fácil y muy rápida.
Sonia Aguilar Lloret – 2º ASIR – IAW
14 de 16
Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress 11.- ARCHIVOS EXTERNOS Además de añadir imágenes también podemos subir videos y otros tipos de ficheros. Ellos se muestran en los artículos, pero realmente no se muestran ahí. Lo que hay es un texto con la localización de los archivos (URL). Los archivos pueden localizarse en cualquier parte de internet Para hacer esto vamos a crear un nuevo artículo. Pulsamos en “Añadir objeto” y después en la opción “Añadir desde URL” y cumplimentamos los ajustes de la imagen.
Posteriormente pulsamos sobre
ya sólo nos queda publicar el artículo.
La diferencia entre esta forma de insertar imágenes y la que hemos comentado anteriormente es que esta imagen no aparece en las imágenes que hemos subido a nuestro wordpress. Esta imagen está fuera de nuestro sitio web. Otro tipo de ficheros que podemos enlazar son vídeos de youtube. Para insertar un vídeo de youtube solo tenemos que localizar el vídeo, ir a la opción Compartir que figura bajo él y copiar la url que nos muestra. Ahora sólo tendremos que copiar la URL dentro del editor de texto de la ventana de edición de entradas y publicar nuestra entrada
WorPress reconoce que es una url de youtube, por lo que la sustituye inmediatamente por el vídeo. Así de fácil se incorpora un video a nuestro sitio web.
Sonia Aguilar Lloret – 2º ASIR – IAW
15 de 16
Implantación de aplicaciones web Libro digital – Manejo del gestor de contenidos en WordPress 12.- INFORMACIÓN ADICIONAL WordPress nos permite asignar información extra a cada una de las entradas de nuestro sitio. Para ello en la ventana de edición de entradas nos aparece un panel en el lateral derecho. Lo primero que tenemos que hacer es asignar una categoría a nuestro artículo, esto lo haremos seleccionando de entre las categorías que hayamos creado o creando una nueva. Se pueden asignar una o varias categorías a un artículos. Asignamos las etiquetas. Para poner varias etiquetas las separamos por comas. También podemos asignarle una imagen destacada. Esta opción no siempre aparece, dependerá de la plantilla que hayamos seleccionado. Con esta opción nos permite poner una imagen dentro del artículo en un lugar muy destacado, quedando como encabezado del artículo en nuestro sitio web. Formatos del artículo: Estándar, audio, video, … Hay más opciones que tendremos que activar desde la cortinilla superior “Opciones de pantalla”:
El extracto sirve para añadir un resumen de lo que trata el artículo desde la vista de blog. Los trackbacks son una función avanzada que le permite notificar a un sitio web que le estás enlazando desde tu artículo. Los campos personalizados son una opción muy avanzada que depende de la plantilla que estemos usando. En cuanto a comentarios tenemos dos opciones, que nos permite habilitar o deshabilitar los comentarios. El slug es el título de nuestro artículo sin espacios ni símbolos. Los coloca wordpress automáticamente. Las revisiones nos permite ver cada revisión que hemos hecho de nuestro artículo. Son como una copia de seguridad. El autor. Es editable. Ya podemos publicar nuestro artículo con todas las modificaciones realizadas. Todas estas funciones son expansibles utilizados plugings de wordpress y modificables regresando al artículo y realizando los cambios que deseemos en cada momento.
Sonia Aguilar Lloret – 2º ASIR – IAW
16 de 16