Rövid kódok létrehozása a WordPress CMS-ben. Rövid kódok Rövid kód beszúró gomb hozzáadása a TinyMCE vizuális bejegyzésszerkesztőhöz
Rövid kód- ez nagyon hasznos dolog egy webmester számára, a rövid kód valóban megkönnyíti a rutinmunkát, hogy egy webhely több száz oldalára azonos típusú információkat illesszen be. Ugyanakkor kényelmes, ha az információkat MASSZÍVAN kicseréljük a kívánt rövid kódban.
Ha még mindig nem tudja, mi az a rövid kód, akkor röviden elmagyarázom. Képzeld el, hogy valamilyen kódot kell beszúrnod a cikkbe, legyen az egy hivatkozás:
10 hasznos WordPress rövid kód
Képzeljük el, hogy 10 cikkbe akarja beszúrni tetszőleges helyre. Elvileg nem nehéz, meg. Most képzelje el, hogy a link megszakadt, és 10 helyen ki kell cserélnie? Mi van, ha 100 oldal? Ezt manuálisan nehéz lesz megtenni, hacsak nem, de sokak számára ez nehéz feladat.
Most képzeljük el, hogy van egy bővítményünk, amivel minden kódhoz létrehozhatunk egy rövid hivatkozást, például , ami szerkesztő módban közvetlenül beszúrható a szövegbe, ami sokszor sokkal kényelmesebb, mint html módban.
Most, ha módosítania kell a hivatkozást, akkor lépjen a bővítmény adminisztrációs paneljére, és módosítsa a hivatkozást, és a kód automatikusan megváltozik a webhely összes oldalán, ahol a rövid kódunk található. Minden hivatkozáshoz, szalaghirdetéshez, szkripthez vagy képhez létrehozhatja saját rövid kódját, és egyetlen vezérlőközpontból kezelheti ezt a tömböt.
És ha van webáruházad, akkor ez még hasznosabb dolog számodra a használat óta A woocommerce rövid kódokkal tömegesen módosíthatja az árakat, az árfolyamokat, a termékneveket és bármi mást. Hogyan lehet mindezt megtenni?
A wordpressben jó néhány plugin létezik rövid kódok létrehozására, de egyik sem tetszett: vagy minden angolul van, néha túl divatos, néha nem eléggé funkcionális... De épp a minap olvastam, hogy egy híres SEO blogger Vitalij Burgomistrov bejelentett egy ingyenes bővítményt ezekre a célokra - sCode: mojWP.
Íme egy rövid videó a plugin működéséről:
Ha beilleszted a rövid kód sablon kódját a html-be, akkor látni fogod, amit beszúrtál - a rövid kódot. Ahhoz, hogy működjön, csatolnia kell a rövid kódot egy függvénybe:
Most pontosan látni fogja, hogy mit rejt a rövid kódja mögé a webhelyen. Semmi bonyolult, igaz? Az adminisztrációs panelen van egy kis utasítás a beépülő modulhoz és egy videó, amelyet beszúrtam a cikkbe.
Inkább megmutatom, hogyan lehet ezt a gyakorlatba átültetni . Régóta szerettem volna ezt csinálni, és most úgy tűnik, eljött az idő. Elképzelésem lényegének megértéséhez csak egy pontot jegyzek meg.
Miből keres pénzt az adsense?
1. CPC.
2. Kattintások száma.
Az elsőt már nem tudjuk befolyásolni, ha a cikk meg van írva, és már jó forgalom van rá. De növelhetjük az átkattintási arányt és egyben jelentősen. Amint megérti, csak a cikkben szereplő hirdetési blokkokról fogok beszélni. Az oldalsávban, a pincében és még inkább a fejlécben lévő blokkok a leghülyébbek, és már rég eltávolítottam mindegyiket.
De a cikk teljesen más téma. Az ember elkezd olvasni egy cikket, és belebotlik egy hirdetésbe – rákattint vagy sem? Itt minden egy tényezőtől függ: a reklám témája TELJESEN egybeesik azzal a kérdéssel, amelyet a cikk EZBEN a szakaszában tárgyalunk. Példa:
Itt van egy személy, aki arról olvas, hogy melyik tárhelyet válassza. Elolvassa, elolvassa és megközelíti a kérdést, amelyet a cikkben írt, és félkövérrel kiemelte - melyik a legjobb tárhely kiválasztása?
Egyébként már alkalmaztam ezt a bővítményt, és beszúrtam egy rövid kódot az adsense hirdetésekkel a kérdésem után - mit mutat ez neked? Ha a hirdetésblokkot egy másik helyre helyezi, akkor ez a hatás megszűnik. Érted, mire célzok?
Igen, KÉZI kell beillesztenie a hirdetés rövid kódját a MEGFELELŐ HELYRE! Ha ez a hely nem létezik, akkor létre kell hozni! Ezt megteheti: nyissa meg a google.com oldalt, és írja be cikkünk nevét a keresőbe. Keressük cikkünket a keresési eredmények között, és menjünk rá. Megnézzük, mit mutat az adsense. Keressük a cikkben azt a helyet, ahol ez lesz a megfelelő hely, befejezzük a cikket a hirdetésből származó szavakkal, és oda szúrjuk be a rövid kódot.
Most a cikkben szereplő hirdetés MAXIMÁLISAN megfelelő lesz a tartalmához, legalábbis ahhoz a szövegrészhez, ahol majd állni fog. Igen, hosszú és sivár, de nem keresünk egyszerű utakat, igaz? A könnyebb út a vesztesek vallása...
Nem talált választ? Használja a webhelykeresőt
A rövid kódok PHP-függvények, amelyek feltételes feltételekkel használhatók a bejegyzési tartalomban.
Például egy szabványos WordPress rövid kód lehetővé teszi egy galéria megjelenítését egy bejegyzésen belül.
Nyilvánvaló, hogy ez a funkció elképesztő lehetőségeket kínál a WordPress fejlesztői számára - manapság nagyon fontos az űrlapok, gombok, csúszkák bejegyzésekbe való beillesztése.
Ahogy egy függvénynek lehetnek argumentumai, a rövid kódnak is lehetnek saját paraméterei. Egy másik példa a rövid kódra:
A kódot beillesztheti a functions.php fájlba (az aktuális témakönyvtárban lévőre gondolok).
A rövid kód nevének kisbetűsnek kell lennie, és csak latin betűket, számokat és aláhúzásjeleket kell tartalmaznia.
Rövid kód paraméterekkel
Oké, már írtam, hogy a shortcode-oknak lehetnek saját paraméterei, most lássuk, hogyan is működik.
Példaként írtam egy rövid kódot, amely egyszerűen beszúr egy hivatkozást egy bejegyzésbe, amely egy új böngészőlapon nyílik meg target="_blank" . Nem hiszem, hogy ez valóban hasznos lehet, de számunkra most az a legfontosabb, hogy megértsük a rövid kódok működésének elvét.
Két paraméter lesz: anchor és url - anchor (link text) és URL. Ha magában a shortcode-ban nincs megadva a paraméter, akkor a függvényben beállított alapértelmezett értéke kerül felhasználásra.
Rövid kódok bezárása és egy rövid kód a rövid kódon belül
Vegyük a rövid kódot az előző példából, és módosítsuk egy kicsit. Hadd emlékeztesselek arra, hogy a rövid kód így nézett ki:
.
Mi van, ha így alakítjuk át: Link URL .
Ezenkívül más rövid kódok is beilleszthetők a záró rövid kódokba (a funkciónak köszönhetően).
Ennek megfelelően írjuk át a kódunkat az előző példából:
| function true_url_external( $atts , $shortcode_content = null ) ( $params = shortcode_atts( array ( "anchor" => "Misha Rudrastykh") , $atts ; return """ target="_blank">($params[ "horgony "])"; ) add_shortcode( "igazi_url" , "igazi_url_külso" ) ; |
A következő típusú rövid kód most a webhely főoldalára mutató hivatkozást jelenít meg (a rövid kódról fentebb írtam).
Rövid kód beszúró gomb hozzáadása a TinyMCE Visual Post Editor-hoz
Nyilvánvaló, hogy sokkal kényelmesebb lesz beszúrni egy rövid kódot a beépített TinyMCE szerkesztőn keresztül, és ha olyan felületet is megvalósítanak, amely lehetővé teszi a rövid kód paraméterek beállítását, akkor általában jó.
1.PHP
Függetlenül attól, hogy a gombod szöveges vagy ikonos lesz, tartalmaz-e további beviteli mezőket (rövidkód paramétereket) vagy sem – a gomb regisztrációs PHP kódja minden esetben ugyanaz lesz.
| // Hooks függvény true_add_mce_button() ( // ellenőrizze a felhasználó jogait – szerkesztheti-e a bejegyzéseket és oldalakat if ( !current_user_can( "edit_posts" ) && !current_user_can( "edit_pages" ) ) ( return ; // ha nem tud, akkor a gomb sem kell, ebben az esetben lépjen ki a funkcióból } // ellenőrizze, hogy a felhasználónál engedélyezve van-e a vizuális szerkesztő a beállításokban (ha nem, akkor nem kell csatlakoztatni a gombot) if ("true" == get_user_option ("rich_editing")) (add_filter ("mce_external_plugess", "true_add_tinymce_script"); add_filter ("mce_buttons", "true_rregister ce_button); // Ebben a függvényben a gomb JavaScript fájljára mutató hivatkozást adunk meg function true_add_tinymce_script( $plugin_array ) ( $plugin_array [ "true_mce_button" ] = get_stylesheet_directory_uri() ."/true_button.js" ; return $plugin_array ; ) // Regisztrálja a gombot a szerkesztőben function true_register_mce_button( $buttons ) ( array_push ( $buttons , "true_mce_button" ) ; // true_mce_button - gombazonosító return $buttons ; ) |
Ebben a példában a . true_button.js - maga a gomb, hozza létre ezt a fájlt a témakönyvtárban (vagy bárhol, ahol akarja, de ebben az esetben ne felejtse el megváltoztatni az elérési utat).
2.1. JavaScript. Egyszerű gomb példa
Vessünk egy pillantást a true_button.js fájl tartalmára. Tehát kezdjük egy egyszerű gomb létrehozásával, amely beszúr egy rövid kódot.
| (function () ( tinymce.PluginManager .add ("true_mce_button" , function ( editor, url ) () // true_mce_button – Gombazonosító editor.addButton("true_mce_button" , ( // true_mce_button - gombazonosító, mindenhol azonosnak kell lennie szöveg: "" , // gomb szövege, ha azt szeretné, hogy a gomb csak egy ikont tartalmazzon, távolítsa el ezt a sort cím: "Insert shortcode", // eszköztipp ikon: hamis // itt megadhatja a TinyMCE meglévő vektoros ikonjait vagy a saját CSS osztályát onclick: function () ( editor.insertContent("" ) ; // illessze be a rövid kódot a szerkesztőbe, bármilyen jQuery műveletet is beállíthat } } ) ; } ) ; } ) () ; |
Ennek eredményeként:
A rövid kód beszúró gomb szöveges verziója a TinyMCE vizuális szerkesztőben.
2.2. Gomb ikonnal, legördülő listával és rövid kód paraméterek beállításának lehetőségével
Azzal kezdem, hogy beillesztem (vagy inkább lecserélem) a kódot a true_button.js fájlba:
| (function () ( tinymce.PluginManager.add("true_mce_button" , function ( szerkesztő, url ) ( // A true_mce_button gomb azonosítójának mindenhol azonosnak kell lennie editor.addButton( "true_mce_button" , ( // gomb azonosítója true_mce_button ikon: "perec", // saját CSS osztályom, aminek köszönhetően beállítom a gomb ikonját típus: "menubutton" , cím: "Elem beszúrása", // hover tooltip menü: [ // az első legördülő lista itt kezdődik( szöveg: "Űrlapelemek" , menü: [ // itt kezdődik a második legördülő menü az elsőben( szöveg: "Szövegmező" , onclick: function () ( editor.windowManager.open( ( cím: "Mezőbeállítások beállítása", törzs: [ ( típus: "textbox" , név: "textboxName" , // Azonosító, az alábbiakban kerül felhasználásra címke: "A szövegmező azonosítója és neve", // címke értéke: "megjegyzés" // alapértelmezett érték) , ( írja be: "textbox" , // textbox type = textbox név: "multilineName" , címke: "A szövegmező alapértelmezett értéke", érték: "Szia" , többsoros: igaz , // nagy szövegmező - textarea min. szélesség: 300 // minimális szélesség pixelben min Magasság: 100 // minimális magasság pixelben) , ( írja be: "listbox" , // írja be listbox = legördülő lista kiválasztása name: "listboxName" , label: "Fill" , "values" : [ // legördülő lista értékei( szöveg: "Kötelező" , érték: "1" ) , // címke, érték(szöveg: "Választható", érték: "2" ) ] ) ] , beküldéskor: függvény ( e ) ( // ez a mezők kitöltése és a küldés gomb megnyomása után történik meg editor.insertContent( "" ) ; ) ) ) ; ) , ( // a beágyazott legördülő lista második eleme, csak beszúr egy rövid kódot szöveg: "Küldés gomb", onclick: function () ( editor.insertContent("" ) ; ) ] ) , ( // az első legördülő lista második eleme, csak beszúr szöveg: "Shortcode" , onclick: function () ( editor.insertContent("" ) ; ) ] ) ) ; ) ) ; ) ) () ; |
A kód beillesztése után a gombom már ott van és működik. Az egyetlen dolog, hogy nincs rajta ikon (jó, kivéve a lefelé mutató nyilat).
A WordPress egy hatékony közzétételi rendszer, amely egyaránt kényelmes kezdő bloggerek számára, valamint bármilyen fórum, közösségi hálózat, üzlet stb. létrehozásához.
Általában minden alkalmazáshoz kiválasztják a megfelelő sablont (sablont), de néha a képességei nem elegendőek.
Itt jönnek segítségül a rövid kódok, amelyek segítségével a WordPress-hez hozzáadhatod a saját „zestedet”.
A rövid kód egy rövid kód, amelyet közvetlenül egy oldal szövegébe, fejlécbe, widgetbe illesztenek be – vagyis a tartalomba, és bővítik a WordPress lehetőségeit.
Ezzel gyönyörűen formázhatja a szöveget, oszlopokra bonthatja, tartalmat, gombot, audiolejátszót, megrendelőlapot és sok más olyan funkciót helyezhet be, amelyek megkülönböztetik a WordPress-ét az összes többitől.
Ha egy adott rövid kódhoz nincs kezelő, akkor a hívása az oldalon egyszerű szövegnek fog kinézni.
Ez a cikk szándékosan nem létező rövid kódok neveit használja, így láthatja, hogyan néz ki a rövid kód hívás, és nem a munkájának eredménye.
Rövid kód típusok szerkezet szerint
Lehetnek paraméterek nélkül, paraméterekkel és tartalommal.
Rövid kódok paraméterek nélkül
Néha elég egy rövid kód hívása egy jól meghatározott funkció végrehajtásához. Nem kell átadnia semmilyen paramétert.
Ez a kód például egy vízszintes vonalat jelenít meg. Megjelenését a stíluslap határozza meg.
Ez a felhívás az aktuális évet nyomtatja ki. Kényelmes, ha nem minden évben szerkesztünk szövegeket.
Rövid kódok paraméterekkel
Néha paramétereket kell átadnia, hogy eltérő eredményeket kapjon.
Például így kerül be egy gyönyörű gomb, aminek a stílusát a stíluslapba kell beírni.
Két paramétert tartalmaz: cím- ez a felirat a gombon, például Rendelés, Feliratkozás stb.
url az átkattintási cím.
Így lehet beilleszteni a rubelben kifejezett árat, amely a jegybank aktuális árfolyamán automatikusan átváltható dollárban kifejezett árból.
Itt a paraméter s az ár dollárban van megadva.
Tartalom rövid kódjai
Két részből állnak, amelyek között bármilyen bejegyzés tartalom, widget stb.
Így emelhet ki egy szövegrészt vagy egy bejegyzés egy részét, ha színes hátteret „helyez” alá:
Íme néhány szöveg, amely színes háttéren jelenik meg.
Paraméter szín beállítja a háttérszínt a szokásos hexadecimális kódban.
És a következőképpen jeleníthet meg szöveget két azonos szélességű oszlopban:
A php kódban található rövid kód egy azt feldolgozó függvényből és egy parancsból áll, amely hozzárendeli a kódhoz a megfelelő függvényt.
Íme egy tipikus rövid kód egy gombhoz:
funkció ha_but($atts,$content=NULL) (
extract(shortcode_atts(array(
'title' => 'Menj',
'url' => false
), $atts));
$output=" '.$title."’;
return $kimenet;
}
add_shortcode('de','ha_but');
Ebben a példában a függvény neve ha_but. Két paramétert adnak át - címÉs url. És azért cím alapértelmezett érték hozzárendelve Megy. Ha a kód meghívásakor a paraméter cím kihagyja, akkor az alapértelmezett gomb felirata lesz Megy.
A függvényen belül más függvények hívhatók, fájlok csatlakoztathatók stb. A rövid kód funkcionalitásának csak a képzelet és a programozási készség szab határt.
A függvény ezután a következővel adja vissza eredményét Visszatérés.
Funkció add_shortcode név szerint hozzárendeli a rövid kódot de kezelő funkció név szerint ha_but.
És itt vannak a teljes szélességű sárga gomb stílusai:
Btn(
kijelző: inline-block
szín: #000000;
betűtípus: 300 16px "Roboto", sans-serif;
szöveg-átalakítás: nagybetűk;
háttér: #fde42b;
háttér: -webkit-gradient(lineáris, bal felső, bal alsó, from(#fcea38), to(#ffcf00));
háttér: -webkit-linear-gradient(top, #fcea38 0%, #ffcf00 100%);
háttér: lineáris gradiens(lefelé, #fcea38 0%, #ffcf00 100%);
keret-alsó: 3px tömör #b27d00;
padding: 14px 15px 11px;
szélesség: 90%
határsugár: 2 képpont
szöveg igazítása: középre;
szöveg-dekoráció: nincs;
text-shadow: 1px 1px 0 #ffec89;
}
.btn:hover (
átlátszatlanság: 1
háttér: -webkit-gradient(lineáris, bal alsó, bal felső, from(#ffdd02), to(#fffe6d));
háttér: -webkit-linear-gradient(bottom, #ffdd02 0%, #fffe6d 100%);
háttér: linear-gradient(top, #ffdd02 0%, #fffe6d 100%);
keretszín: #bd8500;
Rövid kód beszúrása WordPress sablonba
Szúrjon be egy függvényt - a rövid kódkezelő közvetlenül az egyes bejegyzések megjelenítéséért felelős fájlba lehet - általában ez single.php. Akkor ez a rövid kód csak hozzászólásokban fog működni.
Inkább tedd egy fájlba függvények.php bármely WordPress témában megtalálható. Ezután a rövid kód minden oldalon, kütyüben stb. fog működni.
Ha azonban frissíti vagy módosítja a sablont, a rövid kódok feldolgozása többé nem történik meg. Ha a jövőben módosítani kívánja a blog kialakítását, akkor jobb, ha az összes rövid kód kódját egy fájlba helyezi, például, shortcodes.php,és helyezze egy mappába az én a webhely gyökerében.
Ebben az esetben a hívást úgy kell megszervezni, hogy beilleszti a fájlba függvények.php parancs request_once('my/shortcodes.php');
A WordPress téma módosítása vagy frissítése után ne felejtse el újra regisztrálni ezt a parancsot.
Hogyan lehet rövid kódot beszúrni egy WordPress oldalba
Ahhoz, hogy a rövid kód működjön, be kell szúrni a hívását a megfelelő helyre a tartalomban, amely szögletes zárójelekből, a rövid kód nevéből és paraméterekből áll. Ugyanakkor bármilyen stílussal díszítheted, akárcsak a bejegyzés szokásos szövegét.
Remélem van elég példa, hogy magad is készíthess egy wordpress rövid kódot, ami megoldja a szükséges feladatokat.
Tekintse meg az oktatóvideót az összetettebb rövidkódok létrehozásáról itt:
A webhelyen való tartalom közzététele során gyakran be kell illesztenie egy vagy másik elemet a bejegyzésekbe. Elég kényelmetlen minden alkalommal kézzel írni valamit, különösen, ha sok ilyen betét lesz. Főleg erre a CMS WordPressben, a verziótól kezdve 2.5 , bevezették a rövid kódoknak nevezett speciális funkciót.
A gyakorlatban a rövid kód egy speciális konstrukció, amely szögletes zárójelben van. A rendszer valahol találkozva ezzel helyettesíti az adott értéket. A rövid kódok meglehetősen népszerűek a témákban és a bővítményekben.
Vessünk egy pillantást a rövid kóddal végzett műveletekre, példaként egy képgaléria-bővítmény használatával. Tehát a telepítés és aktiválás után megjelenik egy speciális rész a WordPress webhely adminisztrációs részében, amely tartalmazza a galéria létrehozásához szükséges eszközöket. A képek hozzáadása és a szükséges beállítások alkalmazása után a galéria mentésre kerül. Most már csak meg kell jeleníteni az oldalon. Ehhez a plugin egy egyedi rövid kódot mond, amelynek beillesztési pontján megjelenik az általad létrehozott galéria.
A rövid kód így néz ki:
Hogyan készítsünk rövid kódot a WordPress-ben?
Az „motor” eszközök nem csak a meglévő rövid kódok használatát teszik lehetővé, hanem saját létrehozását is. Ehhez programozási ismeretek szükségesek. Minden munkánkat az aktív WordPress téma fő konfigurációs fájljában helyezzük el - függvények.php.
Ha nem tudja, hogyan kell szerkeszteni függvények.php, akkor ebben az esetben a ProFunctions plugin segít.
Például hozzunk létre egy rövid kódot, amely egyszerű szöveget jelenít meg "Szia WPSchool!"
Ehhez adja hozzá a következő sorokat a fenti fájlhoz:
Függvény wpschool_text_shortcode() ( return "Szia WPSchool!"; ) add_shortcode("textshortcode", "wpschool_text_shortcode");
Kódunk 2 fő konstrukcióból áll. Blokk függvény wpschool_text_shortcode() egy olyan függvény, amelyben a rövid kód szükséges értéke ténylegesen megjelenik. Esetünkben ez egy szöveges karakterlánc kimenete "Szia WPSchool!"
Irányelv add_shortcode() egy segédprogram parancs, amely magát a rövid kódot hozza létre. Két lehetősége van. "textshortcode" a rövid kód neve, amely végül szögletes zárójelben lesz. A második paraméterben szöveges kimenettel adjuk meg a függvényünk nevét.
Ennek eredményeként a következő rövid kódot kapjuk, amely készen áll a beillesztésre:
Adjuk hozzá a bejegyzés vagy oldal tartalmi részéhez.
Ennek eredményeként a webhelyen így fog kinézni:
A következő példában egy rövid kódot készítünk egy adott méretű kép beszúrásához.
Függvény wpschool_picture_shortcode($atts) ( extract(shortcode_atts(array("width" => 100, "height" => 100,), $atts)); return " 
"; ) add_shortcode("kép", "wpschool_picture_shortcode");
A rövid kódunk most függvényparamétereket tartalmaz, és van argumentum is $atts. A rövidkód paraméterek használatához két függvényre van szükségünk: shortcode_atts()És kivonat(). Az első a WordPress magjába épített funkció, amely a rövid kód attribútumait egyezteti az átadott attribútumokkal, és alapértelmezett értékeket rendel hozzá (ha szükséges). kivonat() a nyelv függvénye PHP, amely tömbértékekből hoz létre változókat. A függvényünk a szükséges értéket adja vissza ( HTML-elrendezése képünk megadott magassági és szélességi értékekkel).
Most, amikor a rövid kódot használják , akkor a kiválasztott kép méretekkel generálódik 100 tovább 100 . Ha módosítania kell a méretét, akkor a rövid kód így fog kinézni:
Nemrég felfedeztem, hogy sokan nem tudják, hogyan kell rövid kódokat beszúrni a WordPressbe, vagy hogyan jelenítsék meg a szkriptet egy másik motorral rendelkező webhelyen. És azok, akik tudják, és hogyan kell elkészíteni PHP rövid kód kimenet gyakran súlyos hibákat követ el. A végén pedig azt okolják, hogy vagy van pluginjuk, ill rövid kód nem működik, vagy valami nem stimmel a webhelysablonnal. Valójában azonban minden nagyon egyszerű, és a hibák főként a szintaxis és az írásjelek figyelmetlensége vagy tudatlansága miatt fordulnak elő.
Hogyan fájl? Gyors válasz
Főleg azoknak, akik már mindent tudnak, de csak gyors választ keresnek, vagy másik motorhoz, akkor ezt a kódot használják:
A php echo a shortcode wordpress-t használja
|
Ne feledkezzünk meg azonban az írásjelekről sem! idézetek a te rövid kódÉs Vphp kódnak másnak kell lennie.
Vagyis ha a wordpress webhelysablonban ugyanazt a rövid kódot használod, de belül két idézőjel van (["..."]), és a php kódodban is használsz dupla idézőjeleket ("[...]") , akkor az egyiket egyedire kell cserélned. Ilyen kicsinyes okokból a rövid kódok nem működnek a wordpressben. Erről bővebben alább.
Mi az a rövid kód(rövid kód), és mire való?
A rövid kód az angolról. "rövid kód". Főleg a tartalomkezelő rendszerekkel (CMS) való együttműködésre tervezett beépülő modulok vagy modulok létrehozásakor használatos, mint például a WordPress, a Joomla stb. Egyszerűen fogalmazva, ez a rövid kód egyfajta parancsikon, amelyet az oldalhoz hozzáadva előugrik a plugin összes nagy kódja.
A rövid kód általában így néz ki: vagy ez, vagy akár csak egy szó
Mindenesetre ez nem annyira fontos, mivel a lényeg az, hogy ismerjük a rövid kód webhelyhez való hozzáadásának elvét.
Hogyan működik?
Minden nagyon egyszerű. Tegyük fel, hogy van egy webhelyed a WordPress motoron, van valami egyszerű sablonod (design) az oldalról, de annak díszítésére úgy döntesz, hogy teszel rá egy csúszkát, amiben a fotóid maguktól átfordulnak. Ezt nagyon könnyű megtenni. Ehhez le kell töltened a csúszka beépülő modult az általános WordPress bővítménykönyvtárból, oda kell feltöltened a szükséges fotókat, és a plugin egy kis csúszkakódot ad, mint pl.
de csak egy ilyen rövid kód (Shortcode) egy sorban:
Valami ilyesmi beillesztésével
rövid kódot a wordpress webhely oldalára vagy widgetre, a beépülő modul elkezd működni, és generálja a felső nagy csúszkakódot, ennek eredményeként a csúszkát a webhely oldalain kapja meg.
A hogyan kell beszúrni a rövid kódot csúszka egyenes a wordpress sablonhoz php kódban?
Ha közvetlenül a kódba kell, akkor ehhez a bővítmény fejlesztői egy rövid kódfüggvényt írtak a php nyelven a mellé (felső ábra):
A rövid kód ilyen "funkciója" beilleszthető egy php fájlba a kívánt helyre az oldalon. Például a header.php-ben valahol a body után vagy esetleg a sidebar.php-ben, és a legjobb az oldalsablon fájlban (úgy lehet nevezni, hogy content-page.php), ennek eredményeként azt kapjuk, hogy a ugyanaz a csúszka, de már bele van építve magának a webhelynek a kialakításába.
Azonban nagyon óvatosnak kell lennie, amikor rövid kód megjelenítése wordpress sablonban php fájlokban. Ehhez legalább alapszintű php tudás kell. Mert ha „rossz helyre” illeszted be a php fájlba, akkor hiba jelenik meg az oldalon.
Általában minden php kód ezzel kezdődik. Ide az egyik php kód vége után és egy másik kezdete előtt beszúrhatod a php függvényedet. Sajnos a bővítmények fejlesztői nem mindig készítenek kész (mint ebben a példában) php függvényt a rövid kód megjelenítésére. Ebben az esetben könnyen és egyszerűen elkészítheti saját maga, erről bővebben alább.
Hogyan rövid kód megjelenítése php-ban V wordpress ha nincs kész php függvény a pluginban?
Vannak olyan beépülő modulok, amelyekben a fejlesztőik úgy döntöttek, hogy nem adnak meg kész php függvényt a rövid kód beillesztéséhez a webhely sablonfájljaiba (mint az előző példában), hanem csak egy rövid kódot jeleznek. Így például ebben a csúszka beépülő modulban:
Mi a teendő ilyenkor, mert a rövid kódot be kell szúrnunk a wordpress sablonba és közvetlenül az oldalon lévő php fájlba? Ebben az esetben csak be kell csomagolnia a rövid kódot a php kimeneti funkcióval, amely a cikk elején látható. Ennek eredményeként, figyelembe véve a rövid kódunkat, egy ilyen php függvényt kapunk:
wordpress shortcode, hogyan kell beágyazni
|
Már biztonságosan integrálható bármely weboldal sablonba. Szánjon azonban rá időt, és olvassa el az alábbiakban azokat a gyakori hibákat, amelyeket még a tapasztalt webmesterek is elkövetnek rövid kódok hozzáadásakor.
Főbb hibák! Vagy miért nem működik a wordpress rövid kódja?
A cikk elején már leírtam, hogyan kell rövid kód hozzáadása V wordpress,És hogyan illessze be a rövid kódotPHP. Most foglaljunk össze mindent.
Valójában kétféleképpen lehet hozzáadni, nevezetesen:
WordPress rövid kód a sablonhoz
|
Mint látható, csak idézőjelekben különböznek egymástól - egyszeres és dupla. A php nyelv szintaxisa nagyon óvatos az ilyen idézetekkel. És ha a második, két idézőjeles függvényen belül beszúrsz egy rövid kódot is két idézőjelbe, például, mint nálunk: akkor hibaüzenetet kapsz az oldalon.
Annak érdekében, hogy ne legyenek hibák, és a rövid kód megfelelően működjön, különböző idézőjelekre van szükség. Például így:
Az első két rövid kód bármelyikét hozzáadhatja a WordPress-sablonhoz közvetlenül a szerkesztőben. Ehhez keresse meg a megfelelő php fájlt a webhelyszerkesztőben, amely azt a "helyet" vezérli az oldalon, ahol meg szeretné jeleníteni a csúszkát. Ezt a helyet közvetlenül a böngészőben a fejlesztői eszközökben találhatja meg a Ctrl + Shift + I billentyűparancs megnyomásával.
