Hoe maak je een NexGen Gallery Template Pas

October 28


Hoe maak je een NexGen Gallery Template Pas

NextGEN Gallery is een krachtige WordPress plug-in voor het creëren, beheren en weergeven van albums en afbeeldingen. Het biedt voordelen ten opzichte van de standaard WordPress Media Manager door het geven u uitgebreide controle over de upload, categorisatie, weergave volgorde en weergave soort foto's. De auteur gaat een stap verder door het verstrekken van een sjabloon functie waarmee u aangepaste pagina templates te ontwerpen voor gebruik met de NextGEN korte codes. Geen instructie is voorzien voor hoe je deze functie, die de gebruikers van de NextGEN kunnen verlaten plug-in krabben hun hoofd te gebruiken.

Instructies

•  Open de NextGEN Gallery plug-in map en dubbelklik op de map "View". Open de "gallery.php" bestand in een HTML-editor. Dit bestand is de basis voor de galerie pagina en geeft uw album afbeeldingen als miniaturen op basis van de instellingen die u in uw NextGEN administratie paneel. Om het sjabloon aan te passen, moet u de HTML-tags sjabloontags bewerken, stijl klassen te wijzigen of toe te voegen.

•  Begin met het lokaliseren van Lijn 47, die de afsluitende div van de galerij miniatuurweergave container bevat. Om een ​​beschrijving of bijschrift verschijnen onder elke afbeelding, plaatst u de volgende code: <? Php echo $ beeld->? <Div class = "tcaption"> beschrijving> </ div> U moet nu de stijlen bewerken om aanpassen van de kijken van uw galerie pagina, evenals voeg een nieuwe stijl "tcaption" om het uiterlijk van de miniatuur beschrijving verwerken.

•  Keer terug naar de map plug-in en de "css" map te openen. Open de "nggallery.css" bestand in uw HTML-editor. Pas naar wens de stijlen. Om het uiterlijk van uw galerij miniaturen wijzigen, bewerkt u de ".ngg-gallery-miniaturen img" klasse. Bijvoorbeeld, om afgeronde hoeken en een drop-shadow toe, verander de stijl om iets als dit: .ngg-gallery-miniaturen img {background-color: #FFFFFF; border: 1px solid # 666; display: block; margin: 0px 4px 4px 5px; padding: 5px; position: relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 1px 2px 6px # 333; -moz-box-shadow: 1px 2px 6px # 333; -webkit-box-shadow: 1px 2px 6px # 333; }

•  Maak uw eigen stijl voor uw duimnagel beschrijving. Bijvoorbeeld: .tcaption {padding: 4px; font-size: 9px; font-style: italic; }

•  Sla de style sheet naar een nieuwe locatie, zonder wijziging van de bestandsnaam. Afwisselend, kopiëren eventueel gewijzigde stijlen in uw WordPress thema's "style.css" document. Sla de "gallery.php" bestand als "gallery-mygallery.php" op een nieuwe locatie.

•  Sluit uw webserver en maak een nieuwe map in uw thema map WordPress. Hernoem het "nggallery" dus het zal worden erkend door de plug-in. Upload uw template bestand in deze nieuwe map.

•  Upload uw gewijzigde "nggallery.css" naar de root van uw thema, of de belangrijkste map waar "page.php" bestand van uw thema bestaat. Als u de stijlen gekopieerd naar uw thema style sheet, kunt u deze stap overslaan.

•  Maak een pagina in uw WordPress administratie paneel en gebruik de NextGEN editor om de gewenste galerij korte code toe te voegen. Plaats de volgende waarde aan uw nieuwe aangepaste sjabloon te gebruiken: [nggallery id = 2 template = mygallery] Voorbeschouwing de pagina om uw wijzigingen te zien en aanpassingen doen aan uw stijlen als nodig: template = mygallery Je uiteindelijke korte code moet er ongeveer zo uitzien.