DRUPAL Apariencia - Historial de revisiones

Wiki en 09:41 10 nov 2016

2016-11-10T09:41:35Z

Wiki en 09:41 10 nov 2016

2016-11-10T09:41:10Z

Wiki en 09:40 10 nov 2016

2016-11-10T09:40:24Z

Wiki: /* Themes en Drupal */

2016-09-08T06:26:37Z

Themes en Drupal

Wiki en 23:27 6 sep 2016

2016-09-06T23:27:21Z

Wiki: /* Themes en Drupal */

2016-09-06T23:19:52Z

Themes en Drupal

Wiki: /* Themes en Drupal */

2016-09-06T22:41:03Z

Themes en Drupal

Wiki: /* Themes en Drupal */

2016-09-06T22:40:38Z

Themes en Drupal

Wiki en 13:17 29 ago 2016

2016-08-29T13:17:49Z

Wiki: Página blanqueada

2016-08-29T13:15:54Z

Página blanqueada

← Revisión anterior		Revisión del 09:41 10 nov 2016
Línea 105:		Línea 105:
	:* '''Themes con templates''': En Drupal podemos crear themes partindo dun theme xa instalado, 'herdando' todas as súas características e personalizando as que queiramos. A maiores, existen un themes que xa veñen coa posibilidade de facer themes baseados neles, utilizando templates. Podedes atopar algúns destes themes se facedes unha [https://www.drupal.org/project/project_theme?f%5B0%5D=&f%5B1%5D=&f%5B2%5D=drupal_core%3A7234&f%5B3%5D=sm_field_project_type%3Afull&text=template&solrsort=iss_project_release_usage+desc&op=Search busca en Drupal.org].		:* '''Themes con templates''': En Drupal podemos crear themes partindo dun theme xa instalado, 'herdando' todas as súas características e personalizando as que queiramos. A maiores, existen un themes que xa veñen coa posibilidade de facer themes baseados neles, utilizando templates. Podedes atopar algúns destes themes se facedes unha [https://www.drupal.org/project/project_theme?f%5B0%5D=&f%5B1%5D=&f%5B2%5D=drupal_core%3A7234&f%5B3%5D=sm_field_project_type%3Afull&text=template&solrsort=iss_project_release_usage+desc&op=Search busca en Drupal.org].
	<br> -- [[Usuario:angelfg\|Ángel D. Fernández González]] -- (2016).		<br> -- [[Usuario:angelfg\|Ángel D. Fernández González]] -- (2016).
−
−	~~== ==~~

@@ Línea 1: / Línea 1: @@
-==Introdución==
+== Introdución ==
 * A forma en como está estruturada o sitio web en drupal, tanto na parte que se emprega polo administrador para a súa xestión como a parte que se amosa aos usuarios que fan uso do sitio denomínase '''Theme'''.
@@ Línea 22: / Línea 22: @@
 * Máis información [https://www.drupal.org/documentation/theme no seguinte enlace].
-==Themes en Drupal==
+== Themes en Drupal ==
 * En Drupal podemos ter moitos temas (themes) instalados á vez, pero só un deles estará visualmente activo.
@@ Línea 88: / Línea 88: @@
-==Tipos de themes==
+== Tipos de themes ==
 * En Drupal temos multitude de themes diferentes, pero neste punto quero indicar algúns dos tipos que podemos atopar:
@@ Línea 105: / Línea 105: @@
 :* '''Themes con templates''': En Drupal podemos crear themes partindo dun theme xa instalado, 'herdando' todas as súas características e personalizando as que queiramos. A maiores, existen un themes que xa veñen coa posibilidade de facer themes baseados neles, utilizando templates. Podedes atopar algúns destes themes se facedes unha [https://www.drupal.org/project/project_theme?f%5B0%5D=&f%5B1%5D=&f%5B2%5D=drupal_core%3A7234&f%5B3%5D=sm_field_project_type%3Afull&text=template&solrsort=iss_project_release_usage+desc&op=Search busca en Drupal.org].
 <br> -- [[Usuario:angelfg|Ángel D. Fernández González]] -- (2016).

← Revisión anterior		Revisión del 09:40 10 nov 2016
Línea 88:		Línea 88:


		+	==Tipos de themes==

		+	* En Drupal temos multitude de themes diferentes, pero neste punto quero indicar algúns dos tipos que podemos atopar:

		+	:* '''Themes responsives''': Son themes que se 'adaptan' á resolución/tamaño do dispositivo.
		+	:: Podedes facer [https://www.drupal.org/project/project_theme?f%5B0%5D=&f%5B1%5D=&f%5B2%5D=drupal_core%3A7234&f%5B3%5D=sm_field_project_type%3Afull&text=responsive&solrsort=iss_project_release_usage+desc&op=Search unha busca en Drupal.org].

		+	: Vexamos un exemplo:
		+	<gallery caption="Exemplo de theme responsive" widths="350" heights="300px" perrow="3">
		+	Image:Drupal_apariencia_35.jpg\| So o theme ten espazo amosa os menús en formato horizontal na parte superior. Os contidos aparecen enteiros.
		+	Image:Drupal_apariencia_36.jpg\| O menú de administración pasou á parte esquerda en formato vertical. O menú do sitio web foi substituído por unha icona no que se prememos aparecen despregados os elementos do menú. Os contidos aparecen con barras de scroll.
		+	</gallery>

		+
		+
		+	:* '''Themes con templates''': En Drupal podemos crear themes partindo dun theme xa instalado, 'herdando' todas as súas características e personalizando as que queiramos. A maiores, existen un themes que xa veñen coa posibilidade de facer themes baseados neles, utilizando templates. Podedes atopar algúns destes themes se facedes unha [https://www.drupal.org/project/project_theme?f%5B0%5D=&f%5B1%5D=&f%5B2%5D=drupal_core%3A7234&f%5B3%5D=sm_field_project_type%3Afull&text=template&solrsort=iss_project_release_usage+desc&op=Search busca en Drupal.org].
	<br> -- [[Usuario:angelfg\|Ángel D. Fernández González]] -- (2016).		<br> -- [[Usuario:angelfg\|Ángel D. Fernández González]] -- (2016).

@@ Línea 27: / Línea 27: @@
 * Poderemos:
 :* Instalar un theme existente: https://www.drupal.org/project/project_theme
-:* Cambiar e adaptar un tema específico as nosas necesidades (cambiando ou modificando partes del). Deste tipo temos entre outros o [https://www.drupal.org/project/zen Theme Zen].
+:* Cambiar e adaptar un tema específico as nosas necesidades (cambiando ou modificando partes del).
 :* Crear un novo tema dende cero.

← Revisión anterior	Revisión del 23:27 6 sep 2016
Línea 81:	Línea 81:


	+
	+	* Os temas que aparecen inicialmente no Drupal, son temas que se atopan no '''CORE''' do mesmo (cartafol /drupal/core/themes) <u>e se recomenda non modificalos</u>.

← Revisión anterior	Revisión del 13:17 29 ago 2016
Línea 1:	Línea 1:
	+	==Introdución==

	+	* A forma en como está estruturada o sitio web en drupal, tanto na parte que se emprega polo administrador para a súa xestión como a parte que se amosa aos usuarios que fan uso do sitio denomínase '''Theme'''.
	+	* O Theme afecta tanto a estrutura, coma o tamaño, cor, formato,...de todo o que se amose na páxina.
	+	<br/>
	+	* Cando implantamos un sitio web queremos que dito sitio teña unha aparencia que sexa igual (ou moi parecida) en todas as súas páxinas.
	+	* Queremos ter unha estrutura determinada, co logo da empresa nun lugar, o menú noutro, os artigos ou información situado entre unhas partes determinadas,.... Todo isto dánolo o theme.
	+	<br/>
	+	* Vexamos un exemplo concreto na [http://www.cifprodolfoucha.es web do Centro]:
	+
	+	[[Imagen:Drupal_apariencia_3.jpg\|400px\|center]]
	+	[[Imagen:Drupal_apariencia_4.jpg\|400px\|center]]
	+
	+	: Como vemos, na parte superior (en cor vermella) temos unha '''sección de Menú''' na que se atopa o '''Logo''' e o '''Menú Principal'''.
	+	: Na parte da dereita (en cor Marrón) temos '''diferentes seccións''', unha busca na web, outra de acceso a seccións específicas, outra ao blog da biclioteca,...
	+	: Na parte centra (en cor amarela) temos dúas seccións, unha '''de novas''' e outra '''de situación do centro'''.
	+	: Na parte baixa (en cor rosa) temos información do centro, formas de contacto,....
	+
	+
	+
	+
	+	* Máis información [https://www.drupal.org/documentation/theme no seguinte enlace].
	+
	+	==Themes en Drupal==
	+
	+	* En Drupal podemos ter moitos temas (themes) instalados á vez, pero só un deles estará visualmente activo.
	+	* Poderemos:
	+	:* Instalar un novo tema: https://www.drupal.org/project/project_theme
	+	:* Cambiar e adaptar un tema específico as nosas necesidades (cambiando ou modificando partes del).
	+	:* Crear un novo tema dende cero.
	+
	+	<br/>
	+
	+	* Para visualizar os Themes que se atopan en Drupal teremos que ir á opción de menú '''Administrar''' => '''Apariencia'''.
	+
	+	[[Imagen:Drupal_apariencia_5.jpg\|500px\|center]]
	+
	+	: Como vemos temos o tema Bartik 8.1.8 (tema predeterminado) como theme. Temén temos o Seven 8.1.8 (Tema de administración) instalado, que se está usando como tema de administración (na parte inferior desta pantalla). Se queremos 'activar' un dos temas instalados teríamos que premer a opción '''Configurar como predeterminado'''.
	+
	+	* Vexamos agora como está estruturado dito tema.
	+
	+	<gallery caption="Visualizando a estrutura dun tema" widths="350" heights="300px" perrow="2">
	+	Image:Drupal_apariencia_6.jpg\| Prememos sobre a opción '''Disposición de bloques'''.
	+	Image:Drupal_apariencia_7.jpg\| Prememos sobre a opción '''Demostrar regiones de bloques'''.
	+	Image:Drupal_apariencia_8.jpg\| Aparecen os diferentes bloques e seccións nos que está dividido o tema. Debemos premer 'Salir de la demostración...' na parte superior esquerda para volver á pantalla anterior.
	+	</gallery>
	+
	+	* Como vemos na parte do encabezado temos dous menús e o encabezado propiamente dito.
	+	<br/>
	+
	+	* Hai algunhas partes que 'non aparecen' por defecto cando cargamos a paxina e aparecen cando 'sucede algo'. Por exemplo a parte '''Destacado''':
	+	<gallery caption="Configuracion unha sección específica" widths="350" heights="300px" perrow="2">
	+	Image:Drupal_apariencia_9.jpg\| Vemos que en dita sección (é dicir, visualmente aparecerá na páxina como vimos ao premer en 'Demostrar regiones de bloques') está formado por un contido denominado '''Mensajes de estado'''. Dito contido pertence á '''categoría de System'''. Podemos mover dito contido a outra sección premendo na listbox que aparece ou ben premendo no botón en forma de dobre frecha na parte esquerda a desprazando a outra sección. Prememos o '''botón configurar'''.
	+	Image:Drupal_apariencia_10.jpg\| Cada contido podemos configuralo para que cando saia a mensaxe apareza un título xunto coa mensaxe (por defecto desactivado), e podemos indicar con que contido, páxinas ou con que tipo de usuarios queremos que saia a mensaxe que se vai visualizar (por defecto con todos).
	+	Image:Drupal_apariencia_11.jpg\| Por exemplo, se intentades subir un comentario a un artigo publicado previamente, aparecerá unha mensaxe nesa sección...
	+	</gallery>
	+
	+	<br/>
	+	* Podemos ver como se corresponden os contidos-seccións cos que aparecen na paxina web (non están todos):
	+	[[Imagen:Drupal_apariencia_1.jpg\|500px\|center]]
	+
	+	<br/>
	+	* Podemos agregar novos contidos a unha sección determinada.
	+	<gallery caption="Agregando novos contidos a unha sección específica" widths="350" heights="300px" perrow="3">
	+	Image:Drupal_apariencia_12.jpg\| Primeiro debemos escoller o 'bloque' onde vai ir o novo contido e premer o botón '''Colocar bloque'''.
	+	Image:Drupal_apariencia_13.jpg\| Agora indicamos que bloque de contido imos a poñer ou se queremos crear un específico. Para facer esta proba imos seleccionar o bloque '''Incio de sesión''' (podedes escoller outros para facer probas). Unha vez escollido aparecerá unha ventá coas opcións de configuración explicadas anteriormente. Prememos o botón '''Gardar bloque'''.
	+	Image:Drupal_apariencia_14.jpg\| Agora xa aparece na sección elexida, pudendo desprazala a outro lugar dentro ou fora de sección.
	+	Image:Drupal_apariencia_15.jpg\| Fixarse como se facemos algunha modificación, e non se garda, aparecerá na parte superior un aviso. Teremos que gardar os cambios premendo no botón '''Guardar bloques''' na parte inferior da paxina.
	+	Image:Drupal_apariencia_16.jpg\| Se pechamos a sesión e imos a paxina principal veremos como aparece o novo bloque dentro da sección elixida.
	+	Image:Drupal_apariencia_17.jpg\| Podemos eliminar o bloque premendo no menú da dereita e seleccionado a opción '''Eliminar'''.
	+
	+	</gallery>
	+
	+
	+
	+
	+
	+
	+
	+
	+	<br> -- [[Usuario:angelfg\|Ángel D. Fernández González]] -- (2016).

← Revisión anterior		Revisión del 13:15 29 ago 2016
Línea 1:		Línea 1:
−	~~==Introdución==~~

−	* A forma en como está estruturada o sitio web en drupal, tanto na parte que se emprega polo administrador para a súa xestión como a parte que se amosa aos usuarios que fan uso do sitio denomínase '''Theme'''.
−	* O Theme afecta tanto a estrutura, coma o tamaño, cor, formato,...de todo o que se amose na páxina.
−	~~<br/>~~
−	* Cando implantamos un sitio web queremos que dito sitio teña unha aparencia que sexa igual (ou moi parecida) en todas as súas páxinas.
−	* Queremos ter unha estrutura determinada, co logo da empresa nun lugar, o menú noutro, os artigos ou información situado entre unhas partes determinadas,.... Todo isto dánolo o theme.
−	~~<br/>~~
−	* Vexamos un exemplo concreto na [http://www.cifprodolfoucha.es web do Centro]:
−
−	~~[[Imagen:Drupal_apariencia_3.jpg\|400px\|center]]~~
−	~~[[Imagen:Drupal_apariencia_4.jpg\|400px\|center]]~~
−
−	~~: Como vemos, na parte superior (en cor vermella) temos unha '''sección de Menú''' na que se atopa o '''Logo''' e o '''Menú Principal'''.~~
−	~~: Na parte da dereita (en cor Marrón) temos '''diferentes seccións''', unha busca na web, outra de acceso a seccións específicas, outra ao blog da biclioteca,...~~
−	~~: Na parte centra (en cor amarela) temos dúas seccións, unha '''de novas''' e outra '''de situación do centro'''.~~
−	~~: Na parte baixa (en cor rosa) temos información do centro, formas de contacto,....~~
−
−
−
−
−	* Máis información [https://www.drupal.org/documentation/theme no seguinte enlace].
−
−	~~==Themes en Drupal==~~
−
−	* En Drupal podemos ter moitos temas (themes) instalados á vez, pero só un deles estará visualmente activo.
−	* Poderemos:
−	~~:* Instalar un novo tema: https://www.drupal.org/project/project_theme~~
−	~~:* Cambiar e adaptar un tema específico as nosas necesidades (cambiando ou modificando partes del).~~
−	~~:* Crear un novo tema dende cero.~~
−
−	~~<br/>~~
−
−	* Para visualizar os Themes que se atopan en Drupal teremos que ir á opción de menú '''Administrar''' => '''Apariencia'''.
−
−	~~[[Imagen:Drupal_apariencia_5.jpg\|500px\|center]]~~
−
−	: Como vemos temos o tema Bartik 8.1.8 (tema predeterminado) como theme. Temén temos o Seven 8.1.8 (Tema de administración) instalado, que se está usando como tema de administración (na parte inferior desta pantalla). Se queremos 'activar' un dos temas instalados teríamos que premer a opción '''Configurar como predeterminado'''.
−
−	* Vexamos agora como está estruturado dito tema.
−
−	~~<gallery caption="Visualizando a estrutura dun tema" widths="350" heights="300px" perrow="2">~~
−	~~Image:Drupal_apariencia_6.jpg\| Prememos sobre a opción '''Disposición de bloques'''.~~
−	~~Image:Drupal_apariencia_7.jpg\| Prememos sobre a opción '''Demostrar regiones de bloques'''.~~
−	Image:Drupal_apariencia_8.jpg\| Aparecen os diferentes bloques e seccións nos que está dividido o tema. Debemos premer 'Salir de la demostración...' na parte superior esquerda para volver á pantalla anterior.
−	~~</gallery>~~
−
−	* Como vemos na parte do encabezado temos dous menús e o encabezado propiamente dito.
−	~~<br/>~~
−
−	* Hai algunhas partes que 'non aparecen' por defecto cando cargamos a paxina e aparecen cando 'sucede algo'. Por exemplo a parte '''Destacado''':
−	~~<gallery caption="Configuracion unha sección específica" widths="350" heights="300px" perrow="2">~~
−	Image:Drupal_apariencia_9.jpg\| Vemos que en dita sección (é dicir, visualmente aparecerá na páxina como vimos ao premer en 'Demostrar regiones de bloques') está formado por un contido denominado '''Mensajes de estado'''. Dito contido pertence á '''categoría de System'''. Podemos mover dito contido a outra sección premendo na listbox que aparece ou ben premendo no botón en forma de dobre frecha na parte esquerda a desprazando a outra sección. Prememos o '''botón configurar'''.
−	Image:Drupal_apariencia_10.jpg\| Cada contido podemos configuralo para que cando saia a mensaxe apareza un título xunto coa mensaxe (por defecto desactivado), e podemos indicar con que contido, páxinas ou con que tipo de usuarios queremos que saia a mensaxe que se vai visualizar (por defecto con todos).
−	~~Image:Drupal_apariencia_11.jpg\| Por exemplo, se intentades subir un comentario a un artigo publicado previamente, aparecerá unha mensaxe nesa sección...~~
−	~~</gallery>~~
−
−	~~<br/>~~
−	* Podemos ver como se corresponden os contidos-seccións cos que aparecen na paxina web (non están todos):
−	~~[[Imagen:Drupal_apariencia_1.jpg\|500px\|center]]~~
−
−	~~<br/>~~
−	* Podemos agregar novos contidos a unha sección determinada.
−	~~<gallery caption="Agregando novos contidos a unha sección específica" widths="350" heights="300px" perrow="3">~~
−	~~Image:Drupal_apariencia_12.jpg\| Primeiro debemos escoller o 'bloque' onde vai ir o novo contido e premer o botón '''Colocar bloque'''.~~
−	Image:Drupal_apariencia_13.jpg\| Agora indicamos que bloque de contido imos a poñer ou se queremos crear un específico. Para facer esta proba imos seleccionar o bloque '''Incio de sesión''' (podedes escoller outros para facer probas). Unha vez escollido aparecerá unha ventá coas opcións de configuración explicadas anteriormente. Prememos o botón '''Gardar bloque'''.
−	~~Image:Drupal_apariencia_14.jpg\| Agora xa aparece na sección elexida, pudendo desprazala a outro lugar dentro ou fora de sección.~~
−	Image:Drupal_apariencia_15.jpg\| Fixarse como se facemos algunha modificación, e non se garda, aparecerá na parte superior un aviso. Teremos que gardar os cambios premendo no botón '''Guardar bloques''' na parte inferior da paxina.
−	~~Image:Drupal_apariencia_16.jpg\| Se pechamos a sesión e imos a paxina principal veremos como aparece o novo bloque dentro da sección elixida.~~
−	~~Image:Drupal_apariencia_17.jpg\| Podemos eliminar o bloque premendo no menú da dereita e seleccionado a opción '''Eliminar'''.~~
−
−	~~</gallery>~~
−
−	~~==Instalando un novo Tema==~~
−
−
−	* <u>'''NOTA:'''</u> '''Esta sección está asociada á realización dun exercicio.'''
−
−	~~<br/>~~
−	* Para instalar un novo tema podemos facelo graficamente ou manualmente.
−
−	* Para facelo graficamente necesitamos ter configurado un servidor ftp ao noso servidor. Como non é o caso imos facelo manualmente.
−
−	* Primeiro debemos decidir o tema a instalar.
−	:* Podemos ir a [https://www.drupal.org/project/project_theme este enlace] onde temos varios criterios de busca. Un dos que sempre temos que ter en conta é o que indica o 'core compatibility' no que teremos que escoller a versión do drupal que temos instalada.
−	~~:* Podemos ir a [https://www.drupal.org/project/project_theme/index este enlace] no que aparece un índice dos temas.~~
−
−	~~<br/>~~
−	* Vexamos un exemplo de busca:
−
−	~~[[Imagen:Drupal_apariencia_18.jpg\|400px\|center]]~~
−
−	~~<br/>~~
−	* Imos a instalar o tema '''Drupal8 Zymphonies Theme''' que aparece na busca anterior. Ao premer nel aparecerá a súa información:
−
−	~~[[Imagen:Drupal_apariencia_19.jpg\|400px\|center]]~~
−
−	~~Como está indicado:~~
−	~~:* Está activamente mantido, polo que se aparecen [https://es.wikipedia.org/wiki/Error_de_software bugs] serán corrixidos.~~
−	~~:* A nivel de desenvolvemento soamente faranse modificacións para corrixir os erros atopados.~~
−	~~:* Indica o número de sitios que informaron da súa instalación.~~
−	~~:* Indica o número de veces que se descargou o tema do sitio web.~~
−	~~:* Indica a última vez que foi modificado.~~
−
−	~~<br/>~~
−	* Procederemos a instalación.
−	~~<gallery caption="Instalación dun novo tema" widths="350" heights="300px" perrow="2">~~
−	Image:Drupal_apariencia_20.jpg\| Primeiro debemos de '''situarnos no cartafol /drupal/themes/'''. Lembrar que se estamos a usar Xampp debemos de ir ao cartafol '/opt/lampp/htdocs/drupal/themes'. <br/><u>Nota:</u> Esta parte [https://www.drupal.org/docs/7/extending-drupal/installing-themes é diferente se o facedes con Drupal 7].
−	Image:Drupal_apariencia_21.jpg\| Agora debemos de descargar o arquivo tar.gz do tema seleccionado. En Linux podemos poñer: '''wget https://ftp.drupal.org/files/projects/drupal8_zymphonies_theme-8.x-1.0.tar.gz''', sendo a dirección URL copiado dende a paxina web do tema.
−	Image:Drupal_apariencia_22.jpg\| Descomprimimos o arquivo no cartafol /drupal/themes/ coa orden: '''tar -zxvf drupal8_zymphonies_theme-8.x-1.0.tar.gz''' e borramos o arquivo comprimido baixado de Internet. Cambiamos o propietario dos cartafoles creados: '''chown -R www-data:www-data /opt/lampp/htdocs/drupal/themes/'''. Algúns temas poden ter información sobre configuración para facelo funcionar correctamente. Isto (se é o caso) se atopará normalmente no cartafol do tema nun arquivo de nome Install.txt ou Readme.txt.
−	Image:Drupal_apariencia_23.jpg\| Agora se imos a opción de menú '''Administrar''' => '''Apariencia''' aparecerá como opción a instalar o tema seleccionado. '''Prememos o botón Instalar y seleccionar de modo predeterminado'''.
−	~~Image:Drupal_apariencia_24.jpg\| Xa aparece no listado de temas instaladose podemos premer o botón de '''Opciones''' para ver as posibilidades de configuración.~~
−	~~Image:Drupal_apariencia_25.jpg\| Se agora visitamos o sitio podemos ver a nova presentación.~~
−
−	~~</gallery>~~
−
−	~~==Personalizando un Tema==~~
−
−
−
−
−
−
−
−
−
−
−
−	~~<br> -- [[Usuario:angelfg\|Ángel D. Fernández González]] -- (2016).~~