Escolar Documentos
Profissional Documentos
Cultura Documentos
Bibliografa y webgrafa:
https://codex.wordpress.org/es:New_To_WordPress_-_Where_to_Start
https://es.wordpress.org
https://ayudawp.com/
https://www.webempresa.com/wordpress/que-es-wordpress.html
Libro: Implantacin de Aplicaciones Web Jorge Snchez Ed. Garceta.
1
1 Qu es un CMS?
CMS es la abreviatura de Content Management System: Sistema de Gestin de Contenidos. Se trata de un software
que facilita la creacin y la organizacin de los contenidos de un sitio web. Su objetivo es paliar las dificultades
que tiene crear sitios con contenidos numerosos y cambiantes en la web.
Si esos contenidos tienen que actualizarse a menudo, y pueden ser creados por diferentes personas que no es
necesario que tengan conocimientos tcnicos, entonces estamos obligados a utilizar un CMS.
Con un CMS, adems, podemos diferenciar entre los contenidos y la estructura del sitio web. La estructura:
mens, enlaces, cdigo, administracin de usuarios, etc. es lo que se conoce como back-end. La visin que tienen
los usuarios externos es lo que se conoce como front-end.
Actualizacin de contenidos ms rpida. Tiene que ver con la ventaja anterior, como es fcil aadir
contenidos el resultado es una web muy dinmica.
Facilidad para realizar el diseo. Los CMS proporcionan numerosas plantillas de aspecto profesional.
Adems, las plantillas se pueden personalizar si se tienen los conocimientos tcnicos necesarios.
Administracin de usuarios. Los CMS estn preparados para gestionar usuarios y grupos de usuarios, con
diferentes permisos y/o roles.
Adaptacin a la necesidad concreta. Hay CMS especializados en diferentes tareas: blog, plataforma
educativa, tienda on-line.
Consistencia visual. Gracias a los temas, los CMS construyen un armazn comn para los contenidos que
da ese aspecto profesional al sitio.
Facilidad para aadir nuevas funcionalidades. Gracias a las extensiones, o plugins, se pueden incluir
mdulos que aporten ms funcionalidad.
3 Vistas de un CMS
Back-end. Esta vista se reserva para los administradores. Mediante esta vista se generan los aspectos
ocultos al usuario, pero fundamentales en la gestin del CMS. Entre ellos estn:
o La organizacin de usuarios y grupos.
o La estructura fsica de los archivos y directorios del CMS
o La organizacin lgica de mens, enlaces y componentes
o Copias de seguridad
o Posicionamiento en buscadores
o Etc.
2
Lenguajes de Marcas y SGI CIFP La Laboral
Profesora: Ins Menndez
Front-end. Visin del sitio que tienen los visitantes y los usuarios registrados sin privilegios
administrativos.
4 Elementos de un CMS
Un CMS suele incorporar estos elementos:
Administrador de usuarios
Editor de contenidos, normalmente del tipo WYSIWG what you see is what you get (lo que ves es lo que
obtienes), aunque tambin se puede editar en HTML
Editor de mens, categoras o jerarquas
Editor y administrador de temas
Administrador de extensiones y plugins
Gestor de redes sociales
Gestor de taxonomas (para buscar en base a palabras clave)
Muchos CMS estn construidos en PHP y con la base de datos MySQL. Tambin hay CMSs construidos con Java,
Ruby on Rails, Python, .NET o Perl. Se utilizan tambin las bases de datos SQL Server, Oracle, PostgreSQL, SQLite
o DB2.
6 WordPress
6.1 Introduccin
WordPress es, a fecha de hoy, el CMS ms popular. Es gratuito y de cdigo abierto. Est construido en PHP y
utiliza mySQL como gestor de bases de datos.
Aunque WordPress es famoso como plataforma de blogging, realmente tiene el potencial suficiente como para
ser utilizado en casi todo tipo de sitios, desde una plataforma de informacin digital -tipo peridico-, un sitio
corporativo o una tienda virtual.
Gracias a su popularidad, dispone de una gran comunidad de desarrolladores que estn continuamente
aadiendo y actualizando plugins y temas, adems de generar una gran cantidad de recursos de aprendizaje,
como cursos y tutoriales, tanto presenciales como on-line y muchos de ellos gratuitos.
WordPress.com es un servicio de la empresa Automattic que permite que puedas crear un blog o web usando
WordPress (una versin del mismo) sin necesidad de contratar un hosting ni un dominio. Es por ello que todos
los blogs alojados en WordPress.com tienen como url nombredemiweb.wordpress.com
Si usas WordPress.com, estars generando tu pgina web en sus servidores: esa pgina siempre estar bajo su
control, si, por ejemplo, un da se decide cerrar el servicio, te habrs quedado sin pgina. Adems, tiene ciertas
limitaciones como que no es posible instalar Plugins y no es posible introducir publicidad. La ventaja es que es
gratuito, y no hay que contratar ningn tipo de hosting.
3
Por otra parte, puedes pensar en WordPress.org como un paquete de software que se cede de manera gratuita y
se puede instalar donde se quiera. Como ventajas cuenta con que se puede instalar cualquier tema: del
repositorio oficial o tambin de otros desarrolladores; se pueden usar Plugins, se puede insertar publicidad, y se
puede usar Google Analytics.
Pgina Page. Es fundamental diferenciar una pgina de un post. Una pgina es, normalmente, un
contenido esttico dentro del sitio. Las pginas no tienen asociada una fecha de publicacin ni aparecen
ordenadas por ella, como sucede con los posts. Los post se publican constantemente y van siendo
reemplazados por los post ms actuales. Es decir, presentan un contenido ms dinmico.
Pgina de inicio home page. Es la pgina que se muestra cuando el usuario accede al sitio web. Se
puede configurar de forma que muestre una pgina esttica o bien una pgina con los post.
Comentarios. Son textos que van incorporando los usuarios o lectores del sitio. Dan interactividad y uso
social a la web.
Categoras. Temas por los que se pueden organizar los contenidos de la web.
Etiquetas Tags. Palabras clave que se asignan a los post. Permiten encontrar los post asociados a dichas
palabras.
Mens. Se relacionan con los dos elementos anteriores y permiten organizar los contenidos del sitio.
Enlaces Links. En el caso de WordPress se suele hablar de links para referirse a los enlaces dentro de la
estructura del sitio y tambin a los que permiten acceder a direcciones externas.
Metadatos. Se trata de datos asociados a cada post que proporcionan informacin sobre el mismo y que
pueden ser tiles para generar taxonomas u otras labores de consulta. Son metadatos habituales: el
autor, la fecha de publicacin, etc.
Temas. Son formatos de maquetacin de la web para darle una estructura concreta. Hay muchos temas
gratuitos, por ejemplo, los disponibles en la direccin https://wordpress.org/themes, avalados por
WordPress. Algunos temas pueden incorporar cdigo daino, no es conveniente instalar temas de
procedencia dudosa. Hay muchos temas de pago, o Premium, muy configurables, y que deberamos
tener en cuenta si vamos a desarrollar un sitio profesional.
Widgets. Componentes visuales que podemos aadir a nuestra web. Pueden situarse, por ejemplo, en las
barras laterales. El nmero de widgets y su ubicacin son dependientes del tema utilizado.
4
Lenguajes de Marcas y SGI CIFP La Laboral
Profesora: Ins Menndez
Usuarios y roles. WordPress permite crear una serie de usuarios con diferentes roles, o sea, diferentes
permisos para realizar tareas de publicacin y edicin de contenidos. Al crear un usuario se le asigna un
determinado rol, asumiendo entonces todas las capacidades que el rol tiene asignadas.
[Si tienes otro sistema operativo, debers escoger la versin adecuada para el mismo]
Una vez obtenido el archivo de instalacin de XAMPP, hay que hacer doble clic sobre l para ponerlo en marcha.
Las imgenes que se muestran a continuacin corresponden a la instalacin de XAMPP 7.0.13 en Windows 8.
Bsicamente aceptamos las opciones por defecto.
5
Esta cuestin aparece si est activado el Control de Cuentas de Usuario y recuerda que algunos directorios tienen
permisos restringidos:
Seleccionamos nicamente estos componentes para instalar, el resto no nos hacen falta:
Elegimos la carpeta donde se instalar el programa, la que se propone por defecto est bien (y pulsamos Next):
6
Lenguajes de Marcas y SGI CIFP La Laboral
Profesora: Ins Menndez
Instalando
7
6.4.3 El panel de control de Xampp
El panel de control de XAMPP se divide en tres zonas:
la zona de mdulos, que indica para cada uno de los mdulos de XAMPP: si est instalado como servicio,
su nombre, el identificador de proceso, el puerto utilizado e incluye unos botones para iniciar y detener
los procesos, administrarlos, editar los archivos de configuracin y abrir los archivos de registro de
actividad
la zona de notificacin, en la que XAMPP informa del xito o fracaso de las acciones realizadas
la zona de utilidades, para acceder rpidamente
Para cerrar el panel de control de XAMPP hay que hacer clic en el botn Quit (al cerrar el panel
de control no se detienen los servidores para eso utilizar el botn Start)
8
Lenguajes de Marcas y SGI CIFP La Laboral
Profesora: Ins Menndez
9
Puede ser necesario indicar el usuario y contrasea configurados durante la instalacin de Xampp (o bien indicar
usuario root y sin contrasea, si no se han realizado los ajustes de seguridad recomendados para Xampp).
Creamos una nueva cuenta de usuario, y una base de datos con el mismo nombre y donde el nuevo usuario tiene
todos los privilegios. Sern el usuario y la base de datos que utilizaremos para nuestro WordPress.
10
Lenguajes de Marcas y SGI CIFP La Laboral
Profesora: Ins Menndez
11
Escribir en el navegador: http://localhost/primerwordpress y pulsar el botn Vamos a ello!
12
Lenguajes de Marcas y SGI CIFP La Laboral
Profesora: Ins Menndez
13
Tras pulsar el botn Acceder entramos con el usuario que creamos antes, que es el administrador, as que se abre
el panel de control:
14
Lenguajes de Marcas y SGI CIFP La Laboral
Profesora: Ins Menndez
Es importante tener en cuenta que si vemos algo como esto: nos indica que estamos
conectados con el usuario alumnoweb. Si pulsamos vemos las opciones:
NOTA:
Es posible que las versiones de XAMPP y de WordPress disponibles actualmente para descarga no
coincidan con las del documento, pero el proceso de instalacin y puesta en marcha es el mismo.
Con fecha 25 de marzo de 2017, la versin de WordPress en espaol disponible para la descarga es la 4.7.3
NOTA: estas indicaciones se realizaron en marzo de 2017, es posible que el sitio web haya cambiado
de aspecto, pero los pasos a seguir sern similares.
15
Para crear la nueva cuenta, completamos los datos del formulario
16
Lenguajes de Marcas y SGI CIFP La Laboral
Profesora: Ins Menndez
Marcamos la casilla de los trminos y condiciones y la poltica de privacidad y pulsamos Completar orden.
Vamos a configurar nuestro hosting. Una vez en esta pantalla, yo recomiendo escoger Subdominio gratuito.
Podemos elegir de la lista desplegable y completar el nombre de nuestro sitio al gusto siempre que no est
ocupado ya, claro.
17
Por ejemplo, yo voy a escoger pruebamarcas1.esy.es
18
Lenguajes de Marcas y SGI CIFP La Laboral
Profesora: Ins Menndez
El paso siguiente es ir a nuestra cuenta, pulsando sobre el botn en color rojo, y buscar en el apartado Sitio web
el Instalador Automtico
19
Pulsamos el enlace, y vemos que ha funcionado:
El paso siguiente es, en la misma URL, aadir /wp-admin para entrar en el back-end de nuestro Primer WordPress
20
Lenguajes de Marcas y SGI CIFP La Laboral
Profesora: Ins Menndez
Desde este panel, el llamado back-end de WordPress, se pueden realizar todas las tareas administrativas:
6.8 Temas
El apartado ms importante de la pestaa Apariencia son los Temas.
Desde aqu podremos gestionar el tema de nuestro sitio aadiendo o eliminando temas, y
tambin podremos activar el tema deseado entre los que hemos instalado.
6.9 Plugins
Los plugins de WordPress son aplicaciones creadas para dar ms capacidades al propio WordPress.
21
6.10 Usuarios de WordPress
Uno de los temores de cualquier administrador de un blog es la configuracin de usuarios o, en su defecto, tener
que administrar y alimentar l mismo todo el blog con contenidos nuevos generados por otros en su
ordenador, y todo lo que esto conlleva de trabajo posterior de ajustes de cdigo, etc.
Con el sistema de perfiles y permisos se puede dar acceso al panel de administracin a cuantos usuarios se desee
y configurar exactamente a qu funciones podrn acceder.
Suscriptor, que son usuarios que pueden acceder a contenidos privados o solo para suscriptores. Es un
perfil ideal para webs donde se permita solo el acceso a los contenidos a usuarios registrados, capacidad
que se habilita tambin en el panel de administracin
Colaborador es cualquier usuario que pueda escribir nuevos artculos y noticias, y modificarlos. Cualquier
contenido nuevo no se publica directamente, sino que requiere aprobacin de un administrador. Ideal
para blogs con muchos colaboradores y que requieran de un nivel mnimo de calidad en las nuevas
entradas.
Autor es otro perfil de colaborador, pero este puede publicar directamente sus escritos.
Editor es casi un administrador que, salvo las funciones propias del administrador (instalaciones,
modificacin de plantillas, plugins, etc) puede gestionar artculos y noticias de cualquier otro usuario.
Sera el Redactor Jefe si utilizamos una analoga periodstica.
Administrador es el jefe, the boss. Tiene acceso a todo en el blog y es quien recibe en su correo las
notificaciones de los eventos que se sucedan (nuevos comentarios, contacto, actualizaciones, etc.). Es el
encargado de las actualizaciones, instalacin de plugins, cambio de plantillas y configuracin.
Estos tutoriales tratan de una versin ms antigua de WordPress, pero los he elegido igualmente porque
considero que explican los conceptos bsicos de forma muy clara y concisa.
Consulta en este documento los puntos que han cambiado entre tu versin y la de los video-tutoriales.
Sobre la instalacin primerwordpress, ir realizando todas las actividades de los videos, as aprenders los
conceptos de:
Temas
Entradas o post
Pginas estticas
Mens
Widgets
Plugins
Comentarios
22
Lenguajes de Marcas y SGI CIFP La Laboral
Profesora: Ins Menndez
Recuerda:
Poner en marcha el servidor local:
http://localhost/primerwordpress/wp-admin
https://es.wordpress.org/themes/adventure-journal/
23
2. Despes pulsar Instalar ahora, y en la siguiente pantalla Activar
Por supuesto, puedes utilizar el sitio primerwordpress para realizar las pruebas que consideres oportunas.
24
Lenguajes de Marcas y SGI CIFP La Laboral
Profesora: Ins Menndez
Inscrbete en el curso, es gratuito. Previamente debes haberte registrado en la plataforma Udemy (advierto que
Udemy enva bastante publicidad al correo).
Puedes echar un vistazo a las secciones 1, 2 y 3 del curso, pero lo que realmente nos interesa comienza en la
seccin 4: Desarrollo de sitios web con WordPress, en concreto desde la clase 9: Conociendo WordPress.
Para seguir estos tutoriales, instala otro WordPress en tu mquina virtual local, llama a este nuevo sitio, por
ejemplo, segundowordpress, el ttulo del sitio ser Veterinalia
Tras finalizar esta serie de video-tutoriales, estars preparado/a para realizar la tarea del trimestre.
10 Nota final
En este tema se ha pretendido dar una visin general de WordPress, y unas indicaciones para su instalacin,
tanto en una mquina local como en un hosting. Todos los temas y conceptos tratados se ven con detalle en los
tutoriales indicados. Es conveniente practicar creando un par de sitios de WordPress siguiendo los tutoriales,
puede ser en local en una mquina virtual y/o en el hosting.
En los tutoriales se describen otras formas de instalacin de WordPress en una mquina local, y tambin
otros hostings.
Puedes usar otros programas para la instalacin en local, si lo prefieres, o bien si utilizas otro sistema
operativo, o si cuentas con un servidor web.
NO es necesario adquirir ningn dominio ni hosting de pago, se recomienda utilizar el hosting gratuito
Hostinger, pero puedes utilizar cualquier otro de tu eleccin, gratuito o de pago. En ningn caso se
exigir la instalacin en un hosting de pago.
25