Libro digital WordPress I

download Libro digital WordPress I

If you can't read please download the document

description

Guía rápida wordpress I - Trabajo de clase

Transcript of Libro digital WordPress I

Sistema de Gestin de Base de Datos

Implantacin de aplicaciones web

Libro digital Manejo del gestor de contenidos en WordPress

Sonia Aguilar Lloret 2 ASIR IAW de

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 prcticamente cualquier tipo de sitio Web.

Gracias a su flexibilidad y el hecho de que es un software de cdigo abierto, se ha transformado en la herramienta ms poderosa y fcil de utilizar para crear pgina o blog.WordPress est disponible en su versin completa (WordPress.org) como un software descargable que se instala en un dominio con hospedaje propio. Tambin est en una versin basada en la Web mucho ms limitada (WordPress.com).Podemos decir que WordPress nunca tendr un aspecto nico, ya que existen millones de desarrolladores que cada da generan nuevo cdigo.Un buen pensamiento para iniciar es pensar que WordPress es lo que queramos que sea.

2.- RECORRIDO POR WORDPRESS

El WordPress se compone de dos reas:

El Frontend: rea pblica de nuestro sitio web.

El Backend: rea de administracin 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 pgina de inicio para cualquier cambio que queramos hacer en nuestro sitio web. Podemos ver cuantos artculos, pginas, comentarios tenemos en nuestro sitio. Tambin 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 administracin usaremos el men de la izquierda, que est compuesto por tres seccionesSeccin de escritorio y actualizaciones

Seccin para crear contenidos

rea de funciones de wordpress

En la parte superior est la barra de herramienta.

El diseo 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.

3.- BARRA DE HERRAMIENTAS

La barra de herramientas se encuentra en la parte superior de la ventana y presenta aspectos diferentes dependiendo de dnde nos encontremos:

- Desde el Frontend:

Escritorio: nos permite ir al rea del BackendTemas: nos permite modificar el tema o apariencia aplicado a nuestro sitio webWidgets: permite la instalacin de pequeas aplicaciones que aaden nuevas funcionalidades.Mens:

La barra de herramientas es muy til para navegar entre el rea de administracin y nuestro sitio web pblico, adems de ayudarnos a realizar acciones rpidas.

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 bsqueda interna que nos permite aadir el trmino de bsqueda 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 ms informacin acerca de wordpress.

La barra de herramientas se puede ocultar para que no sea visible desde el sitio web pblico. Para ello pulsamos en Editar mi perfil y desmarcamos la opcin Muestra la barra de herramientas en el sitio.

Aadiendo plugings a nuestro wordpress es posible que nos aparezcan ms opciones en nuestra barra de herramientas.

Hacindonos con las opciones de nuestra barra de herramientas podremos ahorrar mucho tiempo en la administracin de nuestro sitio web.

4.- PERFIL DE USUARIO

Al instalar nuestro sitio WordPress tambin 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 pblico.

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 podra mostrar un editor de texto.- Seleccionar el panel de colores de nuestra administracin- Activar atajos de teclado- Activar el mostrar la barra de herramientas en el rea pblica o FrontEnd de nuestro sitio.

- Opciones para poner nuestra informacin de usuario (No usar el usuario admin)Nombre

Apellidos

Alias

Nombre pblico

Correo electrnico

- La siguiente informacin es la de nuestra informacin personal. El icono de nuestro perfil debemos crearlo a travs 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 autobiografa o alguna informacin que quereamos que se muestre. Tenemos que tener cuidado con no poner informacin que no queramos que sea pblica.- Por ltimo podemos cambiar la contrasea y confirmarla.

Para guardar los cambios realizados slo nos quedar pulsar sobre el botn Actualizar perfil.

5.- CONFIGURACIN GLOBALLa configuracin 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 ms importantes son:- Ajustes generales. Desde donde podemos gestionarEl nombre del sitio web o el eslogan as como la descripcin corta que se muestra.

La direccin del sitio web

La direccin de correo electrnico relativo al sitio.

Quin 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

Da 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:Categora predeterminada para las entradas por defecto

Formato de la entrada por defecto

Se puede aadir contenidos por email

Servicios de actualizacin. Al aadir un nuevo artculo lo notifica a los servidores a los que nosotros le indiquemos.

- Ajustes de lectura: Definen como las personas ven nuestro sitio web. Tiene pocas opciones pero muy intuitivas.Aspecto de nuestra pgina frontal

Nmero mximo de entradas

Visibilidad para los buscadores

- Comentarios: los usuarios que acceden a la pgina 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 moderacin de los comentarios (lista negra, avatares, ...)

Ya sabemos como configurar las opciones generales de nuestro sitio web

6.- CREANDO ARTICULO

WordPress fue incialmente concebido para la creacin de blogs. Actualmente es un potente gestor de contenidos.

Para crear un artculo disponemos de dos posibilidades:Barra de Herramientas / Nuevo / Entrada

Men de la izquierda / Entrada / Nueva entrada

As podremos aadir el ttulo, el contenido completo, imgenes, videos, etc.Para editar texto tenemos una ventana de edicin de texto muy similar a la de un procesador de texto.

Desde el editor podemos aadir 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 aadir contenido a nuestra pgina web de forma fcil, eficiente y rpido.

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 lnea horizontal

Alineacin de texto

Aadir enlace, eliminar enlace

Etiqueta more. Sirve para partir el texto y que en la parte pblica inicialmente slo se muestre hasta donde est la etiqueta.

Selector para dar formato a los subttulos

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

Permite aadir caracteres especiales

Permite establecer mrgenes

Herramientas deshacer y rehacer.

Todos estos controles nos permiten actualizar nuestro sitio web de forma rpida y eficiente.

8.- ENLACES

Para insertar un enlace en nuestra pgina 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 perderamos la informacin de nuestro sitio).

Si quisiramos modificar el enlace podramos pulsar sobre el mismo botn o bien podemos eliminarlo desde el botn de eliminar enlaces.

Otra opcin que nos ofrece la ventana anterior es poder realizar enlaces a contenidos o artculos ya existentes. Este tipo de enlaces nos ofrece la ventaja de que cualquier modificacin realizada es reconocida por WordPress de forma que los enlaces se actualizan de forma automtica.

9.- AADIENDO IMGENES

En la web una imagen puede hacer nuestro mensaje ms fcil de ser captado.

WordPress ofrece diversas formas de almacenar, gestionar e incluir imgenes en nuestros artculos, 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 Aadir objeto

Nos aparecer una ventana sobre la que podemos arrastar las imgenes 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 automticamente para ser incluida en nuestra entrada.

En el lateral derecho de la pantalla nos aparecern 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 descripcin de la imagen.

Descripcin: Podemos colocar un texto descriptivo de nuestra imagen. WordPress puede mostrar todas las imgenes de forma individual mostrando tambin el contenido de este campo.

Tambin podemos configurar los ajustes de la pantalla de adjuntos y as decidir cmo queremos que se muestre la imagen en nuestra entrada (alineacin de la imagen, hacia dnde est enlazada y cual es su tamao)Por ltimo slo nos queda pulsar sobre el botn Insertar en la entrada.

Si regresamos al rea de edicin de la entrada podremos ver cmo ha quedado nuestra imagen dentro de la entrada:

Si necesitamos modificarla pulsamos sobre ella y nos aparecern nuevas opciones que nos permitirn alienar la imagen (izquierda, centro y derecha), quitar la alineacin, editar y eliminar la imagen.

Aadir imgenes en WordPress es relativamente sencillo. No hay que olvidar aadir un texto alternativo.

10.- GALERIA DE IMGENES

En ocasiones podremos desear aadir una galera de imgenes en vez de una sla imagen. De esta forma podemos aadir miniaturas de las imgenes que al pulsar nos abrir la imagen a tamao completo.

Para insertar una galera de imgenes tambin pulsaremos sobre el botn Aadir Objeto de la ventana de edicin de la entrada.

En esta ocasin pulsaremos sobre la opcin Crear galera. Posteriormente pulsaremos en Seleccionar Archivos y escogeremos todos los archivos que queramos formen parte de nuestra galera de imgenes.

Todas las imgenes pasarn a formar parte de nuestra Biblioteca multimedia, y estarn todas marcadas. No debemos olvidar asignar un ttulo y un texto alternativo y si lo deseo una descripcin y una leyenda a cada una de ellas, tal y como hemos explicado en el captulo anterior.

A continuacin pulsamos sobre crear una nueva galera. Desde aqu podemos ver todas las imgenes que hemos aadido, reorganizarlas, eliminarlas, ...

Desde la zona de Ajustes de galera podemos cambiar el enlace de cada una de ellas, definir el nmero de columnas que deseamos, si deseamos que el orden sea aleatorio y el tamao de las mismas.

Por ltimo pulsamos en el botn Insertar galera.

Si por algn motivo deseamos modificar nuestra galera de imgenes pulsamos sobre ella en la ventana de edicin de entradas.

Nos aparecern los botones para editar y eliminar. Seleccionamos el de editar y realizamos las modificaciones que deseemos.

Para ver nuestra galera tendremos que dar click en Publicar nuestro artculo y pulsar posteriormente en Vista previa de los cambios.

Desde WordPress aadir galeras de imgenes se realiza de una forma fcil y muy rpida.

11.- ARCHIVOS EXTERNOS

Adems de aadir imgenes tambin podemos subir videos y otros tipos de ficheros. Ellos se muestran en los artculos, pero realmente no se muestran ah. Lo que hay es un texto con la localizacin de los archivos (URL). Los archivos pueden localizarse en cualquier parte de internet

Para hacer esto vamos a crear un nuevo artculo.

Pulsamos en Aadir objeto y despus en la opcin Aadir desde URL y cumplimentamos los ajustes de la imagen.

Posteriormente pulsamos sobre ya slo nos queda publicar el artculo.

La diferencia entre esta forma de insertar imgenes y la que hemos comentado anteriormente es que esta imagen no aparece en las imgenes que hemos subido a nuestro wordpress. Esta imagen est fuera de nuestro sitio web.

Otro tipo de ficheros que podemos enlazar son vdeos de youtube. Para insertar un vdeo de youtube solo tenemos que localizar el vdeo, ir a la opcin Compartir que figura bajo l y copiar la url que nos muestra. Ahora slo tendremos que copiar la URL dentro del editor de texto de la ventana de edicin de entradas y publicar nuestra entrada

WorPress reconoce que es una url de youtube, por lo que la sustituye inmediatamente por el vdeo. As de fcil se incorpora un video a nuestro sitio web.

12.- INFORMACIN ADICIONAL

WordPress nos permite asignar informacin extra a cada una de las entradas de nuestro sitio. Para ello en la ventana de edicin de entradas nos aparece un panel en el lateral derecho.

Lo primero que tenemos que hacer es asignar una categora a nuestro artculo, esto lo haremos seleccionando de entre las categoras que hayamos creado o creando una nueva. Se pueden asignar una o varias categoras a un artculos.

Asignamos las etiquetas. Para poner varias etiquetas las separamos por comas.

Tambin podemos asignarle una imagen destacada. Esta opcin no siempre aparece, depender de la plantilla que hayamos seleccionado. Con esta opcin nos permite poner una imagen dentro del artculo en un lugar muy destacado, quedando como encabezado del artculo en nuestro sitio web.

Formatos del artculo: Estndar, audio, video,

Hay ms opciones que tendremos que activar desde la cortinilla superior Opciones de pantalla:

El extracto sirve para aadir un resumen de lo que trata el artculo desde la vista de blog.Los trackbacks son una funcin avanzada que le permite notificar a un sitio web que le ests enlazando desde tu artculo.Los campos personalizados son una opcin 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 ttulo de nuestro artculo sin espacios ni smbolos. Los coloca wordpress automticamente. Las revisiones nos permite ver cada revisin que hemos hecho de nuestro artculo. Son como una copia de seguridad.El autor. Es editable.

Ya podemos publicar nuestro artculo con todas las modificaciones realizadas.

Todas estas funciones son expansibles utilizados plugings de wordpress y modificables regresando al artculo y realizando los cambios que deseemos en cada momento.