WordPressi juhendaja: Ahoana no Mamorona Torohevitra Mahaliana Flash Flip

Fanamarihana: Kui teil on WP pistikprogramm, on palju raha, mis on minu raha, antsika ny mpanoratra amin’izao fotoana izao.


Manomboka androany, isan-kerinandro isika dia hanolotra lesona mahatalanjona kodeerimine, mampianatra anao ny fomba fanaovana zavatra manokana amin’ny fampiasana WordPress, avy amin’ny fototra mankany amin’ny fandrosoana. Androany dia hamorona plugin izahay (mh hahalalanareo ny dingana fototra amin’izany) mba hamoronana galerii "lehe klapp", mampiasa JS.

Azoko an-tsaina fa nahita iray tamin’ireo tao amin’ny tranonkalanao ianao tamin’ny voalohany, saingy nampiasana flash izy ireny, izay tsy misy intsony izany (mbola manan-danja ihany izy io, fa tsy ny ohidy tsara indrindra ity karazana zavatra ity intsony).

Ny fanalahidy fototra hamorona vaovao karazana galerii mifototra amin’ny sary vitsivitsy sy ny habeny, amin’ny alalan’ny codecode.

Andao atomboka diey izao!

Zip & Fametrahana

Ny fomba tsara indrindra hijerena azy amin’ny asa dia mametraka azy manokana. Ianao dia afaka laadige see alla siit. Mametraka sy manantona ny plugin, amin’izay ny zavatra tokony hataonao dia ny manampy ny codecomin amin’ny pejy, toy ity:

[flip_book id = "78 79 78 79 79 78 78 79 79" laius = "78" kõrgus = "300" kuva = "kahekordne"]

Kiire eelvaade

Ary izao no vokatra mety ho asonao:

Flipbooki efekt

Fa inona kosa ny majika mainty tonga ao? Eny ary, tena tsotra tsotra izao. Andao hianatra ny fomba hamoronana zavatra mänguasi izany.

Päis

Voalohany indrindra ianao dia mila mamorona tranokala vaovao sy vaovao iray vaovao. Amin’ity fotoana ity dia mety hahagaga raha manana tontolo iainana fitsapana ianao, noho izany dia afaka mamotika sy mamandrika zavatra ianao.

Ny rakitra sy ny lahatahiry dia tokony hanana anarana tsotra sy miavaka, ka tsy hifanohitra amin’ny plugins efa misy. Avy eo ny votoatin’ny fotodrafitrasa misy anay dia toy izao:

/ * Plugina nimi: FlipBook Gallery kirjeldus: Mamorona kaody fohy ho an’ny flipbook galeriid. Versioon: 1.0 Mpanoratra: Veebitulu blogi Lisansa: GPL2 * /

Tena tsotra, ah? Raha vao mamorona ity rakitra ity ianao dia hahita ny plugin anao ao amin’ny lisitry ny WP admin> Pluginad, ary afaka manaisotra azy ianao (üksmeelne raha manana izany votoaty ao amin’ny rakitrao ianao dia tsy hanova betsaka ny tranonkalanao).

Skriptide kutsumine

Amin’izao fotoaparaat on isika dia mila ampidirina zava-dehibe sasany ivelany. Ireo antontan-taratasy ilaina ho an’ny fandefasana fototra dia:

  • jQuery (1,9 +)
  • Skript Turn.js
  • Hanova fomba fanao fototra

Raha ampidirinao fotsiny ny skript sy ny stiilisildid dia misy olana sasany. Ohatra, ny fiantsoana jQuery indroa dia mety hamaky ny tranonkalanao. WordPress ihany koa dia tsy "hahalala" fa efa namorona ireo zavatra ireo, ka raha misy plugin hafa miantso turn.js indray na fomba hafa dia handrava ny tranokalanao.

Izany pole antony tokony hampiasantsika mandrakariva ny wp_enqueue_script sy ny wp_enqueue_style asa. Ity ny fototra ampiasaina:

funktsioon plugin_scripts () {wp_enqueue_script (‘jquery’); wp_enqueue_script (‘miova’, plugins_url (‘js / turn.js’, __FILE__), massiiv (‘jquery’), ‘1,3’, diso); wp_enqueue_style (‘turnCSS’, plugins_url (‘css / style.css’, __FILE__), diso, ‘1,3’, ‘kõik’); }

Miantso ireo zavatra hafahafa amin’ny 3 izahay, dia ireto:

  • Fiantsoana singa efa misy: jQuery – Tsy mila mametraka safidy marobe isika raha fantatsika fa ny WordPress dia efa mandramaka ity script ity, dia milaza azy fotsiny isika hoe: "Kutt, ity skript ity dia tokony eto raha tsy ny code no tsy asa "
  • Mamorona sora-tanana vaovao – ianao dia tokony handalo toera sasantsasany mänguasi ny anarana, ny toerana misy ny rakitra, ny zavatra ilaina (amin’ity raharaha ity dia mandefa jQuery), version, ary raha ampidirina ao amin’ny footer na header (false = päis, tõene = jalus)
  • Mamorona fomba vaovao – Mafy olgu mänguasi ny teo aloha, ary misy fahasamihafana kely amin’ny toetra farany, izay milaza fa ny meedia dia manondro ity style ity raha toa ka

Ny iray amin’ireo zava-dehibe tokony hoeritreretinao rehefa miantso scripts eksterna ianao dia misy code hafa izay miankina amin’io plugin io. Izany indrindra no hamaritana raha ny lohateninao dia hantsoina amin’ny lohateny na jalus.

Amin’ny tranga misy antsika, misy sora-tanana maro hafa hananganana galerii raha vao noforonina ny HTML, ary ampiana ao amin’ny vatany izany. Izany no mahatonga antsika mametraka ity script ity eo amin’ny loha, raha tsy hoe mbola misy ny fehezan-dalàna antsoina hoe "pöörduda".

Aoria päritolu kood-tsara ity dia ilaintsika ny kuidasy WordPress mba hamenoana azy ireo amin’ny sora-baventy, ny hetsika "wp_enqueue_scripts" dia hanao izany:

add_action (‘wp_enqueue_scripts’, ‘plugin_scripts’);

Ny Lühikood

Andeha isika hanomboka amin’ny hetsika mba hamoronana ny codecode. Tsotra tsotra izao, mila ampidirinao fotsiny ny fandefasam-peo fohy, ary ny asa izay hovonoina:

add_shortcode ( "klapp_raamat", "loo_flip_raamat");

Ankehitriny dia mila mamorona ny asantsika isika ary mahazo ny toetrantsika. Fa ny sasantsasany amin’ireo toera ireo dia mety ho azo atao, izay midika fa mila mamorona fititsika fototra ho azy ireo isika. Afaka mamorona betsaka isika raha toa ka misy ny fitsapana raha tsy misy ny toetra, fa iray amin’ireo tranga izay mety tsara kokoa noho ny mahazatra raha antsoina.

Ny hetsika Ternergia dia tsara raha toa ny fanambarana mivantana amin’ny sandan’ny fari-dalany. Raha manaraka rafitraity:

$ muutujad = (TINGIMUS)? "MAHALALA NY FAHAMARINANA ISIKA": "MAHALALA FA TSY MANAIKY NY FITIAVANA";

Asonao atao ny mahita azy ireo eo amin’ny sehatra voalohany amin’ny asantsika:

funktsioon create_flip_book ($ attr) {// Manomana ireo ID-d mba handraisana array $ ” ” = plahvatama ("", $ attr [‘id’]); // kuvarežiim $ array [‘display’] = foana ($ attr [‘display’])? "tokana": $ attr [‘kuva’]; // marim-pejy // malalaka $ array [‘laius’] = foana ($ attr [‘laius’])? 400: $ attr [‘laius’]; // kõrgus $ massiiv [‘haavo’] = foana ($ attr [‘kõrgus’])? 300: $ attr [‘haavo’]; // HTML sy ny sisa amin’ny code dia mandeha eto}

Avy eo dia mila mamorona ny HTML izahay, ary ny fiantsoana fototra ho an’ny sary. Uus ajakiri (i-lehibe eto dia ny fanitsiana) ny habeny raha mampiasa ny ajakiri (tokony ho 2x ny sakany satria manana sary 2 fa tsy iray):

<? php if ($ array [‘display’] == "kahekordne") {$ array [‘laius’] = $ array [‘laius’] * 2; } // HTML, JS sy must maagia?> <? Php jaoks ($ i = 0; $ i < div> <? php echo wp_get_attachment_image ($ array [‘id’] [$ i], ‘feno’); Raha ($ array [‘kuva’] == "tokana") {?> <? = "". ($ i + 1)? / /? aho, + 1)?> / <? Kaja "" .sizeof ($ array [‘id’]); jQuery ("# Flipbook"). , autoCenter: true, display: ‘<? php echo $ array [‘kuva’]; php echo $ array [‘laius’]; ?> ‘, // pejy tokana na pejy fanaparitahana: jahisadam, kalded:! jQuery.isTouch,});

Inona ny hevitrao?

Azonao atao ny mamaky sy manova izany araka izay irinao, manampy ireo safidy maromaro (jereo ny ohatra tsara azon’izy ireo hahazoana fitaomam-panahy bebe kokoa), manitsy izay tsy miasa ho anao, na mampifandray plugan izany amin’ny amin’ny.

Manana hevitra WordPress on teile iano mba te hianatra bebe kokoa? Angamba zavatra tianao hianaranao hatao? Ampahafantaro analüüsib amin’ny alalan’ny fanehoan-kevitra ary ho faly izahay hampiditra izany amo amin’ny lahatsoratra manaraka!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map