Dëshironi të mësoni se si të krijoni një kod të shkurtër në WordPress?

Mësoni se si të krijoni një kod të shkurtër në WordPress mund të jetë një mënyrë efektive për të personalizuar postimet dhe faqet tuaja. Sidoqoftë, nëse jeni i ri në këtë proces, mund ta keni të vështirë të kuptoni se si të përdorni një veçori të tillë në faqen tuaj të internetit.

Kjo është arsyeja pse ne kemi mbledhur një udhëzues për t'ju ndihmuar të filloni. Duke parë se si funksionojnë kodet e shkurtra dhe si t'i zbatoni ato në mënyrë efektive, mund të filloni të personalizoni përmbajtjen tuaj sipas dëshirës tuaj pa pasur nevojë për shtojca shtesë.

Në këtë artikull, ne do të diskutojmë se cilat janë kodet e shkurtra të WordPress dhe pse mund të konsideroni përdorimin e tyre. Më pas do t'ju tregojmë se si të krijoni tuajin.

Por më parë, nëse nuk keni instaluar kurrë WordPress zbuloni Si të instaloj një WordPress blog hapa 7 et Si të kërkoni, instaloni dhe aktivizoni një temë WordPress në blogun tuaj 

Atëherë kthehu pse ne jemi këtu.

Cilat janë kodet e shkurtra të WordPress?

Kodet e shkurtra të WordPress veprojnë si shkurtore që ju lejojnë të futni shpejt elementë në një postim ose faqe. Këto janë zakonisht një rresht i vetëm kodi i mbyllur në kllapa katrore. Për shembull :

[exemplecodehortcode]

Ky kod do të shfaqë një veçori të paracaktuar në pjesën e përparme të faqes suaj të internetit.

WordPress prezantoi për herë të parë kodet e shkurtra me lirimin e API i kodit të shkurtër. Kjo e bëri të lehtë për përdoruesit të shtonin elemente tërheqëse në postimet dhe faqet e tyre, si p.sh Google Maps ose butonin "Like" në Facebook.

Ekziston në WordPress defaultt gjashtë kode të shkurtra  :

  • titull: Mbështillni titrat rreth përmbajtjes
  • galeri : shfaq galeritë e imazheve
  • Audio: fut dhe luan skedarë audio
  • video : fut dhe luan skedarë video
  • playlist : shfaq një koleksion skedarësh audio ose video
  • mbjell : mbështjell elementet në linjë

Do të hasni gjithashtu dy lloje themelore të formatimit të kodit të shkurtër: self-closing et enclosing.

Kodet e shkurtra self-closing mund të qëndrojnë më vete dhe nuk kanë nevojë për një etiketë mbyllëse.

Ndërkohë, enclosing rrethoni përmbajtjen që dëshironi të redaktoni dhe ju detyrojnë të mbyllni manualisht etiketën. Për shembull, mund të futni një video në YouTube duke mbështjellë URL-në midis etiketave embed et /embed :

krijoni një kod të shkurtër në wordpress

Për shembull, kjo do të krijonte rezultatin e mëposhtëm:

krijoni një kod të shkurtër në wordpress

Disa nga shtojcat më të mira të WordPress vijnë me kodet e tyre të shkurtra. Për shembull, Formularët WP et Kontaktoni 7 Form keni kode të shkurtra që ju lejojnë të futni shpejt një formularin e kontaktit në një postim ose faqe. Ju gjithashtu mund të përdorni një shtojcë si MaxButtons për të shtuar një kod të shkurtër të butonit kudo që dëshironi në faqen tuaj të internetit.

Pse duhet të konsideroni përdorimin e kodeve të shkurtra të WordPress?

Ka shumë arsye pse mund të përdorni kodet e shkurtra të WordPress. Për shembull, është më e lehtë dhe më e shpejtë sesa të mësosh dhe të shkruash një pjesë të gjatë kodi në HTML. Plus, ato ju ndihmojnë ta mbani përmbajtjen tuaj të pastër dhe të aksesueshme.

Kodet e shkurtra mund të përdoren për të automatizuar disa veçori që i përdorni në mënyrë të përsëritur. Për shembull, nëse përdorni një buton thirrje për veprim (CTA) në secilin prej artikujve tuaj, të kesh gati një kod të shkurtër të dedikuar mund të jetë një zgjidhje e shpejtë dhe e përshtatshme.

Duhet përmendur se Redaktor i Gutenberg funksionon në të njëjtën mënyrë, duke u mbështetur në përdorimin e kodeve të shkurtra. Ai i lejon përdoruesit e WordPress të shtojnë disa veçori ndërvepruese përmes përdorimit të blloqeve.

krijoni një kod të shkurtër në wordpress

Një metodë e tillë është shumë më miqësore për fillestarët, sepse mund të shtoni përmbajtje direkt në UI. Sidoqoftë, redaktori i bllokut të WordPress është ende i kufizuar në atë që ofron. Për fat të mirë, ajo vjen me një bllok Kod i shkurter, e cila ju lejon të shtoni përmbajtje të personalizuar në faqet tuaja.

Si të krijoni një kod të shkurtër në WordPress

Nëse tashmë keni njohuri për kodimin, mund të krijoni kodet tuaja të shkurtra të personalizuara. Kjo ju jep kontroll të plotë mbi pamjen dhe funksionalitetin e faqes suaj të internetit.

Le të shohim se si të krijojmë një kod të shkurtër të personalizuar të WordPress. Në këtë tutorial, ne do të shtojmë lidhje të mediave sociale në një artikull si shembull.

Hapi 1 – Krijoni një skedar të ri me temë

Para se të filloni, është mirë që kopjoni plotësisht faqen tuaj të internetit të WordPress. Do t'ju duhet gjithashtu të krijoni një skedar të veçantë për kodin tuaj të shkurtër të personalizuar jashtë skedarit  functions.php juaj WordPress theme. Kjo do të sigurojë një zgjidhje kthimi në rast se diçka shkon keq.

Ju mund të përdorni një klient FTP (File Transfer Protocol) si FileZilla për të hyrë në skedarët e temave të faqes suaj të internetit. Pasi të keni hyrë në faqen tuaj të internetit, shkoni te temat e përmbajtjes wp dhe gjeni dosjen tuaj aktuale të temës. Në shembullin tonë, kjo do të jetë bufi shtypës:

krijoni një kod të shkurtër në wordpress

Hapni dosjen tuaj WordPress theme, kliko me të djathtën mbi të dhe shtyp Krijoni skedar të ri.

Emërtoni skedarin tuaj të ri porosi-shortcodes.php pastaj kliko OK. Më pas mund ta modifikoni duke klikuar me të djathtën mbi të dhe duke zgjedhur opsionin Shiko/Ndrysho :

krijoni një kod të shkurtër në wordpress

Kjo do të hapë skedarin në redaktuesin tuaj të paracaktuar të tekstit. Pastaj ju vetëm duhet të shtoni bllokun e mëposhtëm të kodit:

<?php ?>

Kjo siguron që skedari juaj i ri do të interpretohet si PHP, e cila është gjuha e skriptimit në të cilën është ndërtuar WordPress.

Më pas mund të ruani ndryshimet tuaja dhe të mbyllni skedarin. Sigurohuni që të kontrolloni kutinë e mëposhtme për t'u siguruar që do të përditësohet në server dhe do të zbatohet në faqen tuaj të internetit:

Pastaj hapni skedarin functions.php në të njëjtën dosje teme dhe shtoni rreshtin e mëposhtëm të kodit në fund të dokumentit:

include('shortcodes-personnalises.php');

Kjo do t'i tregojë sistemit të përfshijë çdo ndryshim që bëni në skedar porosi-shortcodes.php brenda functions.php duke ju lejuar t'i ndani ato. Kur të jeni gati, ruani ndryshimet dhe mbyllni skedarin.

Hapi 2 - Krijo funksionin e kodit të shkurtër

Më pas, do t'ju duhet të krijoni funksionin e kodit të shkurtër, duke e udhëzuar atë se çfarë të bëjë. Zgjidhni sërish opsionin Shiko/Ndrysho e dosjes suaj porosi-shortcodes.php. Përdorni copëzën e mëposhtme të kodit për të shtuar një veprim për të lidhur funksionin tuaj:

function subscribe_link(){
    return 'Follow us on <a rel="nofollow" href="https://twitter.com/BlogPasCher">Twitter</a>';
    }

Më pas, do t'ju duhet të shtoni një funksion të kthimit të thirrjes, i cili do të funksionojë kur të aktivizohet veprimi i goditjes. Shtimi i rreshtit të mëposhtëm të kodit direkt pas atij të përmendur më sipër do t'i tregojë WordPress se funksioni juaj është një kod i shkurtër:

add_shortcode('sabonner', 'subscribe_link');

Kur krijoni një kod të shkurtër duke përdorur funksionin add_shortcode, ju caktoni një etiketë kodi të shkurtër " ($tag) "dhe një grep funksioni përkatës" ($func) i cili do të funksionojë sa herë që përdoret shkurtore.

Me fjalë të tjera, nëse etiketa e kodit të shkurtër është [subscribe], atëherë hook 'subscribe_link' ridrejton vizitorin në URL-në e dhënë.

Prandaj i gjithë kodi që përdorni në skedarin tuaj shortcodes-personnalises.php do të duket kështu:

krijoni një kod të shkurtër në wordpress

Duhet të theksohet se kur emërtoni etiketat, duhet të përdorni vetëm shkronja të vogla, megjithëse mund të përdoren nënvizat. Është gjithashtu vendimtare shmangni përdorimin e vizave, pasi mund të ndërhyjë me kode të tjera të shkurtra.

Hapi 3 – Shtoni kodin e shkurtër të vetë-mbylljes në faqen e internetit

Tani mund ta testoni kodin tuaj fillestar si një kod i shkurtër vetë-mbyllës në faqen tuaj të WordPress. Duke përdorur redaktuesin e bllokut të WordPress, mund të futni etiketën [subscribe] direkt në postim:

krijoni një kod të shkurtër në wordpress

Kjo do të shfaqë përmbajtjen e mëposhtme për vizitorët e faqes suaj të internetit:

Nëse jeni të kënaqur me këtë kod të shkurtër, nuk keni pse të bëni asgjë tjetër. Megjithatë, nëse dëshironi ta personalizoni, mund të kaloni në hapin tjetër.

Hapi 4 - Shtoni parametra në kodin e shkurtër

Ju mund të përshtatni kodin e shkurtër "pajtohu" për funksione shtesë për të shfaqur lidhje të tjera të mediave sociale. Ju mund ta bëni këtë duke shtuar një parametër për të modifikuar URL-në.

Derdh shtoni atributet e menaxhimit, ju duhet të hapni skedarin porosi-shortcodes.php dhe shtoni kodin e mëposhtëm:

function subscribe_link_att($atts) {
    $default = array(
        'link' => '#',
    );
    $a = shortcode_atts($default, $atts);
    return 'Follow us on '.$a['link'];
}
add_shortcode('sabonner', 'subscribe_link_att');

Kjo do t'ju lejojë të personalizoni lidhjet në etiketën tuaj të kodit të shkurtër për t'i shtuar ato në redaktorin e Gutenberg. Mund ta ngjitni mbi kodin e mëparshëm në skedar porosi-shortcodes.php. Duhet të duket diçka si kjo:

krijoni një kod të shkurtër në wordpress

Shtimi i funksioni shortcode_atts(). do të kombinojë atributet e përdoruesit me të gjitha atributet e njohura dhe çdo e dhënë që mungon do të zëvendësohet me vlerat e tyre të paracaktuara. Kur të jeni gati, ruani ndryshimet dhe mbyllni skedarin.

Hapi 5 - Testoni cilësimet

Tani mund të testoni kodin e shkurtër të përditësuar në Redaktorin e Bllokut të WordPress. Në shembullin tonë, ne po testojmë lidhjet tona në Twitter dhe Facebook me kodet e shkurtra të mëposhtme:

[lidhja e abonimit='https://www.facebook.com/live.blogpascher']Facebook[/subscribe]

[lidhja e abonimit='https://twitter.com/BlogPasCher']Twitter[/subscribe]

krijoni një kod të shkurtër në wordpress

Kjo do të prodhojë rezultatin e mëposhtëm në pjesën e përparme:

Ky kod i shkurtër vetë-mbyllës shfaq URL-të e drejtpërdrejta të profileve tuaja sociale për vizitorët. Sidoqoftë, mund të dëshironi që kjo veçori të duket pak e lëmuar.

Për shembull, do të jeni në gjendje të krijoni një version të bashkangjitur që ju lejon të personalizoni plotësisht tekstin e ankorimit që u shfaqet përdoruesve kur ata do të klikojnë mbi të. Ne do t'ju tregojmë se si ta bëni atë në hapin tjetër.

Hapi 6 – Krijoni kodin e shkurtër mbyllës

Kodi i shkurtër mbyllës do të formatohet njësoj si shembulli i mëparshëm i mbylljes automatike. Megjithatë, ai do të përfshijë një parametër shtesë për funksionin.

Së pari, do t'ju duhet të shtoni $content = null, i cili e identifikon këtë funksion si një kod të shkurtër mbyllës. Më pas mund të shtoni do_shortcode nga WordPress, i cili do të kërkojë përmbajtjen për kode të shkurtra.

Në skedar porosi-shortcodes.php, shtoni kodin e ri të shkurtër:

function subscribe_link_att($atts, $content = null) {
    $default = array(
        'link' => '#',
    );
    $a = shortcode_atts($default, $atts);
    $content = do_shortcode($content);
    return 'Suivez nous sur <a href="'.($a['link']).'" style="color: blue">'.$content.'</a>';
}
add_shortcode('sabonner', 'subscribe_link_att');

Kur të jeni gati, skedari juaj porosi-shortcodes.php duhet të duket kështu:

krijoni një kod të shkurtër në wordpress

Kodi i mëparshëm ka një atribut "stili" shtesë, e cila do të ndryshojë tekstin e ankorimit në një ngjyrë blu. Mos harroni të ruani ndryshimet tuaja kur të keni mbaruar.

Hapi 7 – Shtoni kodin e shkurtër bashkëngjitës në faqen e internetit

Tani mund të futni kodin tuaj të shkurtër në redaktuesin e bllokut të WordPress për të parë rezultatin përfundimtar:

Siç e keni vënë re, ju mund të ndryshoni lehtësisht URL-të e faqeve tuaja të mediave sociale dhe tekstin e ankorimit që i shfaqet vizitorit duke përdorur këtë kod të shkurtër mbështjellësi. Në këtë rast, ne kemi zgjedhur "Facebook" et "Twitter" :

krijoni një kod të shkurtër në wordpress

atje! Tani keni krijuar një kod të shkurtër të personalizuar për lidhjet e abonimit në faqet dhe postimet tuaja. Vini re se të gjithë hapat e përmendur më lart mund të modifikohen për të krijuar të gjitha llojet e elementeve të ndryshëm duke përdorur veçorinë e WordPress Shortcodes.

Shtimi i funksionalitetit shtesë në faqen tuaj të internetit të WordPress është shumë më i lehtë me kode të shkurtra. Ju mund t'i përdorni ato për të personalizuar përmbajtjen tuaj ekzistuese dhe për të shtuar veçori ndërvepruese, të tilla si formularët e kontaktit, galeritë e imazheve ose lidhjet e abonimit.

Burime të tjera të rekomanduara

Ne gjithashtu ju ftojmë të konsultoheni me burimet më poshtë për të vazhduar më tej në kontrollin dhe kontrollin e faqes dhe blogut tuaj.

Përfundim

Në këtë artikull, ne mësuam se si të krijoni kodin tuaj të shkurtër në WordPress. Nëse keni ndonjë shqetësim ose sugjerim, ju lutemi na tregoni brenda komente.

Megjithatë, gjithashtu do të jeni në gjendje të konsultoheni me ne RESSOURCES, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.

Ndërkohë, ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.   

...