wordpress y wampserbal.pntic.mec.es/larran1/telemática/prácticas...práctica guiada con wordpress...

14
1 Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web. Consisitirá en la instalación del servidor WAMP que incluye el servidor web Apache, la base de datos MySQL y PHP, los cuales permitirán ver en nuestro ordenador cualquier página web que hagamos sin subirla a un servidor. Como ejemplo de producto para crear páginas web y blogs instalaremos la apliación Wordpress para que la ejecute el servidor WAMP que hemos instalado, Wordpress es una página web ya hecha en la que te permiten cambiar el contenido Y para seguir prácticando, hay otros productos similares a WordPress que también tienen mucho éxito. Moodle (http://moodle.org /) Joomla (http://www.joomla.org/ ) y Drupal (http://drupal.org /) La instalación es similar a la de wordpress. Podrías descomprimirlo cada uno en una carpeta c:\wamp\www\moodle y c:\wamp\www\joomla y luego accederías desde el Firefox poniendo http://localhost/joomla ó http://localhost/moodle . Ambos sitios necesitan una base de datos en blanco como Wordpress, así que crearías una para sitio, por ejemplo BaseMoodlelLuis y BaseJoomlaLuis http://www.wampserver.com/en/ En mi caso que tengo WINXP elijo WAMP Server (32 bits & PHP 5.4) 2.2E Y lo descargo

Upload: votram

Post on 28-Sep-2018

221 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: WordPress y WAMPserbal.pntic.mec.es/larran1/telemática/Prácticas...Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web

1

Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web. Consisitirá en la instalación del servidor WAMP que incluye el servidor web Apache, la base de datos MySQL y PHP, los cuales permitirán ver en nuestro ordenador cualquier página web que hagamos sin subirla a un servidor. Como ejemplo de producto para crear páginas web y blogs instalaremos la apliación Wordpress para que la ejecute el servidor WAMP que hemos instalado, Wordpress es una página web ya hecha en la que te permiten cambiar el contenido Y para seguir prácticando, hay otros productos similares a WordPress que también tienen mucho éxito. Moodle (http://moodle.org/) Joomla (http://www.joomla.org/) y Drupal (http://drupal.org/) La instalación es similar a la de wordpress. Podrías descomprimirlo cada uno en una carpeta c:\wamp\www\moodle y c:\wamp\www\joomla y luego accederías desde el Firefox poniendo http://localhost/joomla ó http://localhost/moodle. Ambos sitios necesitan una base de datos en blanco como Wordpress, así que crearías una para sitio, por ejemplo BaseMoodlelLuis y BaseJoomlaLuis

http://www.wampserver.com/en/

En mi caso que tengo WINXP elijo WAMP Server (32 bits & PHP 5.4) 2.2E

Y lo descargo

Page 2: WordPress y WAMPserbal.pntic.mec.es/larran1/telemática/Prácticas...Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web

2

Y descargo este otro archive Visual C++

WARNING : You must install Visual C++ 2010 SP1 Redistributable Package x86 or

x64

VC10 SP1 vcredist_x86.exe 32 bits :

http://www.microsoft.com/download/en/details.aspx?id=8328

Primero instalo Visual C++

Page 3: WordPress y WAMPserbal.pntic.mec.es/larran1/telemática/Prácticas...Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web

3

Ahora instalo el WAMP que es Windows + Apache+ MySQL+PHP

He elegido el mozilla FireFox como navegador por defecto en vez del Explorer, y la

configuración de envío de correo por PHP por defecto que dejo la que viene, auque

podría poner el servidor saliente de mi cuenta de correo smtp

Page 4: WordPress y WAMPserbal.pntic.mec.es/larran1/telemática/Prácticas...Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web

4

Ahora en el símbolo inferior W pinchando el botón izquierdo, selecciono el menu.

Page 5: WordPress y WAMPserbal.pntic.mec.es/larran1/telemática/Prácticas...Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web

5

Page 6: WordPress y WAMPserbal.pntic.mec.es/larran1/telemática/Prácticas...Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web

6

Si pincho en www directory me lleva a la siguiente carpeta C:/wamp/www que por

defecto tiene dos ficheros index.php y testmysql.php y aquí es dónde debería meter

my página web, en mi caso la renombro y llamo paginaluis

Y ahora vamos al Firefox y escribimos en la barra de direcciones

http://localhost/paginaluis y veo mi página web

Luego voy a WordPress http://es.wordpress.org/

Page 7: WordPress y WAMPserbal.pntic.mec.es/larran1/telemática/Prácticas...Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web

7

Y descargo WordPress 3.4 en zip y lo descomprimo, y luego meto la carpeta

WordPress 3.4 en C:/wamp/www que es dónde leerá el servidor .

Abres el fichero C:/wamp/www/wordpress/readme.html y tienes las instrucciones a

seguir que te da WordPress, puedes echarlas un vistazo, pero lo explico ahora:

1. Creo una base de datos vacía. Voy a el icono W de WAMP y seleccionamos la

opción phpMyAdmin

Y creo mi base de datos que la llamo BaseWPluis y doy a crear

Page 8: WordPress y WAMPserbal.pntic.mec.es/larran1/telemática/Prácticas...Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web

8

Pincho en la columna de la izquierda la base de datos que acabo de crear

basewpluis

Page 9: WordPress y WAMPserbal.pntic.mec.es/larran1/telemática/Prácticas...Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web

9

En la opción del menú ���� Mas ���� Privilegios vemos los usuarios de la base de

datos, en nuestro caso esta el root que es superusuario

2. Abre el archivo wp-config-sample.php con un editor de texto plano y rellena

los datos de la conexión a tu base de datos.

3. Abre el archivo wp-config-sample.php con un editor de texto plano y rellena

los datos de la conexión a tu base de datos.

Lo abro en mi caso con WordPad y meto los datos:

<?php /** * Configuración básica de WordPress. * * Este archivo contiene las siguientes configuraci ones: ajustes de MySQL, prefijo de tablas, * claves secretas, idioma de WordPress y ABSPATH. Para obtener más información, * visita la página del Codex{@link http://codex.wordpress.org/Editing_wp-config.php Ed iting

Page 10: WordPress y WAMPserbal.pntic.mec.es/larran1/telemática/Prácticas...Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web

10

* wp-config.php} . Los ajustes de MySQL te los pro porcionará tu proveedor de alojamiento web. * * This file is used by the wp-config.php creation script during the * installation. You don't have to use the web site , you can just copy this file * to "wp-config.php" and fill in the values. * * @package WordPress */ // ** Ajustes de MySQL. Solicita estos datos a tu p roveedor de alojamiento web. ** // /** El nombre de tu base de datos de WordPress */ define('DB_NAME', ' basewpluis'); /** Tu nombre de usuario de MySQL */ define('DB_USER', ' root'); /** Tu contraseña de MySQL */ define('DB_PASSWORD', ''); //**no meto nada**// /** Host de MySQL (es muy probable que no necesites cambiarlo) */ define('DB_HOST', 'localhost'); /** Codificación de caracteres para la base de dat os. */ define('DB_CHARSET', 'utf8');

4. Guarda el archivo como wp-config.php .

Y ahora lo guardo como wp-config.php en el directorio raíz de WordPress

5. Abre http://tudominio.com/wp-admin/install.php en tu navegador. Con

esto deberán crearse las tablas necesarias para tu sitio. Si hay algún error, haz el

favor de revisar tu archivo wp-config.php y probar de nuevo. Si vuelve a fallar

visita los foros de soporte (en inglés) con todos los datos que puedas aportar.

En mi caso http://localhost/wordpress/wp-admin/install.php

Hola

¡Bienvenido al famoso proceso de instalación de WordPress de cinco minutos! Tal vez

quieras leer tranquilamente la Documentación del archivo Léeme. En caso contrario,

rellena los datos más abajo y en seguida estarás utilizando la plataforma de publicación

personal más potente y extensible del mundo.

Page 11: WordPress y WAMPserbal.pntic.mec.es/larran1/telemática/Prácticas...Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web

11

Información necesaria

Por favor, debes facilitarnos los siguientes datos. No te preocupes, siempre podrás

cambiar estos ajustes más tarde.

Meto el titulo del sitio, el password :1234 y meto mi correo

Y si todo va bien, nos sale el siguiente mensaje.

Page 12: WordPress y WAMPserbal.pntic.mec.es/larran1/telemática/Prácticas...Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web

12

Ahora vamos a http://localhost/wordpress/ y veríamos mi página pública

La parte privada es añadiendo localhost/wordpress/wp-admin

User:admin

Contraseña :1234

Page 13: WordPress y WAMPserbal.pntic.mec.es/larran1/telemática/Prácticas...Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web

13

Y ahora creo una nueva entrada como en un Blog, pero como administrador, y meto una

foto y texto, y luego lo publico.

Para que se vea el resultado accedemos a la parte pública que es

http://localhost/wordpress

Page 14: WordPress y WAMPserbal.pntic.mec.es/larran1/telemática/Prácticas...Práctica Guiada con WordPress y WAMP En esta práctica se instalará un entorno de desarrollo de páginas web

14

Y como ejemplo de lo que se puede hacer tenemos

http://www.cuadracasacapellan.com/

Agradecimiento a mi amigo Nacho Rodríguez por su colaboración y ayuda en este

articulo.