Com crear vistes a Drupal 8: 12 passos (amb imatges)

Taula de continguts:

Com crear vistes a Drupal 8: 12 passos (amb imatges)
Com crear vistes a Drupal 8: 12 passos (amb imatges)

Vídeo: Com crear vistes a Drupal 8: 12 passos (amb imatges)

Vídeo: Com crear vistes a Drupal 8: 12 passos (amb imatges)
Vídeo: Disparate Pieces | Critical Role: THE MIGHTY NEIN | Episode 4 2024, Maig
Anonim

Drupal és un dels 3 sistemes de gestió de contingut (CMS) més importants del món, juntament amb WordPress i Joomla. Drupal 8 és actualment l’última versió de Drupal.

Views és, sens dubte, el mòdul més potent de Drupal, perquè ens permet mostrar qualsevol contingut del lloc web en qualsevol format. El contingut que Views ens permet mostrar són entitats, com ara:

  • Nodes (contingut com ara pàgines bàsiques, articles o publicacions de blocs)
  • Comentaris
  • Termes de taxonomia (com ara "etiquetes" o "etiquetes" que es poden donar al contingut)
  • Perfils d'usuaris (persones que poden iniciar sessió al lloc web)

Per tant, per entendre aquest article, heu d’entendre quines són les entitats de Drupal i com es componen les entitats de camps.

Tingueu en compte:

Aquest article no s'ha de considerar precís ni complet fins que no s'hagi publicat Drupal 8 i s'hagi actualitzat en conseqüència.

Passos

Creeu vistes a Drupal 8 Pas 1
Creeu vistes a Drupal 8 Pas 1

Pas 1. Reconèixer les visualitzacions de les pàgines web

Per entendre com i on es poden utilitzar millor les visualitzacions, és valuós poder-les identificar en altres llocs web fantàstics. A la captura de pantalla de la pàgina principal del lloc web de la Casa Blanca, es poden veure diverses vistes, vorejades amb rectangles vermells. Les visualitzacions es presenten de moltes formes, com ara llistes de titulars o fragments, galeries d'estil de quadrícula i presentacions de diapositives o carrusels d'imatges.

  • Per trobar-los mitjançant el codi (com ara si escolliu "veure el codi font" d'una pàgina web), podeu cercar"
  • 'etiquetes que contenen la classe' bloc-vistes '.

Part 1 de 3: Creació d'una vista

Creeu vistes a Drupal 8 Pas 2
Creeu vistes a Drupal 8 Pas 2

Pas 1. Aneu a la pàgina Vistes

Inicieu sessió al vostre lloc de Drupal i seleccioneu "Gestiona"> "Estructura"> "Vistes".

Creeu vistes a Drupal 8 Pas 3
Creeu vistes a Drupal 8 Pas 3

Pas 2. Afegiu una nova vista i trieu la configuració inicial

  • Feu clic al botó "Afegeix una vista nova".
  • Empleneu el nom de la visualització; això només s’utilitza administrativament (ho veureu a les pàgines d’administració, però no al lloc web real).
  • Afegiu una descripció si el nom de la visualització no implica clarament per a què serveix ni com està estructurada.
  • A "Configuració de visualització", podeu triar quin tipus d'entitats (i quin tipus de contingut si trieu una entitat de contingut) que voleu que es mostri la visualització. Això no es pot canviar una vegada que deseu la vista. Les entitats que es mostren s’anomenen resultats, igual que els resultats de la cerca.

    Tingueu en compte que tot el que trieu o escriviu en aquesta pàgina "Afegeix una vista nova" (excepte el tipus d'entitat) es pot canviar en qualsevol moment després de desar aquesta visualització.

Creeu vistes a Drupal 8 Pas 4
Creeu vistes a Drupal 8 Pas 4

Pas 3. Trieu un mode de visualització:

si aquesta visualització ha de mostrar una pàgina, un bloc o tots dos. Si la visualització mostrarà molta informació o contingut, hauria de tenir una pàgina. Si no es mostrarà molt contingut i voleu ubicar-lo en una regió (consulteu la gestió de blocs de Drupal o la creació de temes de Drupal per obtenir informació sobre regions) en pàgines web concretes, seleccioneu un bloc. Hi ha altres modes de visualització que també es poden triar després de desar la vista, com ara un canal RSS.

Creeu vistes al pas 5 de Drupal 8
Creeu vistes al pas 5 de Drupal 8

Pas 4. Trieu el títol i el disseny

Si voleu que la pàgina o el títol del bloc siguin diferents del nom de la visualització, podeu canviar-lo. A "Configuració de visualització de pàgina / bloc", trieu el disseny que voleu que tinguin els resultats:

  • Una quadrícula és una taula gran, on cada resultat té la seva pròpia cel·la
  • Una llista HTML és una llista de punts vius "sense ordenar"
  • Una taula mostra cada resultat com una fila i cada camp de cada resultat a la seva pròpia cel·la
  • Una llista sense format és el disseny més senzill, amb cada resultat per sota del resultat anterior.
Creeu vistes a Drupal 8 Pas 6
Creeu vistes a Drupal 8 Pas 6

Pas 5. Trieu el format de visualització i altres paràmetres

El quadre de selecció "de" us permet triar el format de visualització (com ara publicacions completes o teasers) que voleu utilitzar o camps específics. Els formats de visualització es poden configurar a la configuració de les entitats (com ara a les pàgines "Estructura"> "Tipus de contingut" per al contingut). Trieu l'opció de camps si voleu escollir exactament quins camps voleu mostrar (com ara "títols", "data de creació" i molts altres) i la configuració de cada camp.

Part 2 de 3: Edició de la configuració

Creeu vistes a Drupal 8 Pas 7
Creeu vistes a Drupal 8 Pas 7

Pas 1. Familiaritzeu-vos amb la pantalla d'edició de visualitzacions

Quan hàgiu desat la visualització o editeu una vista existent, veureu una pantalla amb el nom de la vista (i el tipus d’entitat que es mostra) a la part superior. A la meitat superior d’aquesta pantalla, titulada ‘Mostra’, és on podeu canviar gairebé qualsevol cosa sobre la visualització. A la meitat inferior es mostra la previsualització dels resultats i s’actualitzarà a mesura que canvieu la configuració de la visualització.

En aquesta àrea de resultats, a la part superior, l'àrea amb el text "Previsualitza amb filtres contextuals" i el quadre de text i el botó "Actualitza la previsualització" només són útils si afegiu filtres contextuals (s'explica a continuació); si visualitzeu no utilitza aquests, ignoreu aquesta àrea

Creeu vistes a Drupal 8 Pas 8
Creeu vistes a Drupal 8 Pas 8

Pas 2. Comproveu la configuració bàsica

Sota el títol "Mostra", veureu un botó per a cada tipus de pantalla que tingueu la visualització (blocs i pàgines). Si feu clic al botó "Afegeix", veureu diversos tipus de pantalles nous. A sota, veureu el nom del tipus de pantalla seleccionat; hauríeu de canviar el nom de la pantalla si teniu més d'un del mateix tipus (per exemple, teniu dos blocs; un amb un disseny de quadrícula i l'altre amb un disseny de taula). A sota, hi ha 3 columnes (tot i que la tercera, "Avançat", es minimitza inicialment). La primera columna mostra la configuració que heu triat quan vau crear i desar la vista. A la part inferior es troben els FILTRES i CRITERIS ORDENATS. Els filtres us permeten restringir quines entitats es mostraran als resultats. Per exemple, per defecte per a les visualitzacions de "contingut", hi haurà un filtre que només permet mostrar contingut publicat. Els criteris d’ordenació s’expliquen per si mateixos. Tant els filtres com els tipus es poden "exposar als visitants", cosa que significa que qualsevol persona que visualitzi la pàgina podrà ajustar el filtre o els criteris d'ordenació, cosa que és particularment valuosa per a visualitzacions grans amb molt de contingut. Veureu aquests "criteris exposats" just a sobre dels resultats (a l'àrea de previsualització de resultats a la part inferior de la pàgina).

Creeu vistes al pas 9 de Drupal 8
Creeu vistes al pas 9 de Drupal 8

Pas 3. Configureu els paràmetres específics del tipus de visualització

El primer grup de configuracions de la columna central és específic del tipus de pantalla que heu triat. Per exemple, per a les pàgines, és aquí on es pot canviar l'URL de la visualització. Aquí també es troba la configuració per permetre o denegar a determinats usuaris la visualització de la vista (com ara permisos).

Creeu vistes al pas 10 de Drupal 8
Creeu vistes al pas 10 de Drupal 8

Pas 4. Afegiu una capçalera o un peu de pàgina per proporcionar informació addicional

A sota de la configuració específica del tipus de visualització, podeu afegir una capçalera i un peu de pàgina (o més d’un de cadascun) a la vista. Les opcions més utilitzades són Global: àrea de text i Global: Resum de resultats. El resum de resultats mostra informació sobre els resultats de la visualització, com ara quants resultats es mostren actualment. Altres opcions són afegir una altra visualització sencera o una entitat sencera (com ara una pàgina) a la capçalera o al peu de pàgina.

Creeu vistes a Drupal 8 Pas 11
Creeu vistes a Drupal 8 Pas 11

Pas 5. Proporcioneu un comportament sense resultats per tranquil·litzar l'espectador

Quan una visualització no està configurada correctament o quan no hi ha cap de les entitats previstes per mostrar, no hi haurà resultats. Tant per al visitant com per a vosaltres (administrador) és útil saber quan passa això, per saber que la visualització hi és, però no funciona com s’esperava (o falta contingut). Afegir un comportament sense resultats és gairebé exactament el mateix que afegir una capçalera o un peu de pàgina, tret que es mostra on s’haurien mostrat els resultats.

Part 3 de 3: afegir relacions i filtres contextuals

Pas 1. Afegiu relacions per mostrar o utilitzar dades relacionades addicionals

Les relacions permeten establir enllaços entre entitats, cosa que ens proporciona més camps per utilitzar a la vista. Més específicament, les relacions proporcionen accés a dades d’entitats relacionades amb les entitats que es mostren; aquestes dades es poden mostrar o utilitzar d'altres maneres, com ara en els filtres.

Per exemple, si la vostra visualització mostra articles (perquè teniu un filtre de contingut: article), podeu afegir una relació entre els articles i els autors dels articles. Això us permetria utilitzar la informació de l'autor a la vista; per exemple, podeu mostrar el nom i el cognom de l'autor de cada article mostrat. Com a alternativa, podeu utilitzar la relació en filtres; per exemple, podeu optar per mostrar només articles creats per autors que tenen un rol específic, com ara administradors. Utilitzarem aquest exemple.

Per fer-ho, feu clic al botó "Afegeix" al costat de "RELACIONS" i trieu "Contingut: Autor del contingut" a la llista de relacions disponibles (suggeriment: podeu utilitzar el quadre de cerca si sabeu quina relació voleu afegir), i feu clic al botó Aplica. A continuació, podeu comprovar les opcions i, a continuació, "Aplica" la relació.

Per utilitzar aquesta relació en un filtre normal, feu clic al botó "Afegeix" de FILTRES. Al quadre de diàleg "Afegeix criteris de filtre", al quadre de selecció "Tipus", ara hi haurà una nova opció "Usuari" (que hi apareix a causa de la relació), que heu de seleccionar per restringir la llista de camps. Cerqueu i apliqueu el camp "Usuari: rols". Al quadre de diàleg ‘Configura el criteri del filtre: usuari: rols’, seleccioneu ‘autor’ al quadre de relació (s’ha de seleccionar per defecte). Ara podeu triar ‘administrador’ i aplicar el filtre.

Acabeu de filtrar els articles que es mostraran per mostrar només els articles dels autors administratius. El que és especialment important a destacar és que heu de triar "utilitzar la relació" a la pantalla del filtre, cosa que va fer que el filtre mirés els autors dels articles (això és el que significa la relació).

Recomanat: