Slik lager du et enkelt PDF-dokument-galleri i Drupal

Jeg skrev ned min framgangsmetode etter mye prøving og feiling. Det er sikkert mye feil og mange ting som kan gjøres annerledes så kom gjerne med kommentarer og tips. Jeg var usikker på hvor jeg burde poste den så jeg poster den bare her og i en ny tråd. så kan dere og/eller moderatorer selv bestemme om den kan brukes eller ikke som en liten veiledning i tilfelle noen andre skulle ha bruk for det.  

Her er min kjappe og veldig enkle framgangsmetode for å ordne et galleri med pdf filer.

Steg 1. Opprett en ny content type ved å gå inn på;

structure ---> content types ---> add content type.

Da er det bare gå gi den nye typen et navn. 
For å velge hvlike fields du ønsker, så er det bare å klikke på "save and add fields".

I mitt tilfelle kaller jeg content typen for "reports" og legger til to fields;

  • - Et bildefield
  • - Et fil-field hvor jeg laster opp pdf filer. 

(Husk å skrive inn file typene så det går an å laste opp det du ønsker, det mest vanlige er å bare skrive inn txt pdf doc docx hvor hver type skilles med et komma. Ikke skriv punktum først (.pdf) for da forstår ikke drupal hva det er. Bare skriv pdf.)

Bilde fielden kaller jeg for "Thumbnails" og file fielden kaller jeg for "pdf".

Du kan også senere slette "body" fielden siden du egentlig ikke får bruk for den med denne framgangsmetoden.

Steg 2.

Installer modulen som heter Views og følg instruksjonene for oppsett.
Installer gjerne også andre tilleggsmoduler for oppsett og visning hvis du ønsker. Selv liker jeg den smarte fluid_grid modulen.

Steg 3. 

Start med å sette opp en ny view ved å gå inn på;

Structure ---> Views ----->Add new View.

Selv satte jeg disse settingene men du kan velge selv hva du vil bruke:

  • Title: Reports

På format installerte jeg en modul som heter Fluid Grid siden jeg synes den er finere enn standard grid.

Format;

  • Format = Fluid Grid. Settings = All Display, Items size: W 150 H 150, Margins: H 2px V 2px, 
  • Show = Fields. Settings = Inline Fields (her sjekket jeg i boksen for Report og Content: Thumbnails).

Steg 4.

Merk: Fields forteller views hvilken informasjon som skal vises, altså hva som skal være synlig og hvordan det skal vises. Kan være greit å huske på siden alle innstillinger gir litt mer mening da:-)

Fields setter jeg følgende:

  • Content Title = customize field and label wrapper HTML 

(Her velger du HTML tagger som skriftstørrelse og type, selv bruker jeg "H4").

  • Content: PDF (Report) = Dette er min egenlagde/custom content type som jeg ga navnet PDF. 

Her valgte jeg følgende settings/innstillinger:

  • - Create a Label (Navnet var Reports).
  • - Exclude from display.
  • - Formatter = URL to file.

Under Rewrite Results valgte jeg følgende:

  • Output this field as a link = På link path satte jeg følgende token = [field_pdf].

Merk: Token ser ut til å fungere som et veiskilt, altså at du setter opp en token som forteller siden eller modulen hvilken informasjon den skal hente og hvor den skal hente den informasjonen.
For eksempel, et Token som heter Site-name forteller themes og moduler hva sidenavnet er, og henter automatisk fram sidenavnet selv om du endrer det. Du slipper altså å endre sidenavnet overalt.

Steg 5.

Det neste "fielden" jeg satte opp var "content:Thumbnails" med følgende innstillinger:

  • - Slå av "create a label".
  • - På Formatter settes image så det ser slik ut: Formatter = Image.
  • - Image Style = None(original image). (Jeg valgte å bruke "None" på image style siden modulen fluid_grid   automatisk tilpasser bildenes størrelse når du bruker dem i små bokser, som for eksempel thumbnails).
  • - Link image to = Nothing.
     

Under rewrite results satte jeg følgende:

  • - Rewrite the output of this field.
  • - Output this field as a link.
  • - Link path = [field_pdf].
  • - Use absolute path.
  •   (Jeg skal innrømme at jeg er usikker på hvordan absolute path fungerer, og hvorvidt det faktisk betyr noe å ha den skrudd på).

På feltet "Title Text" brukes tokens, og her satte jeg følgende:

  • - Title Text = [field_thumbnail-title]

Steg 6.

Da er "fields" ferdig og neste steg er "Filter Criteria".

Merk: Filter Criteria forteller Views hvilken informasjon som skal hentes slik fields forteller Views hva av den hentede informasjonen som skal vises.

Filter Criteria.

  • - Content: Published (Yes)  (denne burde være der automatisk, men om du må sette den opp så bare la alt stå på default).

Jeg ønsket at den kun skulle hente min egenlagde content type så jeg satte opp:

  • - Content: type (=reports)

På den satte jeg følgende: 

  • - Operator - Is one of.
  • - Content type - Reports.

sort criteria satte jeg bare følgende:

  • Content: Post date (desc) 

Merk: desc står for descending som i praksis betyr at det du postet sist står først. Altså at en post idag står på listen før posten fra igår.

Da var alt det vanskelige satt opp, så da er det bare å ordne småtteriet som i første omgang er "Page settings".

Da satte jeg bare Path = /reports som gjør at adressen blir www.minside.no/reports.

Path er det samme som URL path settings når du lager en ny side/node.

På "pager" satte jeg bare:
 

  • - Full - Paged, 10 items.
  • - More link: No.

Men det er noe som lett kan endres senere, skal du vise flere sider vil min personlige anbefaling være å bruke Ajax samtidig. Da slipper du at brukere som har et tregt nett eller treg pc sitter og stirrer på en blank og hvit skjerm mens de venter på at neste side lastes inn. Det gir også siden et brukervennlig preg og er bedre å bruke på mobile nettlesere:-)

Da var det hele ferdig. 
Et kjempeenkelt galleri som viser pdf filer i et greit og ryddig oppsett.

Vil du bruke andre filer enn pdf, som for eksempel windows/open office dokumenter eller notepad++ filer så står du fritt fram til å bare bytte ut pdf med den ønskede fil type.

Hvordan poste filer?

Med dette oppsettet er det bare å trykke på "Add content" slik du gjør når du lager innhold.

Så velger du "reports" og/eller din egenlagde content type og laster opp fil og bilde og setter en tittel og url path om du ønsker.

Ikke sett det under noen meny men gi den gjerne et adminsitrativt navn så du lett kan finne den om noe må endres.

Klikk "post/save/publish" og den kommer automatisk som en ny del i galleriet som ble laget.

Enkelt:-)

Dere kan gjerne endre eller rette opp i feil. Jeg håper dette var en forståelig framgangsmetode:-)

 

like0

Kommentarer

Takk for fin veiledning!

Thor Andre Gretlands bilde

Takk for fin veiledning!

like0