DRUPAL Módulos Específicos - Historial de revisiones

Wiki: /* Módulo Slick Carousel */

2017-06-05T18:01:52Z

Módulo Slick Carousel

Wiki en 17:12 5 jun 2017

2017-06-05T17:12:05Z

Wiki en 09:27 21 nov 2016

2016-11-21T09:27:57Z

Wiki en 16:12 16 nov 2016

2016-11-16T16:12:14Z

Wiki: /* Módulo Display Suite */

2016-11-16T16:11:16Z

Módulo Display Suite

Wiki: /* Funcionamento básico */

2016-10-27T09:04:54Z

Funcionamento básico

Wiki: /* Novos a engadir */

2016-10-27T08:06:01Z

Novos a engadir

Wiki: /* Funcionamento avanzado */

2016-10-23T11:18:51Z

Funcionamento avanzado

Wiki: /* Funcionamento avanzado */

2016-10-23T11:15:01Z

Funcionamento avanzado

Wiki en 11:07 23 oct 2016

2016-10-23T11:07:40Z

@@ Línea 106: / Línea 106: @@
 * Link de descarga: https://www.drupal.org/project/slick
 : Depende do módulo blazy: https://www.drupal.org/project/blazy
+: Librería Slick Library: https://github.com/kenwheeler/slick/ (ten que engadirse ao cartafol /libraries/)
+: Librería easing Library: https://github.com/gdsmith/jquery.easing (ten que engadir ao cartafol /libraries/)
 == Módulo Asset Injector ==

← Revisión anterior		Revisión del 17:12 5 jun 2017
Línea 98:		Línea 98:

	* Con isto vemos unha parte do que se pode facer con este módulo.		* Con isto vemos unha parte do que se pode facer con este módulo.
		+
		+
		+
		+	== Módulo Slick Carousel ==
		+
		+	* Permite engadir slideshow ao noso sitio web.
		+
		+	* Link de descarga: https://www.drupal.org/project/slick
		+	: Depende do módulo blazy: https://www.drupal.org/project/blazy

@@ Línea 181: / Línea 181: @@
 <br />
 * Módulo referenciado [http://wiki.cifprodolfoucha.es/index.php?title=DRUPAL_Permisos_de_usuarios#M.C3.B3dulo_Publish_Content na Unidade 6: Permisos].
 <br> -- [[Usuario:angelfg|Ángel D. Fernández González]] -- (2016).

@@ Línea 100: / Línea 100: @@
 == Módulo Asset Injector ==
@@ Línea 147: / Línea 128: @@
 * Módulo referenciado [http://wiki.cifprodolfoucha.es/index.php?title=DRUPAL_Tipos_de_contido#Personalizando_a_forma_en_que_se_visualizan_os_tipos_de_contido na Unidade 2: Tipos de contido].
 * Documentación: [https://www.drupal.org/project/paragraphs Documentación para a súa instalación e funcionamento].
@@ Línea 178: / Línea 160: @@
 </gallery>
 <br> -- [[Usuario:angelfg|Ángel D. Fernández González]] -- (2016).

← Revisión anterior		Revisión del 16:11 16 nov 2016
Línea 98:		Línea 98:

	* Con isto vemos unha parte do que se pode facer con este módulo.		* Con isto vemos unha parte do que se pode facer con este módulo.
		+
		+
		+	== Módulo View Unpublished ==
		+
		+	* Link de descarga: https://www.drupal.org/project/publishcontent
		+	<br/>
		+	* Uso do módulo: Permite establecer permisos sobre que roles poden ou non ver contido non publicado.
		+
		+	<br />
		+	* Módulo referenciado [http://wiki.cifprodolfoucha.es/index.php?title=DRUPAL_Permisos_de_usuarios#M.C3.B3dulo_View_Unpublished na Unidade 6: Permisos].
		+
		+
		+
		+	== Módulo Publish Content ==
		+
		+	* Link de descarga: https://www.drupal.org/project/view_unpublished
		+	<br/>
		+	* Uso do módulo: Permite que un rol poida publicar/despublicar contido.
		+
		+	<br />
		+	* Módulo referenciado [http://wiki.cifprodolfoucha.es/index.php?title=DRUPAL_Permisos_de_usuarios#M.C3.B3dulo_Publish_Content na Unidade 6: Permisos].

	== Módulo Asset Injector ==		== Módulo Asset Injector ==

← Revisión anterior		Revisión del 09:04 27 oct 2016
Línea 129:		Línea 129:

	=== Funcionamento básico ===		=== Funcionamento básico ===
		+
		+	* O módulo Paragraphcs vai permitir crear un novo tipo de contido (paragraphc), formado por campos, seguindo os mesmos pasos vistos para a [http://wiki.cifprodolfoucha.es/index.php?title=DRUPAL_Tipos_de_contido#Creando_un_novo_tipo_de_contido creación de novos tipos de contido xa visto na wiki].
		+
		+	* Sobre dito paragraphc imos poder aplicar os deseños vistos no módulo Display Suite o calquera outra forma que permita modificar a súa presentación.
		+
		+	* A <u>diferenza vai estribar en que imos poder utilizar un paragraphc completo como se foxe un campo máis dun tipo de contido</u>.
		+
		+	* Vexamos un exemplo no que imos crear un paragraphc no que gardaremos información sobre as novas dos xogadores de baloncesto.
		+	: Imos facer que o paragraphc estea formado por un campo de texto e unha imaxe e imos modificar o tipo de contido 'Ficha Xogador' para que poidamos engadir un número ilimitado de paragraphc do tipo creado.
		+	: Visualizaremos o resultado.
		+
		+	<gallery caption="Creando un Paragraphc de exemplo" widths="350" heights="300px" perrow="2">
		+	Image:Drupal_tipo_contidos_paragraphc_1.jpg\| Unha vez '''instalado''' e '''activado''' o módulo Paragraphcs, aparecerá no menú '''Administrar''' ==> '''Estructuras''' unha nova entrada de nome '''Paragraphcs types'''. Prememos sobre a opción.
		+	Image:Drupal_tipo_contidos_paragraphc_2.jpg\| Prememos agora no botón '''Add paragraphcs types'''.
		+	Image:Drupal_tipo_contidos_paragraphc_3.jpg\| Dámoslle un nome ao tipo de paragraphc e prememos o botón '''Guardar y administrar campos'''.
		+	Image:Drupal_tipo_contidos_paragraphc_4.jpg\| Esta pantalla é a mesma á [http://wiki.cifprodolfoucha.es/index.php?title=DRUPAL_Tipos_de_contido#Creando_un_novo_tipo_de_contido creación de novos tipos de contido xa visto na wiki]. Creamos dous campos, un tipo texto con formato e outro tipo imaxe.
		+	Image:Drupal_tipo_contidos_paragraphc_4B.jpg\| Como vemos na imaxe imos asociado un deseño de dous columnas utilizando o módulo Display Suite (visto anteriormente) e colocado cada campo nunha columna diferente. Se non tedes o módulo instalado podedes deixalos como veñen por defecto.
		+	Image:Drupal_tipo_contidos_paragraphc_5.jpg\| Agora se imos a calquera tipo de contido xa creado (ou creamos un novo tipo de contido) podemos engadir un novo campo de '''tipo Párrafo'''. Indicamos a etiqueta que vai ter ese novo tipo. Fixarse que estamos a poñer como un tipo de campo algo que a súa vez está formado por máis campos (texto e imaxe).
		+	Image:Drupal_tipo_contidos_paragraphc_6.jpg\| O número de valores permitidos podemos limitalo ou deixalo en ilimitado para permitir que cando se cre un novo contido deste tipo poidamos engadir un número ilimitado de novos do xogador.
		+	Image:Drupal_tipo_contidos_paragraphc_7.jpg\| Configuramos o campo e na parte baixa podemos escoller que <u>tipos de paragraphc</u> podemos engadir. No exemplo soamente aparece un. Se non marcamos ningún poderíamos engadir calquera tipo de paragraphc creado.
		+	Image:Drupal_tipo_contidos_paragraphc_8.jpg\| Agora creamos ou editamos un contido previo e podemos ver como no formulario de entrada de datos aparece a posibilidade de engadir novas (o pharaphac creado).
		+	Image:Drupal_tipo_contidos_paragraphc_9.jpg\| Engadimos un par de novas.
		+	Image:Drupal_tipo_contidos_paragraphc_10.jpg\| Colocamos dito campo na presentación do tipo de contido.
		+	Image:Drupal_tipo_contidos_paragraphc_11.jpg\| Visualizamos o resultado.
		+
		+
		+	</gallery>

@@ Línea 113: / Línea 113: @@
 * Módulo referenciado [http://wiki.cifprodolfoucha.es/index.php?title=DRUPAL_Tipos_de_contido#Personalizando_a_forma_en_que_se_visualizan_os_tipos_de_contido na Unidade 2: Tipos de contido].
-== Novos a engadir ==
+== Módulo Paragraphcs ==
 <br> -- [[Usuario:angelfg|Ángel D. Fernández González]] -- (2016).

@@ Línea 94: / Línea 94: @@
 Image:Drupal_tipo_contidos_ds_23.jpg| Engadimos a liña que informa de que debe cargar o arquivo meusestilos.css, que se atopa no cartafol css.
 Image:Drupal_tipo_contidos_ds_15.jpg| Debemos [http://wiki.cifprodolfoucha.es/index.php?title=DRUPAL_Atallos baleirar a cache].
-Image:Drupal_tipo_contidos_ds_23.jpg| Vemos o resultado.
+Image:Drupal_tipo_contidos_ds_24.jpg| Vemos o resultado.
 </gallery>

@@ Línea 70: / Línea 70: @@
 <gallery caption="Exemplo 1: Aplicando clases de CSS a campos do tipo de contido" widths="350" heights="300px" perrow="2">
 Image:Drupal_tipo_contidos_ds_8.jpg| Imos ao menú '''Administrar''' => '''Ampliar''' e activamos o módulo '''Display Suite Extras'''.
-Image:Drupal_tipo_contidos_ds_9.jpg| Se imos ao menú '''Administrar''' => '''Estructura''' e escollemos a opción de '''Display Suite''' ou '''Suite de presentación''', teremos na parte superior tres opcións: presentación (na que estamos por defecto, clases e campos. Se non caben visualmente teredes que premer nuns puntos suspensivos que aparece ao carón de Presentaciones. Como vemos, podemos crear nomes de clases que despois deberán ser desenvolvidas nun arquivo CSS. No exemplo creamos unha clase CSS a nivel de campo de nome css_campo_altura. Podemos crear clases CSS a nivel de layout e aplicalo a todo o deseño, ao layout esquerdo ou ao layout dereito.
+Image:Drupal_tipo_contidos_ds_9.jpg| Se imos ao menú '''Administrar''' => '''Estructura''' e escollemos a opción de '''Display Suite''' ou '''Suite de presentación''', teremos na parte superior tres opcións: presentación (na que estamos por defecto, clases e campos. Se non caben visualmente teredes que premer nuns puntos suspensivos que aparece ao carón de Presentaciones) Prememos en clases. Como vemos, podemos crear nomes de clases que despois deberán ser desenvolvidas nun arquivo CSS. No exemplo creamos unha clase CSS a nivel de campo de nome css_campo_altura. Podemos crear clases CSS a nivel de layout e aplicalo a todo o deseño, ao layout esquerdo ou ao layout dereito.
 Image:Drupal_tipo_contidos_ds_10.jpg| Activamos, en opcións de presentación, o uso de etiquetas CSS asociadas aos campos dos tipos de contido e prememos no botón de '''Guardar configuración'''.
 Image:Drupal_tipo_contidos_ds_10B.jpg| Imos á Ficha do Xogador e escollemos a presentación '''Completa''' e no campo '''Altura''' prememos sobre a roda dentada da dereita.
@@ Línea 86: / Línea 86: @@
 <gallery caption="Exemplo 2: Aplicando clases CSS ao deseño do layout" widths="350" heights="300px" perrow="2">
-Image:Drupal_tipo_contidos_ds_17.jpg| Se imos ao menú '''Administrar''' => '''Estructura''' e escollemos a opción de '''Display Suite''' ou '''Suite de presentación''', teremos na parte superior tres opcións: presentación (na que estamos por defecto, clases e campos. Se non caben visualmente teredes que premer nuns puntos suspensivos que aparece ao carón de Presentaciones. No exemplo creamos dous clases CSS a nivel de layout. Unha clase CSS que será aplicada á columna esquerda e outra clase CSS para a dereita.
+Image:Drupal_tipo_contidos_ds_17.jpg| Se imos ao menú '''Administrar''' => '''Estructura''' e escollemos a opción de '''Display Suite''' ou '''Suite de presentación''', teremos na parte superior tres opcións: presentación (na que estamos por defecto, clases e campos. Se non caben visualmente teredes que premer nuns puntos suspensivos que aparece ao carón de Presentaciones) '''Prememos en clases'''. No exemplo creamos dous clases CSS a nivel de layout. Unha clase CSS que será aplicada á columna esquerda e outra clase CSS para a dereita.
 Image:Drupal_tipo_contidos_ds_18.jpg| Se editamos o tipo de contido '''Ficha de Xogador''' e imos a parte de '''Presentación''', podemos observar como na parte baixa podemos seleccionar a sección '''Custom clasess''' e podemos aplicar unha clase a todo o layout, a columna da esquerda ou a columna da dereita.
 Image:Drupal_tipo_contidos_ds_21.jpg| Seguindo co exemplo, <u>aplicade a class_rexion_esquerda á parte left e a class_rexion_dereita á parte right</u>. Premede o botón '''Guardar'''.
 Image:Drupal_tipo_contidos_ds_19.jpg| Agora imos a crear un arquivo CSS onde imos definir as clases anteriores. Para iso temos que ir onde se atopa o theme instalado. Por defecto deberedes ter o theme bartik (se non é o caso deberedes ir onde se atope o theme. Se é do core se atopará en /instalación_drupal/core/themes/nome_theme; se é un descargado por vos atoparase en /instalación_drupal/themes).  No noso caso imos ir o cartafol '''/instalación_drupal/core/themes/bartik/css''' e <u>creamos un arquivo de nome meuestilos.css</u>
-Image:Drupal_tipo_contidos_ds_20.jpg| Creamos o contido e o gardamos. Fixarse que como seguimos tendo o código CSS do exercicio anterior vai aplicar os dous. O normal é que obtedes por unha das dúas formas para aplicar CSS. Eu recomendo esta que estamos a facer agora.
+Image:Drupal_tipo_contidos_ds_20.jpg| Creamos o contido e o gardamos. Fixarse que como seguimos tendo o código CSS do exercicio anterior vai aplicar os dous. O normal é que obtedes por unha das dúas formas para aplicar CSS. Eu recomendo esta que estamos a facer agora. '''Importante:''' O nome da clase CSS para a rexión é o nome posto por nos <u>máis o nome da rexión: group-left e group-right</u>.
 Image:Drupal_tipo_contidos_ds_22.jpg| Agora temos que informar ao theme Bartik de que cargue o arquivo CSS creado. Para iso temos que editar o arquivo '''bartik.libraries.yml''' que se atopa no cartafol do theme (/instalación drupal/core/themes/bartik).
 Image:Drupal_tipo_contidos_ds_23.jpg| Engadimos a liña que informa de que debe cargar o arquivo meusestilos.css, que se atopa no cartafol css.
@@ Línea 98: / Línea 98: @@
 * Con isto vemos unha parte do que se pode facer con este módulo.
 == Módulo Asset Injector ==

@@ Línea 68: / Línea 68: @@
 * Nestes exemplo imos modificar mediante clases e con arquivos CSS o aspecto dos tipos de contido dentro de cada rexión.
-<gallery caption="Exemplo 1" widths="350" heights="300px" perrow="2">
+<gallery caption="Exemplo 1: Aplicando clases de CSS a campos do tipo de contido" widths="350" heights="300px" perrow="2">
 Image:Drupal_tipo_contidos_ds_8.jpg| Imos ao menú '''Administrar''' => '''Ampliar''' e activamos o módulo '''Display Suite Extras'''.
-Image:Drupal_tipo_contidos_ds_9.jpg| Se imos ao menú '''Administrar''' => '''Estructura''' e escollemos a opción de '''Display Suite''' ou '''Suite de presentación''', teremos na parte superior tres opcións: presentación (na que estamos por defecto, clases e campos. Se non caben visualmente teredes que premer nuns puntos suspensivos que aparece ao carón de Presentaciones. Como vemos, podemos crear nomes de clases que despois deberán ser desenvolvidas nun arquivo CSS. No exemplo creamos un CSS a nivel de campo de nome css_campo_altura. Podemos crear CSS a nivel de layout e aplicalo a todo o deseño, ao layout esquerdo ou ao layout dereito.
+Image:Drupal_tipo_contidos_ds_9.jpg| Se imos ao menú '''Administrar''' => '''Estructura''' e escollemos a opción de '''Display Suite''' ou '''Suite de presentación''', teremos na parte superior tres opcións: presentación (na que estamos por defecto, clases e campos. Se non caben visualmente teredes que premer nuns puntos suspensivos que aparece ao carón de Presentaciones. Como vemos, podemos crear nomes de clases que despois deberán ser desenvolvidas nun arquivo CSS. No exemplo creamos unha clase CSS a nivel de campo de nome css_campo_altura. Podemos crear clases CSS a nivel de layout e aplicalo a todo o deseño, ao layout esquerdo ou ao layout dereito.
 Image:Drupal_tipo_contidos_ds_10.jpg| Activamos, en opcións de presentación, o uso de etiquetas CSS asociadas aos campos dos tipos de contido e prememos no botón de '''Guardar configuración'''.
 Image:Drupal_tipo_contidos_ds_10B.jpg| Imos á Ficha do Xogador e escollemos a presentación '''Completa''' e no campo '''Altura''' prememos sobre a roda dentada da dereita.
@@ Línea 76: / Línea 76: @@
 Image:Drupal_tipo_contidos_ds_12.jpg| Prememos o botón '''Guardar'''.
 Image:Drupal_tipo_contidos_ds_13.jpg| Agora, se visualizamos a ficha de xogador e co navegador vemos o código fonte da altura (no firefox podemos premer sobre a altura na páxina e có botón dereito  escollemos a opción de '''Inspeccionar elemento'''. Tamén podemos instalar [https://addons.mozilla.org/es/firefox/addon/firebug/ o complemento firebug] para inspeccionar o CSS das páxinas) podemos observar como o div que engloba á etiqueta e o dato da altura ten asociado o CSS de nome '''class_campo_altura'''.
-Image:Drupal_tipo_contidos_ds_14.jpg| Agora temos que definir un arquivo CSS onde definimos a clase anterior. Dito arquivo podería ir no Theme (é o aspecto do sitio web, o veremos máis adiante) ou podemos poñelo no CSS asociado á plantilla que
+Image:Drupal_tipo_contidos_ds_14.jpg| Agora temos que definir un arquivo CSS onde definimos a clase anterior. Dito arquivo podería ir no Theme (é o aspecto do sitio web, o veremos máis adiante) ou podemos poñelo no CSS asociado ao modelo que escollemos (dous columnas layout). Neste caso editamos o arquivo '''/instalación_drupal/modules/ds/css/ds-2col.css'''. Fixarse que o nome field__item <u>leva dous guións baixos</u>. Sabemos o nome de dito identificador ao ver o código fonte da páxina.
 </gallery>
 == Módulo Asset Injector ==