Inleiding: Bouw een “RoloDex” -app met weergavevelden.

In deze Zelfstudie, we bouwen een eenvoudige veldgestuurde zoekapplicatie met Drupal 8 en een Aangepaste inhoud type. Kaarten zal worden gebruikt om informatie over mensen, bedrijven op te slaan, & andere organisaties met adressen, telefoonnummers, foto’s, enz.


Hoe maak je een aangepast inhoudstype voor Drupal 8 met velden

Deze Zelfstudie vereist Keer bekeken. Drupal 8 site-ontwikkelaars kunnen aangepaste paginaweergaven van kaartinformatie maken met opties voor facet zoeken op basis van Velden voor CRM-doeleinden.

Stap één: Maak het aangepaste inhoudstype: “Kaart”.

Voor onze “RoloDex” App gaan we eerst een custom maken Inhoudstype genaamd “Kaart” en voeg vervolgens velden toe voor een afbeelding, adres, telefoonnummer, e-mail, & website. We zullen ook een hoofdtaxonomie aan de kaart toevoegen om te filteren tussen mensen, bedrijven, & andere organisaties.

Hoe maak je een aangepast inhoudstype voor Drupal 8 met velden

Installatie: Navigeer naar / admin / structure / types / add & maak een nieuwe Inhoudstype voor kaarten.

Beschrijvingstekst: “Deze kaart kan worden gebruikt om contactgegevens van mensen, bedrijven of andere organisaties te raadplegen.”

Instellingen: Nee Promoveren naar de voorpagina, Nee Maak een nieuwe revisie, & Nee Auteur weergeven & Gepubliceerde informatie in de configuratie selectievakjes.

 De volgende: Red de Inhoudstype & voeg een set taxonomietermen toe aan de knooppunten.

Stap twee: Voeg taxonomiecategorieën toe aan de kaartvelden.

Eerste: Navigeer naar / admin / structure / taxonomy / add en voeg een nieuwe toe Taxonomie groep voor kaarten.

Hoe maak je een aangepast inhoudstype voor Drupal 8 met velden

Instellingen: Binnen de ‘Kaartvoorwaarden”Woordenschat, we willen waarden creëren voor:

  • Mensen
  • Ondernemingen
  • Andere organisaties

Hoe maak je een aangepast inhoudstype voor Drupal 8 met velden

Instellingen: Bewaar elk van de voorwaarden voor gebruik met Keer bekeken bij het filteren van de kaartinhoud in lijsten.

De volgende: Ga terug naar de Inhoudstype instellingen voor Kaarten op / admin / structuur / types / beheren / kaart / velden & voeg de toe Taxonomie filter.

Hoe maak je een aangepast inhoudstype voor Drupal 8 met velden

Instellingen: Maak een Taxonomie Term Field en label het “Kaarttype”.

Configuratie: Beperk de waarden tot één term per knooppunt & stel het veld in op de “Kaartvoorwaarden”Taxonomie woordenschat.

De volgende: Navigeer naar / admin / structure / types / manage / card / form-display en “Selecteer lijst” voor kaartvoorwaarden.

Hoe maak je een aangepast inhoudstype voor Drupal 8 met velden

Dit voegt de mogelijkheid toe om nieuwe kaartposts te sorteren op Taxonomie term op de pagina voor het maken van inhoud:

Hoe maak je een aangepast inhoudstype voor Drupal 8 met velden

Compleet: In de volgende stappen zullen we deze gebruiken Taxonomievoorwaarden Aan Kaartknooppunten om dynamische inhoud in lijsten te filteren met Keer bekeken & implementeren Veld zoeken mogelijkheden.

De volgende: Laten we meer informatie toevoegen Velden aan de kaarten.

Stap drie: Voeg velden voor gebruikers- / bedrijfsinformatie toe aan kaarten.

In stap drie zullen we meer gebruikersinformatie toevoegen Velden naar het kaartinhoudstype dat kan worden gebruikt in weergavelijsten met Keer bekeken en ook beschikbaar gemaakt om te zoeken.

Installatie:

  1. Navigeer naar de Velden beheren pagina voor kaarten (/ admin / structuur / typen / beheren / kaart / velden)
  2. Nieuw toevoegen Velden voor: Afbeelding, adres, telefoonnummer, e-mail, & Website naar het kaartformulier.
  3. Vergeet niet om nieuw in te stellen Thumbnail formaten voor de afbeelding op 220×220 px.

Beeldinstellingen: Voor de Afbeeldingsveld, we hebben een Referentieveld met een limiet van 1 waarde ingesteld op Afbeelding en toegevoegd aan het formulier. Vervolgens navigeerden we naar / admin / config / media / image-styles om de te bevestigen Afbeelding Thumbnail maten.

Hoe maak je een aangepast inhoudstype voor Drupal 8 met velden

Adresvelden: Ga naar Modules & schakel de Telefoon veldmodule als deze nog niet is ingeschakeld. Gebruik vervolgens een Veld met een Tekst: gewoon referentietype, maak velden aan voor:

  • Adres regel 1
  • Adres lijn 2
  • stad
  • Staat
  • Postcode
  • Land

Extra velden:

  • E-mail (e-mailveld)
  • Telefoon (telefoonveld)
  • Website (linkveld)

De telefoon, e-mail, & website Velden kunnen allemaal link- of telefoon- / e-mailspecifieke referentiewaarden hebben voor browserverwerking. Schik de volgorde van de Velden op de pagina Kaartknooppunt maken.

Hoe maak je een aangepast inhoudstype voor Drupal 8 met velden

De volgende: Navigeer naar de pagina Kaartknooppunt maken & zie uw velden op het formulier.

Stap vier: maak nieuwe inhoud met behulp van de kaarten & Velden.

Begin: Als u naar de / node / add / card-pagina navigeert, kunt u alle Velden gemaakt voor de Beeld, Taxonomie, & adres informatie vermeld op het formulier in weergavevolgorde:

Hoe maak je een aangepast inhoudstype voor Drupal 8 met velden

Tip: Gebruik dit formulier om uw Rolodex-inhoud te bouwen. Voeg visitekaartgegevens toe voor klanten & online contacten, of gebruik als database-zoekfunctie voor gespecialiseerde ontwikkelingsbedrijven.

Instellingen: In de Beheer veldweergave sectie, wijzig de weergavewaarden in In lijn voor alle tekstvelden en stel het afbeeldingsbestand in voor weergave met de 220px Thumbnail op knooppuntpagina’s met de 220px Thumbnail op teaserweergaven met een verborgen labelwaarde.

Drupal 8 resultatenpagina’s – Kaartinhoud:

Hoe maak je een aangepast inhoudstype voor Drupal 8 met velden

Tip: Gebruik aangepaste CSS in een Drupal 8 subthema om de standaard weergavewaarden te wijzigen.

De volgende: Sorteren voltooid Kaarten in weergavelijsten met Zichtbare zoekopdracht gebruik makend van Keer bekeken.

Stap vijf: maak weergaven voor kaartweergave & Zoeken.

Om het project te voltooien, moeten we zoekpagina’s maken voor de Taxonomie termen in Keer bekeken en wijs ze een URL-adres toe. We zullen de Weergaven Zoeken functies zodat de veldtermen zoals adres, stad, staat, land enz. filters worden voor de inhoud.

In dit voorbeeld hebben we de straatadresweergave verwijderd voor een compactere tabelweergave:

Hoe maak je een aangepast inhoudstype voor Drupal 8 met velden

Installatie: Navigeer om een ​​nieuwe weergave te maken op: / admin / structure / views

  • Stel de Visie om inhoud van het type te filteren Kaarten met Laatste berichten aflopend.
  • Stel de Titel naar ‘Testsite – Zoekdatabase’ met een URL van / card-search
  • Opslaan & Bewerk de Visie. Voeg vervolgens de Velden naar het scherm in een Tafel formaat.

Hoe maak je een aangepast inhoudstype voor Drupal 8 met velden

Configuratie bekijken: Drupal-beheerders hebben de keuze om de site weer te geven Teasers of het creëren van een aangepast scherm met de Velden gebruik makend van Tabellen & HTML-lijsten.

Blootgestelde zoekinstellingen: Maak op maat Keer bekeken voor elk Taxonomie termijn & stel de URL’s in op: / mensen, / bedrijven, & / organisaties. U kunt deze pagina’s vervolgens gebruiken als sitenavigatie-elementen met Zichtbare zoekopdracht op de Veld waarden.

Optioneel – Installeer de facettenmodule: Om geavanceerder te bouwen Gefacetteerde zoekopdracht functionaliteit in een Drupal 8 over wat blootgesteld Filters in Keer bekeken aanbiedingen standaard, installeer de Facetten module samen met optioneel Bereikwidgets & RUST Facetten.

Tip: Installeer voor een betere configuratie op adresvelden Adres module.

Conclusie: geïndexeerd kaartzoeken met databasevelden.

Deze tutorial maakt het mogelijk Drupal 8 gebruikers om te profiteren van de mogelijkheden van het gebruik Velden op maat Inhoudstype met Keer bekeken filters & Zichtbare zoekopdracht. Site-bouwers kunnen deze tutorial gebruiken om een ​​Rolodex-app te bouwen voor een database die mensen, bedrijven zoekt, & andere organisaties.

Bekijk deze top 3 Drupal-hostingservices:

ChemiCloud

Beginprijs:
$ 2,76


Betrouwbaarheid
10


Prijzen
9,9


Gebruikersvriendelijk
9,9


Ondersteuning
10


Kenmerken
9,9

Lees recensies

Bezoek ChemiCloud

Hostinger

Beginprijs:
$ 0,99


Betrouwbaarheid
9.3


Prijzen
9.3


Gebruikersvriendelijk
9.4


Ondersteuning
9.4


Kenmerken
9.2

Lees recensies

Bezoek Hostinger

A2-hosting

Beginprijs:
$ 3,92


Betrouwbaarheid
9.3


Prijzen
9.0


Gebruikersvriendelijk
9.3


Ondersteuning
9.3


Kenmerken
9.3

Lees recensies

Bezoek A2 Hosting

Gerelateerde How-To-artikelen

  • Aangepaste formulieren maken in Drupal 8?
    gemiddeld
  • Een afbeeldingengalerij maken met behulp van weergaven in Drupal 8?
    gemiddeld
  • Thumbnails van sociale media beheren in Drupal 8?
    gemiddeld
  • Hoe een aangepast contactformulier in te stellen in Drupal 8
    Nieuweling
  • Hoe u de databasegegevens van uw WordPress-website kunt achterhalen met cPanel
    Nieuweling
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me