הדרכת וורדפרס: אהואנה לא ממורונה טורוהוויטרה מהליאנה

Fanamarihana: Tsy manohana ity WP plugin ity intsony isika raha tsy manoratra ho antsika ny mpanoratra amin’izao fotoana izao.


Manomboka androany, isan-kerinandro isika dia hanolotra lesona mahatalanjona קידוד, mampianatra anao ny fomba fanaovana zavatra manokana amin’ny fampiasana וורדפרס, avy amin’ny fototra mankany amin’ny fandrosoana. תוסף אנדרואני דיא חמורונה izahay (mba hahalalanareo ny dingana fototra amin’izany) גלריית mba Hamoronana "היפוך דף", 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 safidy tsara indr indra indr ity karazana zavatra ity intsony).

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

Andao atomboka dieny izao!

רוכסן & Fametrahana

Ny fomba tsara indrindra hijerena azy amin’ny asa dia mametraka azy manokana. Ianao dia afaka להוריד אותו כאן. Mametraka sy manantona ny plugin, amin’izay ny zavatra tokony hataonao dia ny manampy ny codecode amin’ny pejy, צעצוע זה:

[flip_book ids = "78 79 78 79 79 78 78 79 79" רוחב = "78" גובה = "300" תצוגה = "כפול"]

תצוגה מקדימה מהירה

Ary izao no vokatra mety ho a Arizonao:

אפקט Flipbook

Fa inona kosa ny majika mainty tonga ao? Eny ary, tena tsotra tsotra izao. Andao hianatra ny fomba hamoronana zavatra צעצוע izany.

הכותרת

Voalohany indrindra ianao dia mila mamorona tranokala vaovao sy vaovao איראי vaovao. Amin’ity fotoana ity dia mety hahagaga raha manana tontolo iainana fitapana 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 מיסי anay dia צעצוע izao:

/ * שם התוסף: גלריית FlipBook תיאור: Mamorona kaody fohy ho an’ny gallery flipbook. גרסה: 1.0 Mpanoratra: בלוג הכנסות באינטרנט Lisansa: GPL2 * /

טנא צוטרה, הא? Raha vao mamorona ity rakitra ity ianao dia hahita ny plugin anao ao amin’ny ליסיטרי ny WP admin> תוספים, ary afaka manaisotra azy ianao (saingy raha manana izany votoaty ao amin’ny rakitrao ianao dia tsy hanova betsaka ny tranonkalanao).

סקריפטים מתקשרים

Amin’izao fotoana izao isika dia mila ampidirina zava-dehibe sasany כל איבלני. אירו אנטונטן-טרטסי אילינה הו אן פנדפאסנה פוטוטרה דיא:

  • jQuery (1.9 +)
  • סקריפט Turn.js
  • Hanova fomba fanao fototra

Raha ampidirinao fotsiny ny script sy ny תגי סגנון dia misy olana sasany. Ohatra, ny fiantsoana jQuery indroa dia mety hamaky ny tranonkalanao. WordPress ihany koa dia tsy "חלהלה" fa efa namorona ireo zavatra ireo, ka raha misy plugin hafa miantso turn.js indray na fomba have dia handrava ny tranokalanao.

איזאני לא טוניה אנטוניה hampiasantsika mandrakariva ny wp_enqueue_script sy ny wp_enqueue_style asa. Ity ny fototra ampiasaina:

פונקציות plugin_scripts () {wp_enqueue_script (‘jquery’); wp_enqueue_script (‘miova’, plugins_url (‘js / turn.js’, __FILE__), מערך (‘jquery’), ‘1.3’, דיסקו); wp_enqueue_style (‘turnCSS’, plugins_url (‘css / style.css’, __FILE__), דיסקו, ‘1.3’, ‘הכל’); }

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: "אחי, תסריט איתי ity dia tokony eto raha tsy ny code no tsy asa "
  • Mamorona sora-tanana vaovao – ianao dia tokony handalo toetra sasantsasany צעצוע ny anarana, ny toerana misy ny rakitra, ny zavatra ilaina (amin’ity raharaha ity dia mandefa jQuery), גרסה, ary raha ampidirina ao amin’ny footer na header (false) = כותרת עליונה, נכון = כותרת תחתונה)
  • Mamorona fomba vaovao – Mafy be toy ny teo aloha, ary misy fahasamihafana kely amin’ny toetra farany, izay milaza fa ny media dia manondro ity style it raha toa ka

Ny iray amin’ireo zava-dehibe tokony hoeritreretinao rehefa ענקיות סקריפטים eksterna ianao dia misy code have izay miankina amin’io plugin io. איזאני indrindra אין hamaritana raha ny lohateninao dia hantsoina amin’ny lohateny na footer.

Amin’ny tranga misy antsika, מיסי sora-tanana maro hafa hananganana galeria raha vao noforonina ny HTML, ary ampiana ao amin’ny vatany izany. איזאני לא mahatonga antsika mametraka ity תסריט ity eo amin’ny loha, raha tsy hoe mbola misy ny fehezan-dalàna antsoina hoe "לפנות".

קוד Aorian’ity – tsara ity dia ilaintsika ny miteny WordPress mba hamenoana azy ireo amin’ny sora-baventy, ny hetsika "wp_enqueue_scripts" דיאנה איזאני:

add_action (‘wp_enqueue_scripts’, ‘plugin_scripts’);

Ny Shortcode

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 ( "flip_book", "-");

Ankehitriny dia mila mamorona ny asantsika isika ary mahazo ny toetrantsika. Fa ny sasantsasany amin’ireo toetra ireo dia mety ho azo atao, izay Midika fa mila mamorona fitipika fototra ho azy ireo isika. Afaka mamorona betsaka isika raha toa ka misy ny fitapana raha tsy מיסy ny toetra, fa iray amin’ireo tranga izay mety tsara kokoa noho ny mahazatra raha antsoina.

Ny hetsika Ternergy dia tsara raha toa ny fanambarana mivantana amin’ny sandan’ny fari-dalany. Raha manaraka ity rafitra ity:

משתנים $ = (CONDITION)? "מהלהלה ניו יורק פאהמרינאנה איסיקה": "מהלהלה FA TSY MANAIKY NY FITIAVANA";

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

פונקציה create_flip_book ($ attr) {// Manomana ireo IDs mba handraisana מערך $ ” ” = התפוצץ ("", $ attr [‘ids’]); // מצב תצוגה $ מערך [‘display’] = foana ($ attr [‘display’])? "טוקנה": $ attr [‘display’]; // marim-pejy // malalaka $ array [‘width’] = foana ($ attr [‘רוחב’])? 400: $ attr [‘רוחב’]; // גובה $ מערך [‘haavo’] = פואנה ($ attr [‘גובה’])? 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. Ny hevi-dehibe איראי lehibe eto dia ny fanitsiana ny habeny raha mampiasa ny magazine (טוקוני הו 2x ny sakany satria manana sary 2 fa tsy iray):

<? php if (מערך $ [‘display’] == "כפול") {$ array [‘רוחב’] = $ מערך [‘רוחב’] * 2; } // HTML, JS sy Black Magic?> <? Php עבור ($ i = 0; $ i < div> <? הד php wp_get_attachment_image (מערך $ [‘ids’] [$ i], ‘feno’); Raha (מערך $ [‘display’] == "טוקנה") {?> <? = "". ($ i + 1)? / /? אהו, + 1)?> / <? הד "" .sizeof (מערך $ [‘ids’]); jQuery ("# Flipbook"). , autoCenter: true, display: ‘<? php echo $ array [‘display’]; php echo $ array [‘רוחב’]; ?> ‘, // pejy tokana na pejy fanaparitahana: מרינה, שיפועים :! 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 mampifandnyz am am.

Manana hevitra WordPress ve ianao mba te hianatra bebe kaka? אנגמבה zavatra tianao hianaranao hatao? Ampahafantaro anay amin’ny alalan’ny fanehoan -evitra ary ho faly izahay hampiditra izany ao 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