sitebuilder

Drupal 8 | Themes y subthemes

Video de Youtube
URL de Video remoto

Si no ves el video, puedes refrescar el navegador, presionando (Ctrl+Shift+R | Ctrl+F5 o Shift+F5), o abrirlo directamente desde el Canal de Youtube... HAZ CLIC AQUI

      Llegados a este punto, nos toca ocuparnos del aspecto de nuestro proyecto, para ofrecer una presentación de acuerdo a nuestras expectativas, debemos tomar en cuenta que esta web deberá verse en diferentes dispositivos y que es muy importante prestar atención en todos los detalles para que nada "se rompa" a nivel gráfico cuando el usuario la visite, por ejemplo desde un Ipod. 

     En Drupal, la parte que controla es aspecto de nuestra web está a cargo de los "Temas" o "Themes", que son el conjunto de archivos necesarios para realizar este tipo de configuración.

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Drupal ofrece desde su Página Oficial, la posibilidad de descargar toda clase de Temas, para que podamos utilizarlos y modificarlos, según las necesidades del proyecto. Hoy en día, debido al aumento del uso de dispositivos móviles, es prácticamente obligatorio, diseñar webs que sean adaptables a cualquiera de estos dispositivos, esto es conocido como diseño "Responsivo" o "Responsive".

     Dentro de las alternativas gratuitas, disponibles para Drupal, está el Theme Mayo, que ofrece una alternativa relativamente muy sencilla, de implementar una web con diseño responsivo, sin la necesidad de manipular nada de código.

     Su configuración al completo se hace a través de la interfaz de Drupal, donde una vez descargado e instalado, sólo nos faltará personalizarlo mediante unos cuantos clics, hasta obtener el resultado que andamos buscando o al menos el más aproximado a éste.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en drupal y symfony

     Para trabajar con módulos o temas en Drupal, pueden emplearse varios métodos, aunque a partir de la versión 8, se recomienda el uso del gestor de paquetes Composer, porque nos facilitará todos los procesos de instalación, descarga y dependencias; en este caso, voy a enseñarte la forma tradicional, hacemos clic derecho sobre el en enlace comprimido del archivo y seleccionaremos copiar enlace.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en drupal y symfony

     Luego nos iremos a Drupal, en la url "/admin/appearance", donde seleccionaremos la opción Instalar nuevo tema. Si ya tienes instalado el módulo Admin Toolbar, podrás hacerlo tal y como se muestra en la imagen.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en drupal y symfony

     A continuación, pegaremos en la siguiente pantalla, la url que hemos copiado y haremos clic en el botón Instalar.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Una vez terminado el proceso de instalación del Theme, podremos activarlo llendo a la url "/admin/appearance", donde se muestran todos los Themes disponibles para su activación, además de los que están activados actualmente y el Theme que utiliza drupal para su interfaz de administración.

     Si nos desplazamos a la parte inferior de esta pantalla, encontraremos el Theme Mayo, dentro del listado de Themes Desinstalados, y podremos Instalarlo como Theme principal haciendo clic en el enlace debajo de su imagen.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Después de activar el Theme, es recomendable que Vaciemos la Cache de Drupal para que podamos ver todos los cambios ejecutados en nuestro proyecto.

     Si nos vamos a la página principal de nuestro proyecto, podremos comprobar el cambio inmediatamente, además de validar el aspecto que se mostrará en dispositivos de varios tamaños.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Otra opción con la que contamos para personalizar el aspecto de nuestras webs de Drupal, es el Theme Bootstrap, en este caso, específicamente hemos optado por, crear nuestro propio tema personalizado o Subtheme, tomando como base, el Theme Bootstrap Barrio, ya que además de heredar las características del Bootstrap 4 original, permite la aplicación de varias configuraciones mediante la interfaz, como hicimos con el Theme Barrio.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Esta vez, para trabajar con la creación y configuración de nuestro Subtheme, utilizaremos el gestor de paquetes Composer, que comentábamos al principio de este artículo.

     Para realizar esta clase de operaciones, abriremos la consola y, una vez colocados dentro de la carpeta de nuestro proyecto, podremos ejecutar el siguiente comando para que comience la descarga de los archivos que vamos a utilizar:

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Siempre que utilicemos el gestor de paquetes Composer para descargar nuestros Themes o Módulos, creará automáticamente, si no existe, una carpeta llamada Contrib, referente a módulos o Themes contribuidos de Drupal. De esta forma mantiene separados los módulos y Themes, cuyo contenido no deberíamos modificar nunca directamente, del resto de módulos y Themes creados a partir de ellos y modificados por nosotros.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     A continuación, nos dirigiremos a la Página Oficial de Bootstrap Barrio, para leer y seguir los pasos necesarios en la creación del Subtheme.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Después de copiar los datos en el archivo create_subtheme.sh y seguir el resto de los pasos descritos en su página oficial, tendremos que llamar al archivo desde nuestra consola para que genere todos los demás componentes necesarios en nuestro nuevo Subtheme.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     En el momento en que termina la ejecución del archivo llamado desde nuestra consola, si volvemos a las carpetas de Drupal, dentro de la Carpeta "themes/contrib", podremos ver nuestro Subtheme listo para ser activado, desde url "/admin/appearance", tal y como hicimos anteriormente con el Theme Mayo.

     Encontraremos en la parte inferior de la pantalla, todos los themes disponibles para ser utilizados en nuestro proyecto y, dentro del listado de Themes desinstalados, estará, si todo ha ido bien, nuestro Theme personalizado.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Ahora podrás comprobar que tu nuevo Subtheme, además de tener diseño Responsivo, te brinda la posibilidad de personalizarlo al completo, para darle un aspecto funcional, práctico y novedoso a tus proyectos en Drupal.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

Drupal 8 | Creación Tipos de contenido

Video de Youtube
URL de Video remoto

Si no ves el video, puedes refrescar el navegador, presionando la tecla F12, o abrirlo directamente desde el Canal de Yourtube... HAZ CLIC AQUI

     Drupal es un CMS o Gestor de contenidos, esto significa que podremos crear toda clase de estructuras basándonos en nuestros tipos de contenido y sus derivados.

Verás lo fácil que resultará para ti crear cualquier tipo de contenido, añadirle los campos que te hagan falta y a partir de este tipo de contenido crear tantos contenidos como sean necesarios.

Contenido del curso:

  • Crearemos los primeros tipos de contenido personalizados.
     
  • Conoceremos algunos recursos gratuitos en línea.
     
  • Utilizaremos campos referenciados para enlazar los dos tipos de contenido.
     
  • Emplearemos el formulario de contacto que trae por defecto Drupal 8 para aplicarlo en uno de nuestros contenidos.

Drupal 8 | Trabajando con contenidos y tipos de contenido

Video de Youtube
URL de Video remoto

Si no ves el video, puedes refrescar el navegador, presionando (Ctrl+Shift+R | Ctrl+F5 o Shift+F5), o abrirlo directamente desde el Canal de Youtube... HAZ CLIC AQUI

     Por defecto, una instalación de Drupal nos viene con dos tipos de contenidos que nos servirán de modelo para cualquier proyecto, estos son Página y Artículo, y para acceder a ellos, si no tenemos el módulo Admin Toolbar instalado, deberías dirigirnos a la url "/admin/structure/types".

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Si ya haz instalado el módulo Admin Toolbar, entonces, podrás acceder al mismo lugar desde el menú superior, seleccionando Estructura/Tipos de Contenido, tal y como te muestro en la imágen.

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Para acceder a los campos de cualquier tipo de contenido, tendremos que hacer clic en lo botones que aparecen en la parte derecha de la pantalla, justo al lado del nombre de cada tipo de contenido, llamado Administrar campos.

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Una vez dentro de este apartado, podremos acceder a diferentes partes de la configuración de todos los tipos de contenido, dividido en cuatro pestañas por defecto. Estas son Editar, Administrar campos, Administrar la visualización del formulario y Gestionar Presentación.

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Pestaña Editar

     En esta primera pestaña es donde se configuran las principales características del contenido, como el Título, Si podrá añadirse un acceso a alguno de los menús, si se mostrarán datos sobre autor y fecha de creación o si estará disponible para traducción en el caso de que la instalación del proyecto lo permita.

     Dependiendo del módulo o módulos que tengamos instalados en nuestro Drupal, puede que se añadan otras opciones, dentro de esta pestaña.

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

    Pestaña Administrar campos

     En este apartado, como su nombre lo indica, podremos añadir, modificar o eliminar todos los campos relacionados con nuestro tipo de contenido.

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

    Pestaña Administrar visualización del formulario:

     Desde esta pestaña podremos gestionar la presentación del formulario de creación de los tipos de contenido.

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Pestaña Gestionar presentación:

     En esta pestaña es donde podremos definir cómo se mostrarán nuestros contenidos y sus campos relacionados. En Drupal, podremos gestionar estas opciones utilizando los llamados "Modos de vista", que consisten en diferentes formas de llamar a una presentación en concreto, habilitando o no los campos que queremos mostrar una vez utilicemos dicho "Modo de vista"

     Por defecto los Artículos nos vienen con tres modos de vista para que nos sirvan como guía, cada uno de ellos muestra una cantidad diferente de campos, aunque podremos activar tantos como necesitemos o deshabilitar los que no nos hagan falta.

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Configuración de URL amigables (Módulo Pathauto)

     Para configurar las urls amigables y que estén disponibles automáticamente al crear tus contenidos, en Drupal se utilizan los módulos Path y Pathauto, aprende cómo configurarlo haciendo clic aquí

Drupal 8 | instalación e interfaz

Video de Youtube
URL de Video remoto

Si no ves el video, puedes refrescar el navegador, presionando (Ctrl+Shift+R | Ctrl+F5 o Shift+F5), o abrirlo directamente desde el Canal de Youtube... HAZ CLIC AQUI

       Una vez descargados todos los archivos de Drupal 8, lo primero que necesitaremos a continuación es arrancar nuestro servidor, Xampp en este caso, para comenzar con el proceso de creación de la base de datos y la configuración del dominio virtual. 

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     El dominio virtual o Virtual host, es lo que te permitirá acceder a tu web, mediante el navegador, para inicializar el instalador de Drupal, en esta primera fase y, posteriormente, para continuar con la gestión total de tu proyecto Drupal.

     Al realizar la descarga de archivos utilizando el gestor de paquetes Composer, se crea automáticamente, una nueva estructura, en la cual coloca todos los archivos principales de Drupal, dentro de la carpeta "web", por lo cual, al momento de subir tu instalación a un servidor en línea, también deberás tomarlo en cuenta. 

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony
Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Para la configuración del dominio virtual, en el caso de hacerlo en un servidor local, que utiliza el sistema operativo Windows, tendrás que modificar dos archivos específicamente, esto serán el archivo hosts, de Windows, ubicado en "C:\Windows\System32\drivers\etc", y dentro de este copiarás la línea que viene como ejemplo, comentada en el archivo y la sustituirás con el nombre o dominio que utilizarás en tu proyecto Drupal.

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     El otro archivo que tendrás que modificar, es el httpd-vhost.conf, que define el "Virtual Host", dentro de tu servidor Apache en Xampp, ubicado en "C:\xampp\apache\conf", donde al igual que en caso anterior, deberás copiar las líneas que te vienen comentadas como ejemplo y sustituirlas con los datos específicos para tu proyecto Drupal.

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Es posible que necesites reiniciar tu servidor Apache una vez hayas realizado los cambios, para que queden registrados y puedas acceder a tu dominio virtual a traves del navegador. Si todo está correcto, cuando escribas en el navegador tu dominio, deberías ver el instalador de Drupal.

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Llegados a este punto, ya sabrás que Drupal funciona combinando Php con una base de datos, en nuestro caso, esta base de datos será Mysql, y para ello tendremos que crearla antes de iniciar el proceso o instalación o nos devolverá un error.

     Para crear nuestra base de datos, haremos clic en el botón Mysql, dentro de nuestro panel de control de Xampp, para que nos permita acceder al PhpMyAdmin, que es un gestor gráfico de bases de datos.

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     En este ejercicio hemos seleccionado la instalación de Drupal, con el idioma en Español, por esta razón, como parte del proceso, el instalador, además de activar los módulos del núcleo de Drupal, descargará las traducciones correspondientes a dichos módulos.

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Una vez haya terminado el proceso de activación de las traducciones, solo nos quedarán definir los datos con los que accederemos a nuestro Drupal para gestionarlo, entre las configuraciones que añadiremos están el idioma, la zona horaria, el correo electrónico para la web y para nuestro usuario administrador, además del usuario administrador y si deseamos recibir notificaciones relacionadas con las actualizaciones de Drupal y sus módulos.

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Cuando hayamos complementado todos los datos necesarios, haremos clic en el botón que aparece en la parte inferior de la pantalla y lo siguiente que veremos será la pantalla de bienvenida, indicándonos que ya tenemos instalado un Drupal y que funciona correctamente.

Imagen
Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

Drupal 8 | Descarga utilizando Composer

Video de Youtube
URL de Video remoto

Si no ves el video, puedes refrescar el navegador, presionando (Ctrl+Shift+R | Ctrl+F5 o Shift+F5), o abrirlo directamente desde el Canal de Youtube... HAZ CLIC AQUI

     Si te estás planteando trabajar con Drupal cumpliendo con los estándares recomendados, entonces es muy importante que conozcas el uso del gestor de paquetes Composer, que te permitirá al instalación y gestión de tus proyectos con Drupal, disminuyendo considerablemente la posibilidad de errores de actualizaciones o activación de módulos dependientes.

Instalación de Drupal 8 utilizando Composer

     Paso 1 instalación del gestor de paquetes Composer:

     Hoy en día, una de las modalidades más extendidas para desarrollar cualquier proyecto, es el uso de los conocidos como "Gestores de paquetes", estos nos permitirán descargar, "paquetes de código", con apenas un par de líneas de comandos de consola, de esta forma se colocarán dentro de estructuras preconfiguradas, toda clase de librerías, módulos o herramientas, dependiendo del tipo de proyectos con los que estemos trabajando.

     En el caso de Drupal, el gestor de paquetes con el que se trabaja es Composer, que nos permite descargar directamente, desde toda la estructura necesaria para iniciar un proyecto web en Drupal, hasta las posteriores actualizaciones de seguridad o dependencias para nuestros módulos.

     Según tu sistema operativo, existen varias formas de descargar e instalar Composer en tu ordenador, para ello puedes dirigirte a su Página Oficial y seguir las instrucciones que correspondan a tu caso en particular.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Si utilizas Windows como sistema operativo, entonces te será tan fácil como descargar el archivo instalador, hacer clic como la mayoría de los programas que instalamos en Windows y luego clic en el botón siguiente hasta que termine.

     Ten en cuenta de que Composer necesitará que tengas instalado Php en tu ordenador previamente o no podrás instalarlo.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     No importa si tienes instalado el php dentro de un servidor local tipo Xampp, Wampp o si lo haz instalado descargándolo directamente desde la pági    No importa si tienes instalado el php dentro de un servidor local tipo Xampp, Wampp o si lo haz instalado descargándolo directamente desde la página php, al inicializar el instalador Composer encontrará el archivo Php que necesita para continuar con el proceso de instalación.na php, al inicializar el instalador Composer encontrará el archivo Php que necesita para continuar con el proceso de instalación.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Al finalizar el proceso de instalación de Composer, si escribes en tu consola composer, deberías ver en tu pantalla un mensaje parecido al que te muestro a continuación.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Paso 2 Configurar tu Servidor local Php + MySql + Apache:

          Drupal está desarrollado utilizando el lenguaje Php combinado con base de datos, que por defecto suele ser MySql o MariaDb y para que funcione en tu servidor local, necesitarás tener Apache instalado.

          Como hemos dicho anteriormente, puedes descargar e instalar un Servidor Local Xampp, si no sabes cómo hacerlo, tienes toda la información necesaria paso a paso en el artículo Instalación servidor local Xampp para Drupal.

          Además, en el caso de Drupal 8 y 9, deberías realizar algunos cambios en la configuración por defecto de tu servidor local, para evitar errores tanto durante el proceso de instalación inicial, como una vez hayas comenzado a trabajar con tus contenidos, tienes las configuraciones disponibles en este Snippet, para que puedas confirmar los cambios antes de continuar:

         Configuración Servidor Local Drupal 8

    Paso 3 Configurar tu dominio virtual:   

          Una vez instalado tu servidor Apache, para poder acceder a la url que activará el instalador de Drupal, será necesario que configures el dominio o nombre que usarás para conectar a tu web, ej.: drupal.localhost.

 

    Paso 4 Descargar el esqueleto o estructura de Drupal:

          Ahora que ya tenemos todos los pasos anteriores comprobados, nuestro servidor funciona correctamente y podemos acceder a la carpeta en la que vamos a colocar todos los archivos relacionados con nuestro proyecto Drupal, podremos comenzar con el proceso de descarga, para ello, tenemos disponible toda la información necesaria en la Página Oficial de Drupal.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Tan pronto como hagamos clic en la tecla Enter, comenzará la descarga de todos los archivos necesarios para nuestra instalación, desde el repositorio de Drupal.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Una vez haya finalizado el proceso de descarga, podremos abrir nuestro explorador de archivos para analizar la estructura que nos ha creado Composer.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     A continuación, deberías subir todos los archivos de tu instalación a un repositorio, para que puedas controlar en todo momento la evolución del mismo desde el principio, además de practicar los comandos relacionados con el control de versiones, aunque no estés dentro de un proyecto para algún cliente o empresa.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Descarga de módulos usando Composer:

          Una de las mayores ventajas añadidas, a partir de la integración de Composer en el proceso de instalación de proyectos Drupal, es que podremos descargar módulos adicionales, utilizando a penas, un par de líneas de código, sin tener que preocuparnos por los módulos dependientes como en versiones anteriores.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Cada vez que descargues un módulo utilizando Composer, será añadido en el archivo composer.json, en él podrás ver, además, la versión específica del módulo en el momento de la descarga, entre otras informaciones.

 

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Si quisiéramos instalar los mimos módulos en otro proyecto Drupal, sólo tendríamos que copiar el archivo composer.json y ejecutar en la consola el comando composer install, dentro de nuestro proyecto Drupal, e inmediatamente comenzaría la descarga de todos los módulos declarados en el apartado "require" 

Git | Introducción al control de versiones

Video de Youtube
URL de Video remoto

Si no ves el video, puedes refrescar el navegador, presionando (Ctrl+Shift+R | Ctrl+F5 o Shift+F5), o abrirlo directamente desde el Canal de Youtube... HAZ CLIC AQUI

      Desde que aparecieron las herramientas para el control de versiones, el trabajo en equipo evolucionó considerablemente, ya que es posible que varios desarrolladores o diseñadores estén trabajando en mejoras o cambios, dentro de un mismo proyecto y de forma simultánea, sin interferencias entre ellos.

     El control de versiones en un sistema que consiste, en pocas palabras, en la metodología para trabajar con ramas durante la evolución de un proyecto, o sea, que para cada cambio que sea necesario ejecutar, da igual si se trata de una mejora o nuevo desarrollo, se creará una o varias ramas, en las que tú podrás realizar los cambios y una vez testeado tu contenido, se incorporará a la rama central o Master del proyecto.

      Desde que aparecieron las herramientas para el control de versiones, el trabajo en equipo evolucionó considerablemente, ya que es posible que varios desarrolladores o diseñadores estén trabajando en mejoras o cambios, dentro de un mismo proyecto y de forma simultánea, sin interferencias entre ellos.

     El control de versiones en un sistema que consiste, en pocas palabras, en la metodología para trabajar con ramas durante la evolución de un proyecto, o sea, que para cada cambio que sea necesario ejecutar, da igual si se trata de una mejora o nuevo desarrollo, se creará una o varias ramas, en las que tú podrás realizar los cambios y una vez testeado tu contenido, se incorporará a la rama central o Master del proyecto.

Imagen

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Aunque ahora no estés trabajando dentro de ningún equipo o empresa, te recomiendo que consideres empezar a probar este sistema, porque puede servirte de gran ayuda en un futuro muy próximo.

     Bitbucket ofrece la posibilidad de crear una cuenta con derecho a alojamiento gratuito, ideal para que puedas comenzar a probar con esta clase de tecnología, aunque no se trate de ningún proyecto final para un cliente.

     Cuando trabajamos con archivos alojados en algún repositorio, el primer paso es "clonar" dicho repositorio para descargar todos sus archivos en el entorno que vamos a destinar para nuestro desarrollo.

     Cómo clonar un repositorio existente en Bitbucket

        Por ejemplo, si quisiera "Clonar" el repositorio que he utilizado para este ejemplo, tendrías que escribir en tu consola, una vez estuvieras posicionado dentro de la carpeta pública "htdocs", de tu servidor Xampp, el siguiente comando:

git clone https://drupaladicto@bitbucket.org/drupaladicto/drupal8.git

     Y a continuación, comenzarán a descargarse en tu ordenador todos los archivos alojados en el repositorio, con los que podrías realizar una instalación de Drupa 8, tal y como he realizado en los siguientes artículos.

Imagen

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Ahora que ya hemos descargado los archivos del repositorio, lo siguiente que deberías hacer es comprobar si efectivamente puedes subir, recuerda que para ello deberías tener permisos como usuario autorizado. Por esta razón, si quieres subir archivos a un repositorio, deberías crear el tuyo y una vez realizados los pasos anteriores, podrás comprobar el siguiente.

     Para comprobar si puedes subir archivos a tu repositorio, bastará con colocar un archivo de texto dentro de la carpeta correspondiente, con cualquier tipo de texto y si ejecutas en la consola el comando git status, debería devolverte un mensaje de que se ha añadido un nuevo archivo, que todavía no existe en tu repositorio.

Imagen

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     A continuación, tal y como puedes leer en el mensaje de tu pantalla, deberías ejecutar el comando ( git add . ) para añadirlo a la lista de los archivos de tu repo, seguido del comando ( git commit -m "primera prueba" ), de esta forma estás añadiendo un comentario que ayudará a todos a identificar el tipo de archivo o cambios relacionados con este, antes de subirlo.

Imagen

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Por último, para subir el archivo que haz creado a tu repositorio, tendrás que ejecutar el comando ( git push ), con el cual se iniciará la subida de todos tus archivos al repositorio.

Imagen

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Al finalizar el proceso de subida, verás en pantalla el informe con los detalles de los archivos que haz subido o modificado, la rama en la que se han guardado los cambios, si ha habido algún error, etc.

     Si accedes nuevamente a tu repositorio, podrás ver que ahora contiene el nuevo archivos que haz añadido usando el comando ( push )

Imagen

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Si en lugar de trabajar utilizando la consola de comandos, al momento de gestionar tu repositorio, prefieres un entorno o herramienta gráfica, existen varias opciones gratuitas como Source Tree o Visual Studio, para facilitarte el proceso.

     Cómo subir tus archivos locales a un repositorio nuevo en Bitbucket

        En el caso de que hayas comenzado tu desarrollo en local, y quieras subir esos archivos a un repositorio nuevo en Bitbucket, sólo tienes que seguir los siguientes pasos:

1.- Accede a Bitbucket usando tus datos y selecciona la opción de la opción de crear repositorio, llendo al menú lateral y después haciendo clic en el botón de la derecha, tal como se muestra en la imagen:

Imagen

2.- Una vez creado el repositorio podrás crear algunos archivos por defecto, pero como lo que buscamos en este caso es subir archivos locales existentes, abriremos nuestra consola y nos moveremos hasta la carpeta de nuestro proyecto:

 cd /ruta/hacia/tu/repositorio_local

3.- Ahora que ya estás dentro de tu carpeta local, el siguiente paso será conectarlo con el repositorio que haz creado en el primer paso:

git remote add origin git@bitbucket.org:TU_USURIO/TU_REPOSITORIO.git

4.- Tan pronto como hayas conectado tu carpeta local con el repositorio, podrás comenzar a subir archivos con los comandos

git add .
git commit -m "Comentarios de lo que estas subiendo"
git push -u origin master

     Utilizando Sourcetree para gestionar tus repositorios

        Sourcetree es un programa gratuito, que te ofrece la posibilidad de gestionar tus repositorios, ramas y archivos a través de una interfaz gráfica o de la consola de comandos, sin la necesidad de instalar ningún otro programa adicional.

Imagen

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Una vez descargado el instalador, en el caso de Windows, sólo tendrás que hacer clic en el botón de siguiente hasta terminar el proceso. A continuación verás la pantalla de bienvenida, donde deberías colocar los datos de acceso a tu repositorio.

Imagen

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

    Al terminar toda la configuración deberías ver en tu pantalla el mensaje de confirmación, antes de pasar al siguiente paso, que sería clonar tu repositorio utilizando esta interfaz gráfica.

Imagen

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Ahora que ya tenemos todo listo, podremos comenzar a trabajar con nuestro repositorio, clonarlo, crear nuevas ramas, gestionar permisos, etc.

Imagen

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Desde Source Tree tendrás un control visual, que podrá ayudarte a entender más fácilmente las diferentes operaciones relacionadas con tu repositorio.

Imagen

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Pero si lo prefieres, también podrás activar directamente desde Source Tree, la consola para poder continuar ejecutando todos los procesos utilizando código, al mismo tiempo que la interfaz gráfica.

Imagen

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

MySql y PhpMyAdmin | Introducción para Drupal 8

Video de Youtube
URL de Video remoto

Si no ves el video, puedes refrescar el navegador, presionando (Ctrl+Shift+R | Ctrl+F5 o Shift+F5), o abrirlo directamente desde el Canal de Youtube... HAZ CLIC AQUI

        Cómo ya sabrás a estas alturas, Drupal funciona con una base de datos donde se ejecutan las consultas, instalaciones y todo tipo de operaciones, entre las opciones de instalación de Base de datos está Mysql, con la que puedes operar mediante código puro utilizando la consola o a través de una interfaz gráfica, más amigable e intuitiva en el caso de que no seas un usuario avanzado.

        Cómo ya sabrás a estas alturas, Drupal funciona con una base de datos donde se ejecutan las consultas, instalaciones y todo tipo de operaciones, entre las opciones de instalación de Base de datos está Mysql, con la que puedes operar mediante código puro utilizando la consola o a través de una interfaz gráfica, más amigable e intuitiva en el caso de que no seas un usuario avanzado.

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     PhpMyAdmin es un gestor de bases de datos con interfaz gráfica y que te permitirá, de manera muy sencilla, crear bases de datos, borrar tablas, realizar consultas mediante la consola, entre otras posibilidades... 

     Cómo hemos descargado el Xampp para nuestro ejercicio, y este tiene integrado el PhpMyAdmin para gestionar las bases de datos MySql, podremos acceder desde el panel de control, haciendo clic en el botón Admin.

     Luego se abrirá en el navegador el PhpMyAdmin, con el que podremos realizar toda clase de gestiones relacionadas con nuestras bases de datos y sus usuarios relacionados.

     Para nuestro proyecto Drupal, vamos a necesitar una base de datos, con un usuario que tenga acceso a ella y permisos suficientes para realizar cualquier operación relacionada, por esta razón, vamos a crear desde la pestaña "Cuentas de usuario", del PhpMyAdmin, el usuario y la base de datos correspondiente, otorgándole todos los permisos para que no tengamos ningún error en el futuro.

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Terminado el proceso de configuración, al hacer clic en el botón de la parte inferior derecha de la pantalla, nos debería mostrar un mensaje de confirmación de que se ha creado nuestro usuario y en la parte izquierda, deberíamos ver inmediatamente la base de datos con el mismo nombre, tal y como habíamos seleccionado.

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     Si lo prefieres, podrás realizar toda clase de operaciones de MySql, a través de la consola, en Windows podrás abrir la consola escribiendo CMD, y una vez abierta, si escribes los datos de acceso Usuario: root sin contraseña, porque Xampp por defecto no instala ninguna contraseña para el usuario root, podrás acceder a tus bases de datos y realizar toda clase de operaciones con ellas.

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     En el caso de que decidas realizar una instalación de Drupal con el idioma Español, es recomendable que tu base de datos tenga la configuración utf-8_general_ci, para evitar errores con los signos de puntuación como acentos o la Ñ propios de nuestro idioma.

Curso Drupal 8 | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

Drupal 8 | Instalación Xampp Server local para Drupal 8

Video de Youtube
URL de Video remoto
Texto

Si no ves el video, puedes refrescar el navegador, presionando (Ctrl+Shift+R | Ctrl+F5 o Shift+F5), o abrirlo directamente desde el Canal de Youtube... HAZ CLIC AQUI

      Antes de comenzar a trabajar en cualquier proyecto web, es necesario que cuentes con un entorno de desarrollo en el que puedas ejecutar tus códigos y/o aplicaciones; en el caso de Drupal, necesitarás un servidor en el que estén instalados Apache, php y mysql para poder realizar la instalación, configuración y ejecución de tu proyecto.

     Existen varias opciones para instalar esta clase de servidores, tanto si el sistema operativo Linux, Windows o cualquier otro.

     Una de las maneras menos complicadas de realizar esta clase de instalaciones, es utilizar el Servidor Local Xampp, cuyo contenido incluye un servidor Apache, Mysql y php, por lo que en poco tiempo podrás comenzar a trabajar con tu proyecto, sin grandes preocupaciones ni conocimientos avanzados sobre servidores.

     Si quieres descargar el servidor Xampp en tu máquina, sólo tendrás que acceder su Página Oficial y descargarte la versión más adecuada a tu sistema operativo.

xampp Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

     Desde esta página podrás descargar la última versión compatible con la versión más reciente de Php, pero si por el contrario, necesitar utilizar una versión inferior, porque tu proyecto sea en Drupal 7, por ejemplo, también podrás descargar otras versiones desde su Página Oficial Otras versiones.

xampp Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

     Tan pronto como haya terminado la descarga del instalador, como con el resto de aplicaciones para Windows, tendrás que hacer clic para iniciar el proceso de ejecución y hacer otro clic en el botón siguiente hasta que finalice todo el proceso.

xampp Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

     Cuando se haya terminado la instalación del Xampp, se mostrará en pantalla el Panel de Control, donde podrás inicializar, entre otras opciones, los servidores de Apache y MySql, haciendo clic en el botón arrancar, necesarios para continuar con la instalación del Drupal.

xampp Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

     El siguiente paso será la descarga de tus archivos de Drupal, dentro de la carpeta pública del servidor, para ello busca en tu disco C la ubicación de tu instalación del Xampp, y dentro de esta, la carpeta htdocs, dentro de la que deberías colocar todos los archivos de tus instalaciones web, incluyendo la de Drupal.

xampp Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

     Para trabajar con Drupal, es recomendable realizar algunas modificaciones, en la configuración por defecto, al menos hasta el momento de escribir este artículo, para evitar ciertos errores relacionados con la memoria, tiempo de ejecución, etc.

     Configuración Servidor Local Drupal 8

xampp Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

xampp Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

     Otro de los cambios que serán necesarios, antes de comenzar con el proceso de instalación de Drupal, es la configuración del dominio virtual o Virtual host, es lo que te permitirá acceder a tu web, mediante el navegador, para inicializar el instalador de Drupal, en esta primera fase y, posteriormente, para continuar con la gestión total de tu proyecto Drupal.

    Para la configuración del dominio virtual, en el caso de hacerlo en un servidor local, que utiliza el sistema operativo Windows, tendrás que modificar dos archivos específicamente, esto serán el archivo hosts, de Windows, ubicado en "C:\Windows\System32\drivers\etc", y dentro de este copiarás la línea que viene como ejemplo, comentada en el archivo y la sustituirás con el nombre o dominio que utilizarás en tu proyecto Drupal.

xampp Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

     El otro archivo que tendrás que modificar, es el httpd-vhost.conf, que define el "Virtual Host", dentro de tu servidor Apache en Xampp, ubicado en "C:\xampp\apache\conf", donde al igual que en caso anterior, deberás copiar las líneas que te vienen comentadas como ejemplo y sustituirlas con los datos específicos para tu proyecto Drupal.

xampp Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

Drupal 8 paso a paso | Presentación

Video de Youtube
URL de Video remoto
     En este Curso de Drupal 8 aprenderás los conocimientos básicos para que puedas instalar, en tu entorno local, un sitio web utilizando Drupal 8.