Utilizamos cookies propias y de terceros. [Más información sobre las cookies].
Política de cookies
Proyecto AjpdSoft

· Inicio
· Buscar
· Contactar
· Cookies
· Descargas
· Foros
· Historia
· Nosotros
· Temas
· Top 10
· Trucos
· Tutoriales
· Wiki

WordPress: Montar un servidor web y un sitio web en Windows 7 con XAMPP y WordPress
CMS, ECM, Gestor de contenidos web


Os explicamos paso a paso cómo montar un servidor web en un equipo con Microsoft Windows 7. Mostramos cómo configurar un equipo para hacerlo servidor web y montar nuestro propio sitio o página web. Para ello utilizaremos: Microsoft Windows 7, XAMPP (con PHPApache y MySQL) y WordPress 4.1.1. Explicamos cómo realizar algunas tareas de administración y configuración como la creación de menús en WordPress.



Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

En primer lugar, para preparar nuestro equipo y hacerlo servidor web, necesitaremos:

  • Apache: servidor web HTTP gratuito y open source.
  • PHP: lenguaje de programación interpretado, diseñado para la creación de páginas web dinámicas. Se usa principalmente para la interpretación del lado del servidor (server-side scripting).
  • MySQL Server: motor de base de datos, en nuestro caso será necesario pues utilizaremos WordPress como CMS (Content Management System ó Sistema de gestión de contenidos) y Wordpress requiere de un motor de base de datos donde alojar sus tablas y registros.

Los componentes anteriores los podemos instalar por separado, accediendo la los sitios web de cada componente, descargándolo e instalándolo. Tras la instalación habría que configurar Apache para "enlazarlo" con MySQL.

La ventaja de utilizar XAMPP es que esta utilidad instala de forma automática Apache, PHP y MySQL Server. Además, deja configurados los correspondientes enlaces entre Apache y MySQL.

Así pues accederemos a la siguiente URL para descargar XAMPP:

https://www.apachefriends.org/index.html

En nuestro caso usaremos la versión 5.5.19 de XAMPP que incluye:

  • Apache 2.4.10.
  • PHP 5.6.3.
  • MySQL 5.6.21.
  • phpMyAdmin 4.2.11.

Así pues descargaremos el fichero xampp-win32-5.6.3-0-VC11-installer.exe de 143 MB:

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Indicaremos la ubicación del archivo a descargar en el navegador:

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Una vez descargado, puesto que estamos en Microsoft Windows 7, para ejecutar el fichero de instalación, pulsaremos con el botón derecho del ratón sobre el fichero, en el menú emergente que aparece seleccionamos "Ejecutar como administrador":

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Si tenemos activado UAC (Control de cuentas de usuario) pulsaremos "Sí" en el mensaje de aviso:

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Con el texto: ¿Desea permitir que este programa realice cambios en el equipo?

Antes de iniciar el asistente de instalación nos saldrá el siguiente mensaje de advertencia de la propia instalación, pulsaremos "Yes":

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Ahora se iniciará el asistente de instalación de XAMPP v5.5.19, pulsaremos "Next":

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Marcaremos los componentes de XAMPP a instalar, necesarios para hacer funcionar WordPress en nuestra máquina: Apache, MySQL, PHP, phpMyAmin:

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Indicaremos la carpeta de instalación del paquete, en nuestro caso "C:/xampp" y pulsaremos "Next":

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

En la siguiente pantalla desmarcaremos la opción "Learn more about Bitnami for XAMMP" como podemos observar en la imagen, y pulsamos "Next":

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Pulsaremos "Next" para iniciar la instalación:

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

El asistente de instalación de XAMPP iniciará la copia de los archivos necesarios para el correcto funcionamiento de Apache, MySQL, PHP, phpMyAmin:

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Tras la instalación, el asistente nos ofrece la posibilidad de iniciar el Panel de Control de XAMPP, para ello marcaremos la opción "Do yo want to start the Control Panel now?" y pulsaremos "Finish":

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Y se nos abrirá el Panel de Control de XAMPP, como podemos observar en la imagen los servicios de Apache y MySQL están detenidos, para iniciarlos pulsaremos en "Start" tanto para el servicio de Apache como para el de MySQL:

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Una vez que hayamos pulsado el botón Start de los dos servicios, estos cambiarán su estado Start por Stop, si todo va bien, nos aparecerán los servicios Apache y MySQL remarcados en verde, indicando que todo está correcto, como podemos observar en la siguiente imagen:

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Con esta acción conseguiremos arrancar los servicios de Apache y MySQL, pero cada vez que reiniciemos nuestro PC o lo apaguemos y pongamos en marcha, tendremos que realizar la misma acción para tener activos los servicios. Para evitar esto XAMPP nos ofrece la posibilidad de instalar los servicios de manera permanente, si así lo deseamos. Para ello debemos volver a parar los servicios de Apache y MySql, una vez parados, pulsamos el botón con una "X" que hay al lado de la palabra "MySQL" y confirmamos la instalación del servicio pulsando "Yes":

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Si todo ha ido bien en el panel de control de de XAMPP observaremos que el botón de Apache ha cambiado su estado por el que mostramos en la siguiente imagen:

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Ahora realizamos el mismo proceso con MySQL pulsamos el botón con una "X" que hay al lado de la palabra "MySQL" y confirmamos la instalación del servicio pulsando "Yes":

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Si todo ha ido bien en el panel de control de de XAMPP observaremos que el botón de MySQL ha cambiado su estado por el que mostramos en la siguiente imagen:

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Para comprobar que todo funciona perfectamente, podremos abrir cualquier navegador web, como Chrome, y acceder a la siguiente URL:

http://localhost

Nos mostrará una página como la siguiente, en la que la primera vez que accedamos a ella, XAMPP nos pide que elijamos idioma, en nuestro caso seleccionaremos "Español":

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Una vez que hemos seleccionado un idioma, se nos muestra el panel de administración vía web de XAMPP:

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

Para cercionarmos de que funciona todo correctamente, pulsamos sobre "Estado" y observaremos el estado en el que se encuentran todos los componentes que hemos instalado:

Descarga e instalación de XAMPP (Apache, PHP, MySQL y phpMyAdmin)

 

Descarga e instalación del CMS WordPress 4.1.1

Una vez preparado el equipo e instalados los servicios de servidor web, descargaremos los ficheros necesarios para instalar WordPress en nuestro servidor web. Para ello abriremos cualquier navegador web, como Chrome, y accederemos a la siguiente URL:

https://es.wordpress.org

Pulsaremos en "Descargar WordPress 4.1.1.zip-6.8 MB":

Descarga e instalación del CMS WordPress 4.1.1

Indicaremos dónde queremos guardar el fichero wordpress-4.1.1-es_ES.zip de 6.8 MB que se descargará:

Descarga e instalación del CMS WordPress 4.1.1

Una vez descargado, lo descomprimiremos:

Descarga e instalación del CMS WordPress 4.1.1

Se iniciará la descompresión del archivo comprimido de la instalación de WordPress:

Descarga e instalación del CMS WordPress 4.1.1

Una vez descomprimido, cortaremos las carpetas y ficheros descargados:

Descarga e instalación del CMS WordPress 4.1.1

Accederemos a la carpeta "C:/xampp/htdocs" en nuestro caso creada por XAMPP al instalar el servidor web y la base de datos, en el sitio que nosotros le hemos indicado y, dentro de ésta, primero borraremos todas las carpetas y ficheros que haya previamente, pues son ficheros para la prueba de inicio de XAMPP, si queremos podemos cortar dichas carpetas y ficheros y moverlas a otra ubicación:

Descarga e instalación del CMS WordPress 4.1.1

Dentro del mismo directorio crearemos una nueva carpeta llamada "web_wordpress" (por ejemplo):

Descarga e instalación del CMS WordPress 4.1.1

Y dentro de esta última pegaremos las carpetas y archivos de instalación de WordPress anteriormente cortados, en nuestro caso:

C:xampphtdocsweb_wordpress

Descarga e instalación del CMS WordPress 4.1.1

Nota: es necesario copiar los archivos de instalación dentro de la carpeta "htdocs" o de una subcarpeta dentro de ésta misma, de lo contrario no serán accesibles a través del navegador web y Apache, pues su carpeta raíz es "htdocs".

Antes de seguir con el proceso de instalación de WordPress necesitamos crear la base de datos, para ello abrimos el panel de control de XAMPP, al que podemos acceder pulsando el botón "Inicio" - "Todos los programas" - "XAMPP" - "XAMPP Control Panel", se nos abrirá dicho panel y en él debemos pulsar el botón "Admin" correspondiente a MySQL, como mostramos en la siguiente imagen:

Descarga e instalación del CMS WordPress 4.1.1

Se nos abrirá el panel de control vía web de phpMyAdmin, con el navegador de Internet que tengamos por defecto, en nuestro caso Chrome:

Descarga e instalación del CMS WordPress 4.1.1

Pulsamos en "Nueva":

Descarga e instalación del CMS WordPress 4.1.1

Se nos seleccionará la pestaña de "Base de datos" y en la sección "Crear base de datos" escribimos el nombre que le vamos a poner a la base de datos en nuestro caso la vamos a llamar "web_worpresss" y pulsamos "Crear":

Descarga e instalación del CMS WordPress 4.1.1

Para iniciar la instalación de WordPress abriremos Chrome, y accederemos a la siguiente URL:

http://localhost/web_wordpress

(pues "web_wordpress" es el nombre que hemos dado a la carpeta donde hemos copiado los archivos de instalación)

Se iniciará el asistente web para instalar WordPress, pulsaremos "Vamos a ello":

Descarga e instalación del CMS WordPress 4.1.1

Configuraremos el enlace de WordPress con MySQL Server, para ello indicaremos un nombre de usuario de MySQL Server (si hemos creado uno expresamente para WordPress lo indicaremos, en caso contrario indicaremos el superusuario "root", aunque esto no sería recomendable por seguridad, pues "root" tiene permisos de administración de todo MySQL Server). Indicaremos los siguientes datos:

  • Nombre de la base de datos: indicaremos "web_wordpress" en nuestro caso, o el nombre que hayamos elegido para el esquema o catálogo (base de datos) en el paso donde hemos creado una base de datos en Mysql para la instalación de WordPress y aquí se alojarán las tablas de WordPress.
  • Nombre de usuario: indicaremos "root" o el nombre del usuario de MySQL Server que hayamos creado para WordPress.
  • Contraseña: indicaremos la contraseña del usuario anterior, por defecto dejaremos en blanco ya que XAMPP en su instalación de MySQL crea el usuario "root" sin contraseña.
  • Servidor de la base de datos: indicaremos "localhost", pues la base de datos está ubicada en el mismo sitio que el servidor web. Si el servidor de MySQL Server está en otro equipo de la red indicaremos aquí el nombre de red (hostname) o la IP de este servidor.
  • Prefijo de tabla: caracteres que se añadirán al inicio del nombre de todas las tablas de WordPress, por defecto "wp_". Así pues el nombre de todas las tablas necesarias para el funcionamiento de WordPress empezará por "wp_".

Y pulsamos "Enviar":

Descarga e instalación del CMS WordPress 4.1.1

Si todo ha sido correcto, nos mostrará el siguiente mensaje:

¡Todo bien amigo! Ya has terminado esta parte de la instalación. Ahora WordPress se puede comunicar con tu base de datos. Si estás listo es hora de%hellip;

Descarga e instalación del CMS WordPress 4.1.1

Ahora pulsaremos "Ejecutar instalación" y rellenaremos los campos que nos solicitará para la instalación de WordPress:

  • Título del sitio: aquí indicaremos el nombre que aparecerá en la cabecera de WordPress, en nuestro caso hemos decidido llamarla "Web WordPress".
  • Nombre de usuario: indicaremos un nombre de usuario nosotros utilizaremos "Admin".
  • Password, dos veces: escribiremos la contraseña que debe cumplir el requisito de tener, al menos, siete caracteres de longitud. Para hacerla más fuerte, es conveniente utilizar mayúsculas y minúsculas, números y símbolos como ! " ? $ % ^ & ).
  • Tu correo electrónico: indicaremos una cuenta de correo electrónico.
  • Privacidad. Permitir que los motores de búsqueda indexen este sitio: muy importante marcar esta opción, si queremos que nuestro sitio web obtenga un posicionamiento bueno en cualquier motor de búsqueda.

Descarga e instalación del CMS WordPress 4.1.1

Pulsaremos "Instalar WordPress" en la ventana anterior y, si to va bien, nos mostrará el siguiente mensaje: "¡Lo lograste! Wordpress se ha instalado correctamente. ¿Esperabas más pasos? Sentimos decepcionarte. :)". Pulsaremos sobre el botón "Acceder":

Descarga e instalación del CMS WordPress 4.1.1

Nos redireccionará a la siguiente dirección URL: http//localhost/web_wordpress/wp-login, donde introduciremos en "Nombre del usuario" el nombre del usuario administrador de WordPress, que en nuestro caso como hemos indicado en el paso anterior es "admin" y en "Contraseña" introduciremos la contraseña del usuario "admin". Pulsaremos "Acceder":

Descarga e instalación del CMS WordPress 4.1.1

Accederemos a la administración del CMS WordPress desde donde podremos realizar cualquier acción de configuración, administración o gestión de los contenidos de nuestro sitio web:

Descarga e instalación del CMS WordPress 4.1.1

Para ver el aspecto de como va quedando nuestra web tenemos dos posibilidades, en el panel de administración de WordPress o bien pulsamos "Web WordPress" o "Ver tu sitio", pulsamos "Web WrodPress":

Descarga e instalación del CMS WordPress 4.1.1

Si no hemos realizado ningún cambio nos aparecerá la siguiente página que de momento está configurada con el tema por defecto de WordPress:

Descarga e instalación del CMS WordPress 4.1.1

 

Cambiar el tema por defecto de WordPress

Para ello accederemos posicionándonos con el ratón en el panel de administración de WordPress sobre "Apariencia" y se nos abrirá un menú desplegable en el cual pulsaremos "Temas":

Cambiar el tema por defecto de WordPress

Y veremos que por defecto WordPress trae tres temas preinstalados "Twenty Fifteen", "Twenty Fourteen" y ""Twenty Thirteen", nosotros vamos a seleccionar el tema "Twenty Fourteen", para ello nos posicionaremos sobre el botón "Activar" y lo pulsaremos:

Cambiar el tema por defecto de WordPress

Nos saldrá el mensaje "Nuevo tema activado. Visitar sitio":

Cambiar el tema por defecto de WordPress

Pulsamos sobre el enlace "Visitar sitio" y podremos visualizar el nuevo aspecto de nuestra página como podemos observar en la siguiente imagen:

Cambiar el tema por defecto de WordPress

Aparte de los temas por defecto que trae WordPress preinstalados, si volvemos a realizar el proceso de selección de un tema de WorPress, si pulsamos sobre "Añadir Nuevo":

Cambiar el tema por defecto de WordPress

WordPress nos ofrece un amplio repositorio de temas de forma Online, y también podemos añadir temas que nosotros mismos nos hayamos bajado de Internet, a través del botón "Subir tema":

Cambiar el tema por defecto de WordPress

Nota: a la hora de elegir el tema que vamos a utilizar para nuestra web, nuestra recomendación es que si el tema elegido no es totalmente gratuito, lo mejor es utilizar una de las plantillas que trae por defecto WordPress o pagar el tema.

 

Crear un menú en WordPress

Para crear un menú en un sitio web realizado con el CMS WordPress, accederemos al panel lateral de la página de administración de WordPress, nos posicionaremos sobre "Páginas" y pulsamos "Añadir nueva":

Crear un menú en WordPress

Vamos a crear el menú "Inicio" y "Contacto" para ello debajo del título "Añadir nueva página" escribimos el nombre del menú, tal y como se mostrará en nuestro sitio web, por lo tanto escribiremos en nuestro caso "Inicio" y pulsamos "Publicar":

Crear un menú en WordPress

Nos saldrá el siguiente mensaje "Página publicada":

Crear un menú en WordPress

Ahora nos posicionamos con el ratón en el menú de administración de WordPress sobre "Apariencia" y pulsamos "Menús":

Crear un menú en WordPress

Nos saldrá el panel de "Editar Menús":

Crear un menú en WordPress

Ahora en la sección Páginas de la pestaña "Editar Menús", seleccionamos "Contacto" e "Inicio" y pulsamos "Añadir al menú":

Crear un menú en WordPress

Vemos como se han añadido dentro de la sección "Nombre del menú" en "Estructura del Menú" nuestros controles de menú "Contacto" e "Inicio" y pulsamos "Guardar menú" como se muestra en la imagen:

Crear un menú en WordPress

Para mostrar el menú que estamos personalizando, debemos ir al panel lateral de administración de WordPress, nos posicionamos con el ratón sobre "Apariencia" y pulsamos "Personalizar":

Crear un menú en WordPress

Desplegamos la sección Navegación y dentro de ella desplegamos "Menú de navegación" y elegimos "Menú 1", sino hacemos esto cada vez que añadamos una nueva página saldrá en la barra de navegación:

Crear un menú en WordPress

Pulsamos "Guardar y publicar" y pulsamos sobre la "X":

Crear un menú en WordPress

Ahora volvemos a pulsar "Web Worpress" para vez como va quedando nuestro menú:

Crear un menú en WordPress

Podemos observar que el "menú" no tiene el orden en el "panel de navegación" que nosotros queremos tener:

Crear un menú en WordPress

Para ello es tan sencillo como volver a al panel de administración de WordPress y en "Apariencia" - "Menús", dentro de la sección "Nombre del menú" y en "Estructura del menú", arrastrar con el ratón e ir colocando los menús en el orden que queremos que aparezcan. Tras ordenarlos pulsaremos "Guardar Menú":

Crear un menú en WordPress

Y como podemos observar en la imagen el menú ahora sigue el orden que nosotros le hemos indicado:

Crear un menú en WordPress

 

Artículos relacionados

Créditos

Artículo realizado íntegramente por kronxito miembro de Proyecto AjpdSoft y revisado por Alonsojpd miembro fundador del Proyecto AjpdSoft.

Artículo en inglés.


Anuncios


Enviado el Sábado, 15 agosto a las 17:53:15 por ajpdsoft
Visita nuestro nuevo sitio web con programas y contenidos actualizados: Proyecto A