Curso Avanzado de WordPress Cursos de Verano. Estructura de una instalación WordPress

Transcripción

1 Cursos de Verano Estructura de una instalación WordPress

2 Contenido Estructura para una instalación Wordpress Servidor Remoto (Hosting) / Servidor Local (localhost) Programas adicionales en el servidor local Instancias de Wordpress Páginas web (html, php, dinamicas) Objetivo Herramientas

3 Servidor Local Estructura para una instalación Wordpress En la figura vemos un esquema de una instalación con múltiples sitios WordPress alojados tanto en local y en remoto. Servidor Remoto

4 Servidor Remoto (Hosting) El alojamiento remoto lo vamos a obtener contratando los servicios de un hosting para alojar nuestro wordpress. Debemos tener contratado los servicios: Servidor Web (Apache, IIS u otro), Bases de datos (MySQL) Motor PHP Servidor FTP Servidor de Espacio en disco suficiente Servidor Remoto El directorio raiz de nuestro servidor puede llamarse de distinta forma, puede ser wwwroot, localweb, httpdocs, publichtml, etc. dependiendo de la instalación y el tipo de servidor.

5 Servidor Local Podemos convertir nuestro ordenador en un Servidor con Una instalación WAMP (Windows Apache MySQL PHP) utilizando por ejemplo XAMPP (o cualquier otro) XAMPP instala (entre otras cosas): Un servidor web, Apache Un gestor de bases de datos MySQL El motor de ejecución de PHP Adicionalmente instala un programa para gestionar la base de datos vía navegador web, PhpMyAdmin. Servidor Local

6 Programas adicionales en el servidor local Cliente Web: Las páginas html (ficheros.html o.htm) se sirven directamente por el protocolo HTML al navegador del cliente. Para realizar peticiones de páginas web utilizamos un navegador (Opera, IE, Chrome, Safari, Firefox etc ). Cliente FTP: Para realizar transferencias de ficheros utilizamos un Cliente FTP, en nuestro caso Filezilla o un cliente FTP integrado en el editor de textos que utilicemos. El Servidor FTP está instalado en nuestro servidor remoto. No hemos instalado un servidor FTP en nuestro servidor local puesto que podemos acceder a los ficheros directamente con el explorador de archivos. Editor de textos Con ayuda a la programación mejor, (syntax highlight) Con cliente FTP integrado mejor (cuidado si la edición es directamente en remoto). Notepad++

7 Instancias de Wordpress En el mismo servidor (local o remoto) podemos tener varias instancias de WordPress Una instancia WordPress es: El conjunto de Ficheros + Base de datos (Existe una versión de wordpress multisite, donde en una misma base de datos se albergan varios sitios wordpress con un único arbol de directorios) Como vemos en la imagen en cada servidor (local o remoto) tenemos al menos Un servidor de bases de datos (MySQL) Un servidor Web (Apache o IIS) Uno gestiona el acceso a las bases de datos y el otro sirve las páginas web solicitadas por el navegador del cliente. Estas páginas están alojadas en el disco duro del servidor de que se trate (local o remoto)

8 Páginas web Las páginas web se almacenan en el directorio como hemos dicho, por tanto se almacenan ficheros de texto con dos tipos de lenguaje, pueden ser: Páginas HTML,.htm.html Páginas PHP,.php Las páginas HTML se sirven directamente al navegador del cliente. Las páginas PHP se tienen que ejecutar primero un interprete de PHP. Los programas PHP generan contenido en HTML que es finalmente lo que se sirve al navegador del cliente.

9 Objetivo Sitio de Desarrollo Nuestro objetivo es mantener: Sitio en Explotación Un Sitio de Explotación, (o remoto) donde tendremos la copia definitiva de nuestro sitio web, alojado en nuestro dominio, que será donde accederá el público de nuestro sitio. Un Sitio de Desarrollo, (o local) donde instalaremos una copia de seguridad funcional de nuestra web y realizaremos todas las pruebas. Cuando sean firmes se pasarán a explotación.

10 Herramientas Editores y Clientes FTP Proponemos el uso de éstos pero podéis usar cualquiera de los editores y clientes ftp que conozcáis. Brackets Editor para HTML, CSS y JS disponible para las principales plataformas (Linux, OSX y Windows). Presenta muchas características interesantes: Sincronización con el navegador: La web se refresca automáticamente en el navegador cada vez que la guardes.es extensible mediante plugins, para soporte PHP, FTP integrado, gestión de proyectos, y mucho más... Notepad++ Es un editor de texto potente y repleto de opciones. A medio camino entre un bloc de notas mejorado y un entorno de desarrollo ligero que además incluye un cliente FTP para modificar en remoto o subir los ficheros locales. Sólo para Windows. Microsoft Expression Web 4 Es un software para el desarrollo de sitios web. Microsoft ha liberado la herramienta porque todo este tipo de herramientas web las ha incorporado a Visual Studio.Una gran ventaja es que tiene un muy cómodo editor de propiedades CSS (aunque solo hasta CSS 2.0) que nos va a permitir modificar CSS fácilmente. El gestor de FTP integrado es muy cómodo. Sólo para Windows. Filezilla FileZilla es un cliente FTP, permite subir y bajar archivos de un servidor remoto. Es gratuito y su rendimiento es superior a la media. Está disponible para Windows, OSX y Linux.

11 Herramientas Entornos de desarrollo W/M/L (AMP). SERVIDORES LOCALES. La instalación de estos entornos de desarrollo que incluyen Apache, MySQL y PHP es bastante sencilla. Un entorno de desarrollo WAMP, MAMP, XAMP (de Windows, Mac, Multiplataforma) incluye las aplicaciones que normalmente usa el hosting donde vayamos a subir nuestra página web. Pueden dar problemas si tienes ya uno de ellos instalado o dejaste configurados o mal desinstalados alguno de estos servicios de instalaciones anteriores. También pueden dar problemas si tienes ya instalado localmente Apache o IIs como servidor local, o alguna instalación previa de MySQL. Servidor Web Apache es el más usado (70% de sitios). Se encarga de manejar las peticiones que llegan al ordenador en forma de URLs y de responder con el contenido necesario (HTML, imágenes, etc ). Para poder ejecutar WordPress es necesario tener instalado un servidor web. Gestor de Bases de Batos MySQL es un gestor de bases de datos. Con el podemos crear y gestionar múltiples bases de datos. Tendremos que tener un usuario de base de datos con privilegios suficientes para crear bases de datos. Los usuarios de las bases de datos local y remota pueden ser distintos. Al instalar WordPress, el proceso de instalación accederá a la BD para crear sus tablas y todo lo necesario para su funcionamiento. PhpMyAdmin Programa en PHP que nos permitirá gestionar via web las bases de datos MySQL (local o remoto). Utilizaremos el con los que tengamos acceso a MySQL para poder conectarnos y administrarlas.

12 Herramientas Entornos de desarrollo W/M/L (AMP). SERVIDORES LOCALES. EasyPhP Para windows exclusivamente. Puedes instalar la versión de EasyPhp adecuada para tu versión de windows. El uso de EasyPhP es muy fácil como su nombre indica, de manera que recomendamos su uso para usuarios no expertos. En la página oficial puedes encontrar una Guía de inicio rápido (en ingles). Aquí tenéis una guía de instalación (no es de la última versión pero básicamente son los mismos pasos), en la guía se ha instalado en una memoria USB pero si lo instalaís directamente en vuestro disco duro irá más rápido. También hay un VideoTutorial sobre su instalación.

13 Herramientas Entornos de desarrollo W/M/L (AMP). SERVIDORES LOCALES. XAMP Server Para Windows Linux OS X XAMPP es una distribución de Apache completamente gratuita y fácil de instalar que contiene MariaDB, PHP y Perl. El paquete de instalación de XAMPP ha sido diseñado para ser increíblemente fácil de instalar y usar. En la Página Oficial Tenemos acceso a las FAQ

14 Herramientas Entornos de desarrollo W/M/L (AMP). SERVIDORES LOCALES. WampServer Para windows exclusivamente. Una alternativa a EasyPhp muy recomdable también, rápida y sencilla. En la página oficial puedes encontrar una Guía de inicio rápido (en ingles). En la página de WampServer en castellano podéis descargar una versión en español.

15 Herramientas Entornos de desarrollo W/M/L (AMP). SERVIDORES LOCALES. AMPPS AMPPS incluye el servidor web Apache, MySQL, el lenguaje de programación PHP y el gestor PHPMyAdmin. Además incluye características extra, como un instalador para WordPress en dos sencillos pasos. Muy completo pero también más complejo que otros. Windows y Mac Instrucciones de instalación para Windows Intstrucciones de instalación para Mac