reactie op de lamp doos, toe te voegen aan je wordpress betreft,,,,,,,,,,,, deel 7,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, in mijn laatste les, ik zal je leren hoe je een reactie op dit blok aan je wordpress betreft, ik denk dat ik vertel hoe je nog een reactie op de doos van je wordpress, zullen we een ongelooflijke FancyBox: « plug­in » (') om aan te tonen dat De lamp uitvoering, maar hetzelfde geldt voor de meeste lightbox script.Deze handleiding zal voornamelijk door middel van een 15 minuten te leren, maar ik ben ook een korte schriftelijke instructies.,,,, de foto van stap 1, met inbegrip van documenten, het eerste wat we moeten doen is het downloaden, Fancybox, van FancyBox website.Dan moeten we de bron van open, folders, waar gaan we naar onze thema 's - het volgende dossier (noot die we gebruiken wordpress betreft: twintig twaalf),,,,, fancybox_loading blanco FSIM, gif, Papoea - Nieuw - Guinea, fancybox_overlay,,,,,,, fancybox_sprite Papoea - Nieuw - Guinea,. Dit Fancybox CSS:,,, Fancybox. Pakje. Js,,, is de beste in georganiseerde, dus laten we het thema, een folder, een gids, doos, daar maken we drie nieuwe dossiers: de CSS js,,,,,, beelden.Op dit punt moet je ook het creëren van een document, lightbox.js, maak je geen zorgen.Dan moeten we uit de dossiers op de juiste plaats, dus het ziet er uit als de volgende foto 's, je moet bewerken.,, beeld, jquery.fancybox.css weg, om deze in overeenstemming te brengen met onze nieuwe structuur van het dossier.Je kan dit doen door te zoeken en te vervangen:,,,, de URL ("/'s /,,, stap 2 de lichtbak dossier, nu hebben we deze map vol met alle documenten nodig, we moeten de werkelijke belasting.Open je functions.php documenten toe te voegen, en, op de volgende gebieden:, /scripts /stijl hebben we het twentytwelve_add_lightbox lichtbak functie () {wp_enqueue_script (fancybox, get_template_directory_uri (").Doos /////bedrijf: Fancybox. Pakje. Js,) (:), valse, echt); wp_enqueue_script ("doos", get_template_directory_uri (")./COMP /doos /JS /doos. Js, - (fancybox), valse, echt); wp_enqueue_style ("doos", get_template_directory_uri (")./bedrijf /de lichtbak /CSS /) Fancybox. De CSS ");} add_action (" wp_enqueue_scripts "," twentytwelve_add_lightbox "); en wat we doen in de rij van de vermindering van de FancyBox script (en de afhankelijkheid van de bibliotheek, met inbegrip van Je boek, onze nieuwe, lightbox.js, documenten en FancyBox De CSS.Veel te makkelijk.Stap 3 - doos, weet je nog dat we eerder te lightbox.js, de documenten?De tijd van de open en vul het met een mooi boek.In de video die ik je gaf elke voorbeelden kan je beter te begrijpen is het echte werk, maar de combinatie van alle onder de code.- deze aan de lightbox.js:,,, (functie ($) (///////- de banden met de'fancybox'lightbox voor elke klasse van $(".Fancybox").Fancybox (); ///////- de lightbox worden voor elke foto 's met links te extensions. Foto, Papoea - Nieuw - Guinea, of. $("a[href$='.jpg'], a[href$='.png'], a[href$='.jpeg'], a[href$='.gif']").Fancybox (); ///////- de rel = "Tribune" lightbox en toevoegen aan alle beelden van de galerij als galerij is opgezet met behulp van [gallery link= "dossier". Dus dat Een lightbox galerij bestaat $(".Gallery a[href$='.jpg'],.Gallery a[href$='.png'],.Gallery a[href$='.jpeg'],.Gallery a[href$='.gif']").Attr ('rel','gallery').Fancybox (); ///////Initalize de banden met de'video'lightbox voor elke klasse en bieden.De video opgenomen ter ondersteuning van $('"). FancyBox ((maximaal: 800, de maximale hoogte: 600, fittoview: breedte: 70% van de valse, hoogte: 70% van de omvang van de bestanden, en: valse, closeclick: valse, openeffect:None, closeeffect:none});}) (:); dat,,, je moet echt: een deel van de code is, die je nodig hebt.Maar ik alles omvat, zodat je kunt zien - doos van verschillende opties.Stap 4,,, en nu kan je de lamp!De code is vastgesteld voor de toevoeging van de documenten automatisch alle banden met een lamp jpg, beelden, foto, Papoea - Nieuw - Guinea, gif, of uit te breiden.Dus de volgende BITS van code zou produceren a lightbox:, < a: /image.jpg "> < IMG - src =" image_thumbnail.jpg "/> < /a> lightbox Galleries:;,,,, je kunt ook create a'lightbox gallery'door toevoeging van het, de rel, die verscheidene banden te. Walters, < a rel =": /image1.gif "some-photos" > < IMG - src = "image1_thumbnail.gif" /> < /a> < a: /image2.png "rel =" some-photos "> < IMG - src =" image2_thumbnail.png "/> < /a> < a: /image3.jpg" rel = "some-photos" > < IMG - src = "image3_thumbnail.jpg" /> < /a> < a: /image4.jpeg "rel =" some-photos "> < IMG - src =" image4_thumbnail.jpeg "/> < /a> echter, dat hetzelfde kan ook worden achieved lightbox galerij van net iNserting oude wordpress galerij met je artikel of pagina 's.Alleen moet schakel me foto 's, zoals:,,,,, maar ook de video - doos lichtbak is steun voor video via video iframe verankering van de URL om (via de video zien die code van een dienst zoals YouTube of vimeo) en geeft het een soort, video' s, en, FancyBox. Iframe, zoals dit:, < href = "http://player.vimeo.com/video/50006726?Badge = 0 "=" video FancyBox. Iframe "> klik op video in vimeo!< />,,,, met uitzondering van iframe lamp: iframes video lamp kan worden ingepast in de andere iframes, zoals Google maps, met inbegrip van dezelfde video, en fancybox.iframe, soort, zoals de volgende:, < = "video FancyBox. Kwetsbaarheid" link = 'http: //maps.google.com/?Die produktie = & f = q & source = s_q & hl = en & geografische codering = & q = Londen + + + + + + + + + + + + + + + + de ogen in Westminster Hall, de brug, + + + Londen, Verenigd Koninkrijk & hl = LV & i = 51.504155 - 0.117749 = 0.00571,0.016512 ESPN & & SLL = 56.879635,24.603189 & sSPN = 10.280244,33.815918 & vpsrc = 6 & het hoofdkwartier van Londen + ogen & de straal = 15000 & t = H & Z = 17 "> Google maps (iframe) < /> titel:,,,, zoals je op de video van wat ik zie, een automatische opname en de toepassing van een doos met ondertitels in beeld.Deze zijn door de naam van de band, de titel, de eigenschap.Bijvoorbeeld, dat die tekst in dit deel van de code:, < href = "foto 's. Titel:" hier "is een titel.Hoe spannend! "> < IMG - src = "an-image_thumbnail JPG" > < /> < href = "een ander beeld. Titel:" zie je beelden van "de titel?Verdomme! "> voor beelden klik.< />,, vergunningen, de uitwisseling van kennis op FancyBox is ondertekend door niet - commerciële gebruik 3 vergunning, dat betekent dat je vrij kunnen gebruiken, niet - commerciële, technische en de toekenning van vergunningen moeten betalen, maar je moet het gebruik van commerciële projecten.Je kunt meer lezen over het rijbewijs hier. En, de middelen, de FancyBox: « de, Fancybox tip & vaardigheden, en niet met de $(adres: in je dit niet het conflict model), en downloaden, als je de bron van documenten downloaden, let op, en zet het op de thema 's van je bedrijf, - je zou de code toe te voegen, moet je het bestand gevonden in stap 2, waarin functions.php, er is FancyBox en alle documenten, en ik ook. Dit wordt een van de « plug­in », gratis, je kunt downloaden op mijn website, man.