P1-Instalamos XAMPP y WordPress, Guías, Proyectos, Investigaciones de Informática

¡Descarga P1-Instalamos XAMPP y WordPress y más Guías, Proyectos, Investigaciones en PDF de Informática solo en Docsity!

Píldora 1

Instalamos XAMP y

WordPress

Aplicaciones Web

2º SMR

Curso: 2022-

• ¿Qué es XAMPP?
• Instalación de XAMPP
• Gestores de contenidos (CMS)
• Instalación Wordpress
  • 1.- Descarga de la aplicación
  • 2- Creación de la Base de Datos
  • 3- Instalación Wordpress

Poniendo en el navegador localhos t podemos ver la página que trae por defecto (index.php). Esta página está en la carpeta *D:\Xampp\htdocs*.

Gestores de contenidos (CMS) CMS (Content Management System) se traduce como Sistema de gestión de contenidos, es decir, es una aplicación que nos permite crear contenido web online sin la necesidad de tener muchas nociones de programación informática. Al gestor de contenido accedemos a través de cualquier navegador, que desde un panel de control (interfaz visual) nos permite modificar las bases de datos donde se controlan los contenidos de una página web, así podemos añadir y editar contenido de forma más sencilla, sin tener que utilizar la programación. Usar un gestor de contenidos nos permitirá trabajar el diseño web y el contenido de forma independiente. Hay muchos CMS como Wordpress, Drupal, Joomla, Squarespace, WiX, etc.. Nosotros vamos a trabajar con uno de los más populares y más utilizado: Wordpress. WordPress permite crear prácticamente cualquier tipo de web, no sólo sitios personales y blogs, sino también webs corporativas, revistas, tiendas online. De hecho hay muchas webs de marcas mundialmente conocidas que están basadas en WordPress como la de spotify. Una gran ventaja al elegir WordPress para diseñar tu Website es su capacidad de expansión ya que una vez esté el sitio web en la plataforma se podrá cambiar y ampliar prácticamente sin límites. Algunos ejemplos reales de situaciones en las que es buena idea usar WordPress: ● Sitio web de una inmobiliaria que ofrece a sus clientes una base de datos para que puedan buscar inmuebles para alquilar o comprar. ● Sitio web para registro de socios y realización de pagos online. ● Sitio web con diseño moderno, capaz de soportar las aplicaciones más innovadoras pero sin perder la flexibilidad necesaria para modificar el código. ● Gestión SEO de tu sitio web para optimizar y mejorar el posicionamiento en buscadores. La flexibilidad y la integración de los datos son argumentos potentes para, al menos, considerar WordPress.org como tu aplicación para diseñar tu web.

Cambiamos el nombre de la carpeta wordpress con el nombre de nuestro proyecto, en nuestro caso proyecto1. 2- Creación de la Base de Datos Antes de poder trabajar e instalar wordpress debemos de crear una base de datos para el proyecto web. Para ello vamos a entrar en la página de administración de la base de datos haciendo clic en el botón Admin de MySQL, o entrando directamente desde el navegador a la URL http://localhost/phpmyadmin/ Entramos por defecto con el usuario root (sin password) que tiene permisos para crear base de datos. En la parte izquierda vemos las bases de datos que tenemos creadas. Debemos de crear una nueva para nuestro proyecto de wordpress. En la parte izquierda picamos en “nueva” y

nos pide el nombre de la base de datos como por ejemplo “ proyecto1 ” y en la casilla de al lado dejamos el Cotejamiento “utf8mb4_general_ci”. Este es el tipo de codificación de caracteres que usa. Damos a crear y nos aparecerá la nueva BD que utilizará wordpress para nuetro proyecto 3- Instalación Wordpress El siguiente paso es instalar wordpress. Ponemos en un navegador http://localhost/proyecto1/ y se nos abre la pantalla de bienvenida de WordPress para instalarlo y configurarlo.

Indicamos los datos de la Base de datos , nombre - proyecto1, usuario - root (sin contraseña) Al aceptar los datos se procede a la instalación. A continuación damos el nombre de nuestro proyecto (Web_Proyecto1), el nombre del usuario (admin), password y dirección de correo de la persona que va a llevar el mantenimiento del sitio web

El proceso de instalación de Wordpress puede tardar un poco. Al terminar se muestra la pantalla:

A partir de ahora si ponemos en el navegador: http://localhost -> nos muestra la página de Xampp http://localhost/phpmyadmin -> Entramos en el gestor de bases de datos http://localhost/proyecto1/ -> Nos muestra la página de wordpress http://localhost/proyeto1/wp-admin -> Entramos en la administración de wordpress