DESARROLLA TU BLOG O PÁGINA

Transcripción

1 1 DESARROLLA TU BLOG O PÁGINA WEB CON WORDPRESS Introducción a los sistema de gestión de contenidos. Instalación de Wordpress

2 PROGRAMA DEL TALLER Introducción a los sistemas de gestión de contenidos. Instalación de Wordpress Administración de Wordpress Entradas, páginas y enlaces. Widgets. Menús Ajustes Plantillas Instalación Personalización Edición de una plantilla HTML CSS Plugins Instalación y configuración 2

3 INTRODUCCIÓN A LOS SISTEMAS DE GESTIÓN DE CONTENIDOS Definición Son herramientas que permiten crear y mantener una web con facilidad. Se utilizan las siglas CMS para referirse a ellos que significan Content Management System. Trabajan con bases de datos. Estará compuesto por dos partes: la partes donde los administradores publican las informaciones y la parte donde los visitantes visualizan las mismas. 3

4 CARACTERÍSTICAS DE LOS CMS Requisito: servidor que permita la utilización de código PHP ya que la mayoría de estos gestores están definidos en este lenguaje y un sistema gestor de base de datos como MYSQL. Sin necesidad de tener conocimiento de programación ni de maquetación se puede diseñar una página web dinámica. Generalmente, son gratuitos. Agilizan las tareas relacionadas con la actualización y reestructuración. 4

5 EJEMPLOS DE CMS Wordpress Drupal Joomla Prestashop: CMS para tiendas online. Moodle: permite la administración de profesores y alumnos, aulas virtuales con toda la información del curso, creación, mantenimiento y publicación del material de un curso, exámenes Entre otro muchos más 5

6 CONCEPTOS BÁSICOS BASE DE DATOS: se podría definir como un almacen que nos permite guardar grandes cantidades de información de forma organizada para que luego podamos encontrar y utilizar fácilmente. SERVIDOR WEB: es un programa que procesa cualquier aplicación del lado del servidor realizando conexiones con el cliente generando una respuesta. SERVIDOR LOCAL: es un servidor que reside en nuestro propio ordenador. Es útil instalarlo cuando queremos probar nuestras propias aplicaciones y no tenemos un hosting contratado. También es útil para realizar pruebas. HOSTING o ALOJAMIENTO WEB: es el lugar donde los usuario de Internet pueden almacenar información, imágenes Si queremos tener una página web necesitamos de un alojamiento web donde alojarla. DOMINIO: es un nombre que está vinculado a una dirección física. Se usan para representar las direcciones de las páginas web. PHP: lenguaje de programación usado para desarrollar aplicaciones/páginas web. MYSQL: lenguaje usado para gestionar las bases de datos. APACHE: es un servidor web donde se ejecutan nuestras páginas web. 6

7 WORDPRESS Es un sistema de gestión de contenido (CMS) enfocado a la creación de blogs. Aunque actualmente también puedes crear páginas web estáticas y dinámicas. Tiene licencia GPL. No tienes que pagar para usarlo. Su fundador es Matt Mullenweg. 7

8 FUNCIONES DE WORDPRESS Fácil instalación y configuración. Facilidad a la hora de publicar contenido. Facilidad a la hora de crear, actualizar y gestionar contenido. Creación de entradas y páginas distribuyéndolas por categorías de manera factible. Permite comentarios por parte de otros usuarios. Gran cantidad de plugins gratuitos para instalar en nuestro blog. 8

9 INSTALACIÓN DE WORDPRESS Existe dos maneras de tener un blog con Wordpress: En la versión alojada en El nombre del dominio es gratuito en caso de elegir wordpress.com. Tienes restricciones como que no se puede modificar el código fuente y no podemos añadir nuevos plugins. La versión que puedes instalar en tu servidor ( El nombre de la página web sería el de tu dominio. Es necesario disponer de una base de datos en tu servidor. 9

10 WORDPRESS.COM VS WORDPRESS.ORG I Ventajas e inconvenientes de elegir una u otra, Empezaremos con la versión alojada en Wordpress.com Es gratuita. La instalación es muy fácil, no te tienes que preocupar de crear bases de datos, de subir el paquete por FTP No hace falta preocuparse por las actualizaciones y seguridad. No se puede añadir ninguna funcionalidad o plugin. No puedes tener copias de seguridad. Wordpress te puede cerrar el blog en caso de no cumplir las normas. 10

11 WORDPRESS.COM VS WORDPRESS.ORG II Wordpress.org: El paquete es gratuito pero no el hosting donde tendremos que alojarlo. Modificar el código fuente. Instalar nuevas funcionalidades/plugins. Instalar nuevos temas. Importante la elección del hosting, la velocidad del sitio puede bajar tus visitas a tu blog/página web. La instalación puede resultar más difícil si es la primera vez que lo haces. Aquí tú eres el encargado de crear una base de datos, crear los usuarios de la base de datos, y subir el paquete mediante un FTP a tu hosting. Todos estos pasos, no tienes que hacerlos en el wordpress.com Tenemos que realizar las actualizaciones de los plugins y de Wordpress para su correcto funcionamiento. 11

12 INSTALACIÓN DE WORDPRESS.COM II Veremos primero como crear un blog en la página de wordpress. Accedemos a es.wordpress.com Pulsamos sobre Crear sitio web 12

13 INSTALACIÓN DE WORDPRESS.COM III Registrarnos: correo electrónico, nombre de usuario, contraseña y dirección de blog. La dirección del blog: Al elegir esta forma de instalación, nuestro blog será nombredelblog.wordpress.com en caso de querer un blog de manera gratuita. Wordpress nos da la posibilidad de contratar un dominio si no queremos la palabra wordpress en el nombre de nuestro blog. 13

14 INSTALACIÓN DE WORDPRESS.COM IV Elegir el tipo de wordpress según nuestras necesidades: Wordpress principiante (gratuito) Incluye blog gratis, 3GB y ayuda vía comunidad. Wordpress premium Incluye blog gratis, dirección del sitio personalizada, 13GB, sin publicidad, diseño personalizado, videopress, ayuda via . Wordpress negocios Incluye ecommerce, blog gratis, dirección del sitio personalizada, espacio ilimitado, sin publicidad, diseño personalizado, videopress, temas premium ilimitado y ayuda vía chat. 14

15 INSTALACIÓN DE WORDPRESS.COM V Paso 1: Configurar el blog Título de blog (que ya incluímos anteriormente) Eslogan Idioma Paso 2: Escoger un tema Paso 3: Personalizar el tema Paso 4: Compartir tus entradas en las redes sociales Recuerda en confirmar tu correo electrónico para poder seguir configurando tu blog. Para poder acceder al administrador, pulsar sobre WP-ADMIN 15

16 INSTALACIÓN DE WORDPRESS.ORG I Ahora veremos como instalar el Wordpress en nuestro servidor. En este curso instalaremos un servidor local para poder utilizar wordpress. Accedemos a es.wordpress.org Descargar Wordpress 4.1 Descomprimimos el archivo, quedando de la siguiente manera Wordpress-4.1-es_ES/wordpress/ Dentro de wordpress, tendremos varias carpetas y archivos: wp-admin, wp-content, wp-includes Todos estos archivos son los que tendremos que añadir a nuestro servidor para instalar wordpress en nuestro dominio. 16

17 INSTALACIÓN DE WORDPRESS.ORG II Añadimos la carpeta wordpress a nuestro servidor mediante un FTP. 17

18 INSTALACIÓN DE WORDPRESS.ORG III Ahora para instalar Wordpress en nuestro sitio web, simplemente tendremos que escribir en nuestro navegador ess Aparecerá una página para empezar a instalar a Wordpress en nuestro servidor. 18

19 INSTALACIÓN DE WORDPRESS.ORG IV Como comentamos anteriormente, vamos a necesitar acceso a una base de datos (que nos proporciona nuestro hosting). Estos son los datos que necesitamos para instalar Wordpress en nuestro servidor. Nombre de la base de datos Nombre de usuario MYSQL Contraseña MYSQL Servidor de la base de datos (dejar por defecto localhost) Prefijo de la tabla (dejar por defecto wp_ salvo que en esa base de datos tengamos ya almacenado otro wordpress) Para conocer estos datos, tenemos que ir a nuestro hosting y comprobarlos. 19

20 INSTALACIÓN DE WORDPRESS.ORG V Datos de nuestra base de datos en nuestro hosting: Una vez introducimos los datos de la base de datos y pulsamos enviar se nos muestra el siguiente mensaje, por lo que pulsamos Ejecutar la instalación 20

21 INSTALACIÓN DE WORDPRESS.ORG VI El siguiente paso será introducir la información de nuestro sitio, y nombre de usuario y contraseña necesarios para iniciar sesión en nuestro blog. Tener activada esta opción Permitir que los motores de búsquedas indexen este sitio. Pulsamos Instalar Wordpress Instalación completada!! 21

22 INSTALACIÓN DE WORDPRESS.ORG VII Ahora hay que tener en cuentra que para visitar nuestro blog accederemos al enlace: wordpress/ Pero para gestionar nuestro blog, accederemos al enlace: wordpress/wp-login.php 22

23 CREAR UN SERVIDOR LOCAL REALIZAR NUESTRAS PRUEBAS I Para poder trabajar con Wordpress en este curso, vamos a instalar en nuestro ordenador un servidor local. Antes para instalar un servidor local, había que instalar Apache (servidor), PHP y MYSQL por separado. Ahora hay programas que traen todo integrado como AppServ o Xampp. Web para descargar Appserv Web para descargar Xampp 23

24 CREAR UN SERVIDOR LOCAL REALIZAR NUESTRAS PRUEBAS II Una vez instalado el programa, hay que ejecutar el Apache. Para probar si nos funciona el programa, abriremos un navegador y ponemos o localhost. 24

25 CREAR UN SERVIDOR LOCAL REALIZAR NUESTRAS PRUEBAS III FUNCIONA!! 25

26 CREAR UN SERVIDOR LOCAL REALIZAR NUESTRAS PRUEBAS IV Dónde añadimos nuestro paquete de Wordpress? Debemos buscar la carpeta xampp en el disco duro, y dentro de esta carpeta, una carpeta que puede llamarse htdocs o www. En el caso de este programa, se usa htdocs. Aquí dentro debemos poner nuestros documentos para que al poner en nuestro navegador coja los archivos correctos. Si ponemos , el programa va a buscar un documento llamado index.html o index.php salvo que le indiquemos otra ruta (por ejemplo: localhost/wordpress/) 26

27 PREPARAR EL SERVIDOR LOCAL PARA WORDPRESS I Primero ejecutamos Apache y Mysql 27

28 PREPARAR EL SERVIDOR LOCAL PARA WORDPRESS II Creamos una base de datos nueva: Accedemos a localhost/phpmyadmin desde un navegador Creamos una base de datos En usuarios creamos un usuario para asignárselo a la instalación de wordpress. 28

29 PREPARAR EL SERVIDOR LOCAL PARA WORDPRESS III Accedemos a la carpeta xampp->htdocs y añadimos el paquete de Wordpress que nos habíamos descargado. En el navegador, escribimos localhost/desarrollatublogconwordpress La instalación será idéntica a la que vimos en apartados anteriores. 29