hurtig tip: integration af colorbox til de indfødte [galleri. shortcode

, hurtigt tip: integration af colorbox til de indfødte [galleri. shortcode,,,,, andel,,,,,,,, 8,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, de indfødte, [galleri], shortcode er godt, men ikke godt.i denne hurtige tips, vi skal til smukkesér med jquery.,,, [galleri], shortcode ikke er særlig stor.du kan ikke slå en misligholdelse css, du kan ikke tilføje eller ændre css klasser, du kan ikke udgive den misligholdelse attributter (som er faktisk en generel shortcode problem).selv om det ikke generer de fleste wordpress udviklere, nørder som mig kan klage.:), i denne hurtige tips, vi er nødt til at slippe af med det image, tillæg sider og lade vores steder "besøgende navigere gennem billeder, inden for en jquery modal kasse.,, som er en af de bedste jquery lightbox plugins til rådighed: colorbox, med mindre end 5kb (gzipped) og en lang række browser støtte (som også omfatter ie6), colorbox er min favorit jquery lightbox stik af, som du kan se fra stik af er side, det har masser af indstillinger, metoder og kroge, så du kan vælge, hvad du vil.det har også 5 ren css baseret temaer., downloade pakning og ekstrakt, colorbox.min.js, og en af de fem temaer (, colorbox.css, fil og "billeder" mappe) i en folder kaldet "colorbox" og uploade det mappe til din wordpress tema.der tilføjes følgende kode ved slutningen af det, colorbox.min.js, fil, før uploader:, jquery (dokument). klar (funktion ($) {% (". galleri ikon"). colorbox ({rel: "velkommen"})}), med undtagelse shortcode: opbygningen af et shortcode, der benytter en anden shortcode, jeg ved, at dette vil blive en smule underligt, men det ser ud til at være den reneste form.vi skal skabe, [jgallery], shortcode.,, tip inden for hurtig tip: hvis du har planer om at ændre alle loge shortcodes i deres stillinger efter at skabe, [jgallery], shortcode, anbefaler jeg, at man ved hjælp af søgningen regex stik af at søge /erstatte [galleri], [jgallery],.,, som altid, begynder vi med at skabe grundlaget shortcode funktion:, funktion jgallery_sc() (//ingen parametre?det er vanvid!} add_shortcode ('jgallery,'jgallery_sc), næste, vil vi enqueue, css og er filer.glem ikke, jquery vil blive enqueued automatisk (hvis det ikke allerede er), ved at specificere, at colorbox manuskript, afhænger af, om det., funktion jgallery_sc() (//enqueue colorbox.min.js (og jquery, hvis det ikke allerede er lastet) wp_enqueue_script ('colorbox-js, get_template_directory_uri(). /colorbox /colorbox. min.js, system ('jquery ')); //enqueue colorbox.css wp_enqueue_style ('colorbox-css, get_template_directory_uri(). /colorbox /colorbox. css)} add_shortcode ('jgallery,'jgallery_sc), alt er klar, men vi er nødt til at bruge [galleri], shortcode i denne funktion.vi vil bruge den, do_shortcode(), funktion og vende tilbage, [galleri forbindelse = "journal"], shortcode:, funktion jgallery_sc() {wp_enqueue_script ('colorbox-js, get_template_directory_uri(). /colorbox /colorbox. min.js, system ('jquery ')); wp_enqueue_style ('colorbox-css, get_template_directory_uri(). /colorbox /colorbox. css'); tilbage do_shortcode ([galleri forbindelse = "journal"])} add_shortcode ('jgallery,'jgallery_sc) færdig!efter tilsætning af denne funktion i, functions.php, fil af temaet, kan du begynde at bruge den, [jgallery], shortcode straks.lad os høre, hvad du synes i bemærkningerne nedenfor.nyd det!:),




Previous:
Next Page: