Een fout die we al een tijdje zien staan bij de statusrapportage is die van de Trusted host settings. We lossen dit even op in dit eerste deel.

Transcriptie

1 Les 8 Trusted Hst Settings Een fut die we al een tijdje zien staan bij de statusrapprtage is die van de Trusted hst settings. We lssen dit even p in dit eerste deel. 1. Lg in p de server via het cpanel. 2. Open vervlgens de file manager 3. Open de map van juw sub dmein. 4. Open nu de map sites. 5. Pas de schrijfrechten aan van de map default naar Open de map default 7. Pas de schrijfrechten aan van het bestand settings.php naar Zrg dat het bestand settings.php geselecteerd staat en kies bvenaan de Cde editr, klik dan in de pp-up p Edit 9. Het bestand settings.php gaat pen! 10. Ga p zek naar de trusted hst settings (Ctrl + F) 1

2 11. Je merkt dat de cde in een grene kleur staat, dit wil zeggen dat deze niet wrdt tegepast. Verder is dit k een vrbeeld dat we nu dienen m te vrmen vr nze site. Wanneer ik dat zu den vr dan zu de cde er als vlgt uitzien: 12. Pas de cde aan, tegepast p juw site. Sla dit vervlgens p nadat je alles een tweede keer hebt gecheckt! 13. Wat ns nu ng rest is het pnieuw aanpassen van de schrijfrechten. Dit vr settings.php maar k vr de map Default. Pas aan naar 0555 / Sluit vrlpig niets af. Keer terug naar juw site en bekijk de statusrapprtage: 2

3 Views (Deel 3) Entity reference Met de mdule Entity Reference kunnen we linken leggen tussen twee inhudstypes. Het del van deze efening is dat we uiteindelijk bij het verzicht van de schilderijen k de naam en afbeelding krijgen van de schilder. Daarvr meten we eerst ns inhudstype aanpassen, vervlgens kmt er een relatie te liggen p ns verzicht. Inhudstype aanpassen 1. Open de het veldenbeheer van het inhudstype schilderijen 2. We vegen een veld te 3. De keuze van ns veldtype is hier belangrijk. We willen refereren naar bestaande inhud. Kies daarm dus vr Referentie-Inhud 4. Geef een passend label en klik Opslaan en drgaan 3

4 5. Het eerste instellingsveld geeft ns de kans eventuele futen recht te zetten en je bepaald k het aantal tegestane waarden. In dit geval is er maar 1 schilder per schilderij. 6. In het vlgende venster bepalen we vervlgens welke inhud er gebruikt kan wrden: 7. Na pslaan zien we ns resultaat. Merk p dat we in dit inhudstype k reeds een referentie naar een term hebben. Deze werd gebruikt m te categriseren vlgens kunststrming. Inhud aanpassen De kast is reeds vrzien van een nieuwe 'lade'. Nu is het aan ns m de bestaande inhud (lees: schilderijen) aan te passen. 1. Open een schilderij naar keuze, gebruik de menulink 2. Klik bvenaan p de knp bewerken (enkel aanwezig indien ingelgd) 4

5 3. Merk nu p dat je nderaan een nieuw veld hebt bijgekregen: Schilder 4. Het nadeel hier is dat dit ingesteld staat als autmatisch aanvullen. Prbeer maar eens met de eerste letter van een schilder. Hier is dat p zich geen prbleem, maar als het gaat ver 100 schilders dan is dit niet z handig. We passen dit even aan in het inhudstype. Open de instellingen van het inhudstype Schilderijen en kies bvenaan vr Frmulierweergave beheren. Dat is namelijk de plaats waar je kan instellen p welke manier de data met wrden ingeverd. 5. In het verschenen venster pas je nu het veld schilder aan van autmatisch aanvullen naar Keuzevakjes/keuzerndjes 6. Sla dit even p en bewerk pnieuw een schilderij naar keuze. Merk p dat het veld aangepast is, je kan nu eenvudiger de schilder bepalen 7. Nu is er even wat werk. Elk schilderij met nu wrden vrzien van zijn schilder. Gebruik nderstaande lijst: 1. De Rust Van Ggh 2. Bal du Mulin de la Galette Renir 3. Der Kuss Klimt 4. Impressin, sleil levant Mnet 5. De Intrige Ensr 6. Guernica Picass 5

6 Relatie tevegen Vanwege het feit dat we eerder een referentie naar inhud hebben gelegd kunnen we nu deze relatie gaan tevegen p ns verzicht. Merk hier dus p dat nderstaande pas mgelijk is als je eerst een referentie naar inhud hebt gemaakt bij het inhudstype. 1. Open de instellingen van ns verzicht schilderijen 2. Klik de pties nder uitgebreid pen Klik bij de relaties p tevegen 3. Kies nu vr de juiste relatie, let p, vergissen is hier best mgelijk. We dienen hier te kiezen vr een relatie waar er verwezen wrdt naar iets anders vanuit het veld schilder dat vrkmt in de nde schilderijen. 4. Veg deze even te en in het vlgende venster mag je gewn Apply klikken 5. We vegen nu pnieuw velden te. Bij de velden klik je p tevegen en je kiest vr het veld titel. Het is belangrijk dat je nu bij het instellingsvenster van dit veld de relatie legt. Dr deze relatie te gebruiken zal niet de titel van het schilderij verschijnen maar wel de titel van de gerefereerde schilder. In ns geval dus de naam van de schilder. 6

7 6. Veg nu pnieuw een veld te: afbeelding. Leg k hier de relatie en gebruik ns eerder gemaakte afbeeldingsstijl Grafische aanpassingen We maken het geheel wat aantrekkelijker. Z zrgen we vr een herschrijving van het veld titel (naam van de schilder) en een mie weergave van de ft van de schilder. 1. Klik p het veld titel (met de relatie) 1. Haal het label weg 2. Kies bij de stijlinstellingen vr HTML van het veld aanpassen en pteer vr H3 3. Herschrijf de resultaten zdat er uiteindelijk verschijnt: 'Geschilderd dr <naam van de schilder>' 2. Vr de afbeelding maken we eerst een nieuwe afbeeldingsstijl: 3. Keer terug naar de instellingen en pas het veld aan met de ft van de schilder naar nze nieuwe afbeeldingsstijl 7

8 4. Op de afbeelding van het schilderij zien we wat schaduw. Zrg ervr dat deze schaduw k te zien is p de ft van de schilder Oefening We hebben reeds een verzicht van de schilders en de schilderijen. Bij de inhud hebben we k een reeks musea zitten. Die gieten we in deze efening in een verzicht. Vlg de stappen chrnlgisch en dit zu meten lukken. 1. Veg een nieuw verzicht te 2. Gebruik nderstaande checklist vr de instellingen Titel: Musea Inhud van het type musea Pagina maken Onpgemaakte lijst van velden Menulink in main-navigatin/hfdnavigatie 3. Standaard zie je nderaan het vrbeeld staan, het titel veld is reeds aanwezig. Klik nu bij velden tevegen 4. Gebruik het search veld m te filteren ('musea') en vink de ndige velden aan: 8

9 5. Wanneer je nu klikt velden tevegen en instellen dan krijg je venster na venster de instellingen van de aangevinkte velden. Onderstaande lijst tnt de verschillende instellingen van elk veld: Adres pmaakhulpmiddel: Ggle map frm ne-line address breedte: 280 hgte: 220 zmniveau: 18 Afbeelding Afbeeldingsstijl: schalen en bijsnijden 200 x 180 Bdy Opmaakhulpmiddel: ingekrt 250 tekens Titel HTML van het veld: H1 6. Verwijder het veld adres 7. Sla alles p en bekijk het vrlpige resultaat. We merken p dat we het veld bdy hebben tegevegd maar we zien hiervan niets terug. Reden? Er werd geen bdy ingevuld bij de ndes. Dwnlad dit bestand m elk museum te vrzien van een bdy (uitleg). Klik hiervr p Inhud en bewerk telkens een museum. 8. Bekijk het verzicht. Dit zu een vrlpig resultaat meten zijn: 9

10 9. Zrg dat er in plaats van gewn de naam van het land verschijnt: 'Gelegen in <naam van het land>' 10. Zrg vr een bruikbare filter bven het verzicht zdat de gebruiker de musea kan filteren p het land 11. De afbeelding krijgt een schaduw, dit kan je den dr de bestaande CSS te hergebruiken maar deze heeft een rde kleur, maak daarm een nieuwe aan (zie punt 12) met een andere kleur. 12. Je merkt nu dat er te weinig plaats is tussen de afbeelding en de bdy, de tekst kmt in de schaduw te staan. Dit kan je aanpassen bij de nieuw gemaakte cde. Je hebt deze cde staan:.schaduw img { bx-shadw: 10px 10px 5px #888888; } Daarvan maak je:.schaduw img { bx-shadw: 10px 10px 5px #888888; margin-bttm:15px; } 13. Om het geheel nu ng aantrekkelijker te maken zrgen we ervr dat de musea naast elkaar staan en dat deze in een kader zitten. Kpieer nderstaande cde en plak deze in een nieuwe CSS-regel ('CSS verzicht musea').musea{ flat:left; brder:4px slid #0072b0; brder-radius:15px; padding:5px; 10

11 } margin:10px; bx-shadw: 5px 5px 10px #888888; height:420px; width:420px; text-align:center; 14. Om dit k te te passen keer je terug naar de instellingen van het verzicht. Klik vervlgens p instellingen bij de npgemaakte lijst en nteer bij de rijklassen de nieuw gemaakte CSS-klasse 15. Wanneer je naar het resultaat kijkt dan ziet dit er al veel beter uit. Er zit wat niveauverschil dr de langere titels van smmige musea. Dit lssen we simpel p. Ga naar de nde en pas de titels aan: Muse Nacinal Centr de Arte Reina Sfia Reina Sfia Kninklijk Museum vr Schne Kunsten Antwerpen Kninklijk Museum Antwerpen 16. Maak een nieuwe afbeeldingsstijl aan: 17. Open de instellingen van het verzicht Musea en pas bij het veld afbeelding de afbeeldingsstijl aan naar schalen en bijsnijden 260 x 220 We zrgen ervr dat er bij de Musea k een afbeelding kmt te staan van het schilderij. Hiervr meten eerst het inhudstype aanpassen, vervlgens de inhud en tt slt leggen we een relatie bij het verzicht m het veld afbeelding vervlgens te te vegen. 1. Ga naar velden beheren van het inhudstype Musea 2. Veg een veld te: 11

12 3. Ga nu via inhud bij elke nde van de musea het schilderij gaan aanvullen: Bal du Mulin de la Galette: Musee d'rsay De Intrige: Museum vr schne kunsten Antwerpen Der Kuss: Belvedere Guernica: Reina Sfia Impressin, sleil levant: Marmttant Mnet De Rust: Musee d'rsay 4. Ga naar de instellingen van het verzicht Musea en veg een relatie te: 5. Opnieuw vegen we nu bij de velden het veld afbeelding te maar dit keer leggen we de relatie. De afbeeldingsstijl hier is gemiddeld 220 x Uiteindelijk kunnen we ng de hgte van de kaders aanpassen in de CSS, die zijn namelijk p het randje: Wijzig de height naar 500px 12

13 7. Zrg ng vr de afwerking in het menu, de musea kmen als linken tevrschijn nder de kp Musea 13