Kako da kreirate shortcode-ove u WordPress-u Idi do glavnog sadržaja

Kako da kreirate shortcode-ove u WordPress-u

WordPress je poznat po svojoj jednostavnosti, fleksibilnosti i velikim mogućnostima prilagođavanja. Jedna od funkcionalnosti koja vam omogućava da lako dodajete dinamički sadržaj na svoje stranice i postove jeste shortcode.

U ovom tekstu ćemo objasniti šta su to WordPress shortcode-ovi i kako da ih kreirate.

Šta su WordPress shortcode-ovi?

Shortcode-ovi su kratki komadi koda, označeni unutar uglastih zagrada ([]), koji vam omogućavaju da dodajete funkcionalnosti na svoje stranice, bez potrebe za pisanjem složenog koda. Na primer, umesto da ručno unosite složeni HTML ili PHP kod za prikaz galerije slika, možete jednostavno koristiti shortcode.

Iako su shortcode-ovi najpoznatiji kao koncept koji se primenjuje u WordPress-u, oni se često primenjuju i u drugim sistemima za upravljanje sadržajem (CMS) i alatima koji koriste slične oznake za pozivanje unapred definisanih funkcija ili elemenata.

Ovi mali delovi koda su se pokazali kao odlično rešenje za one koji nemaju iskustva u programiranju, a žele da njihov sajt bude funkcionalan i estetski privlačan.

Na primer, ako želite da dodate u tekst galeriju slika, video ili neki drugi element, dovoljno je da koristite odgovarajući shortcode.

[galerija ids="1,2,3"]

Ovaj shortcode prikazuje galeriju sa slikama čiji su ID-jevi 1, 2 i 3.

Shortcode-ovi se primenjuju na sledeći način:

[shortcode_ime parametar1="vrednost1" parametar2="vrednost2"]
  • shortcode_ime: Naziv shortcode-a.
  • parametar1, parametar2: Dodatni parametri koji omogućavaju prilagođavanje funkcionalnosti.

Možete, na primer, koristiti shortcode za ubacivanje kontakt forme, kreiranje interaktivnih mapa, ubacivanje anketa ili kvizova, i još mnogo toga.

Zašto da koristite shortcode-ove?

Evo nekoliko glavnih razloga zašto su shortcode-ovi korisni:

  • Jednostavnost: Shortcode-ovi omogućavaju dodavanje složenih funkcionalnosti bez potrebe za kodiranjem. Umesto da se bavite HTML-om, CSS-om ili PHP-om, jednostavno ubacite shortcode u željeni deo teksta.
  • Fleksibilnost: Možete kreirati shortcode-ove za gotovo sve što zamislite – od ubacivanja videa do generisanja prilagođenog sadržaja. Na primer, možete dodati galeriju slika, prikazati proizvode iz WooCommerce prodavnice ili prikazati prilagođene poruke na osnovu toga da li je korisnik prijavljen ili nije.
  • Jednostavno održavanje: Promenom shortcode-a na jednom mestu, možete automatski ažurirati sve instance tog shortcode-a na sajtu. Na primer, ako promenite način na koji se prikazuju proizvodi, dovoljno je da izmenite jedan shortcode, i ta promena će se automatski reflektovati na svim stranicama koje koriste taj shortcode.
  • Modularnost: Shortcode-ovi čine sadržaj modularnim i lakim za ponovnu upotrebu. Kada kreirate jedan shortcode, možete ga koristiti na više različitih mesta na sajtu, štedeći vreme i napor.

Kako da kreirate shortcode?

Kreiranje shortcode-a u WordPress-u zahteva osnovno znanje PHP-a, jezika na kojem je WordPress izgrađen. U nastavku ćemo korak po korak proći kroz proces kreiranja jednostavnog shortcode-a. Nakon ovog dela, moći ćete da kreirate svoje shortcode-ove koji odgovaraju vašim specifičnim potrebama.

Kreiranje funkcije

Prvi korak u kreiranju shortcode-a je definisanje PHP funkcije koja će se izvršavati kada se taj shortcode pozove. Na primer, kreiraćemo jednostavnu funkciju koja prikazuje tekst “Hello, world!”:

// Funkcija koja prikazuje jednostavan tekst
function moj_prvi_shortcode() {
    return "Hello, World!";
}

U ovoj funkciji koristimo return umesto echo, kako bismo osigurali da se sadržaj shortcode-a pravilno prikazuje unutar posta ili stranice. Funkcija može da vrati bilo koji tip sadržaja – običan tekst, HTML, pa čak i rezultate složenih PHP operacija.

Registracija shortcode-a

Nakon kreiranja funkcije, potrebno je da registrujete shortcode u WordPress-u koristeći funkciju add_shortcode(). Ova funkcija zahteva dva parametra: ime shortcode-a i ime funkcije koja treba da se izvrši.

// Registracija shortcode-a u WordPress-u
add_shortcode('hello_world', 'moj_prvi_shortcode');

Sada možete koristiti [hello_world] u bilo kom postu ili stranici, i on će prikazati “Hello, World!”.

Proširenje shortcode-ova sa parametrima

Shortcode-ovi postaju mnogo moćniji kada se prošire parametrima. Parametri omogućavaju korisnicima da prilagode izlaz shortcode-a prema svojim potrebama. Ovi parametri mogu služiti za sve – od jednostavne promene teksta, do kompleksnih funkcionalnosti koje menjaju način na koji se sadržaj prikazuje.

Definisanje parametara

Dodavanje parametara vašem shortcode-u je jednostavno. Uzmimo primer gde želite da kreirate shortcode koji pozdravlja korisnika po imenu:

// Funkcija koja vraća personalizovani pozdrav
function pozdrav_shortcode($atts) {
    // Postavljanje podrazumevanih parametara
    $atts = shortcode_atts(
        array(
            'ime' => 'Gost',  // Podrazumevano ime je 'Gost'
        ), $atts, 'pozdrav'
    );

    // Vraćanje personalizovanog pozdrava
    return 'Zdravo, ' . esc_html($atts['ime']) . '!';
}

// Registracija shortcode-a za prikaz personalizovanog pozdrava
add_shortcode('pozdrav', 'pozdrav_shortcode');

Sada, ako koristite [pozdrav ime="Jovan"], izlaz će biti “Zdravo, Jovane!”. Ako ne navedete ime, podrazumevani izlaz će biti “Zdravo, Gost!”.

Proširenje funkcionalnosti sa više parametara

Možete proširiti ovaj koncept dodavanjem više parametara u shortcode. Na primer, možete kreirati shortcode koji prikazuje personalizovanu poruku sa imenom i prezimenom korisnika:

// Funkcija koja vraća personalizovani pozdrav sa imenom i prezimenom
function puni_pozdrav_shortcode($atts) {
    // Postavljanje podrazumevanih parametara
    $atts = shortcode_atts(
        array(
            'ime' => 'Gost',
            'prezime' => '',
        ), $atts, 'puni_pozdrav'
    );

    // Vraćanje personalizovanog pozdrava sa imenom i prezimenom
    return 'Zdravo, ' . esc_html($atts['ime']) . ' ' . esc_html($atts['prezime']) . '!';
}

// Registracija shortcode-a za personalizovani pozdrav sa imenom i prezimenom
add_shortcode('puni_pozdrav', 'puni_pozdrav_shortcode');

Ovako kreiran shortcode možete koristiti na sledeći način:

[puni_pozdrav ime="Ana" prezime="Marković"]

Ovaj shortcode će prikazati “Zdravo, Ana Marković!”.

Korisni primeri shortcode-ova

Da biste bolje razumeli kako funkcionišu shortcode-ovi, razmotrimo nekoliko korisnih primera.

Shortcode za prikaz trenutne godine

Prikaz trenutne godine može biti veoma praktičan, posebno u footer-u sajta, pravnim dokumentima, ili u bilo kom delu sajta gde želite da automatski ažurirate godinu bez potrebe za ručnim unošenjem svake godine. Ovaj shortcode vam omogućava da automatski prikažete trenutnu godinu koristeći PHP funkciju date().

// Funkcija koja vraća trenutnu godinu
function trenutna_godina_shortcode() {
    return date('Y');
}

// Registracija shortcode-a za prikaz trenutne godine
add_shortcode('trenutna_godina', 'trenutna_godina_shortcode');

Kako funkcioniše:
Funkcija trenutna_godina_shortcode() koristi PHP funkciju date('Y') koja vraća trenutnu godinu. Ova funkcija može biti pozvana bilo gde na sajtu putem shortcode-a.

Korišćenje:
Jednostavno ubacite [trenutna_godina] u bilo koji post, stranicu ili widget, i on će prikazati trenutnu godinu. Ovo je naročito korisno u footer-u vašeg sajta za automatsko ažuriranje godine u copyright informacijama, izbegavajući potrebu za manuelnim ažuriranjem svake godine.

Shortcode za prikaz YouTube videa

Integracija videa na vašem sajtu može značajno poboljšati korisničko iskustvo, ali ubacivanje koda za svaki video može biti zamorno. Ovaj shortcode vam omogućava da ubacite YouTube video jednostavno unošenjem njegovog ID-a i, po želji, prilagođavanjem dimenzija.

// Funkcija koja prikazuje YouTube video
function youtube_shortcode($atts) {
    // Postavljanje podrazumevanih parametara
    $atts = shortcode_atts(
        array(
            'id' => '',
            'sirina' => '560',
            'visina' => '315'
        ), $atts, 'youtube'
    );

    // Provera da li je ID videa unet
    if (!empty($atts['id'])) {
        // Vraćanje iframe-a sa YouTube videom
        return '<iframe width="' . esc_attr($atts['sirina']) . '" height="' . esc_attr($atts['visina']) . '" src="https://www.youtube.com/embed/' . esc_attr($atts['id']) . '" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>';
    } else {
        return 'YouTube video ID nije unet.';
    }
}

// Registracija shortcode-a za prikaz YouTube videa
add_shortcode('youtube', 'youtube_shortcode');

Kako funkcioniše:
Ovaj shortcode koristi funkciju shortcode_atts() za postavljanje podrazumevanih vrednosti za širinu i visinu videa, kao i za učitavanje ID-a videa. Ako je ID videa validan, generiše se HTML <iframe> element sa odgovarajućim atributima.

Korišćenje:
Ubacite [youtube id="dQw4w9WgXcQ" sirina="800" visina="450"] gde god želite da prikažete video. Možete prilagoditi dimenzije videa putem opcija sirina i visina. Ovo je korisno za blogove, tutorijale, ili bilo koji drugi sadržaj koji zahteva vizualnu komponentu u obliku videa.

Shortcode za prikaz dugmeta

Dodavanje dugmadi (CTA dugmadi) na vašu stranicu može značajno povećati angažovanje korisnika, bilo da se radi o klikovima ka eksterne stranice, registraciji ili preuzimanju. Ovaj shortcode omogućava brzo kreiranje dugmadi sa prilagođenim URL-ovima i stilovima.

// Funkcija koja vraća HTML za dugme
function dugme_shortcode($atts, $content = null) {
    // Postavljanje podrazumevanih parametara
    $atts = shortcode_atts(
        array(
            'url' => '#',
            'klasa' => 'btn-podrazumevana',
        ), $atts, 'dugme'
    );

    // Vraćanje HTML-a za dugme
    return '<a href="' . esc_url($atts['url']) . '" class="btn ' . esc_attr($atts['klasa']) . '">' . $content . '</a>';
}

// Registracija shortcode-a za prikaz dugmeta
add_shortcode('dugme', 'dugme_shortcode');

Kako funkcioniše:
Shortcode koristi shortcode_atts() za postavljanje URL-a i klase dugmeta. Zatim generiše HTML <a> tag sa klasom dugmeta, URL-om i sadržajem koji se prosleđuje između otvarajućeg i zatvarajućeg tag-a.

Korišćenje:
Koristite [dugme url="https://nekisajt.rs" klasa="btn-primary"]Kliknite ovde[/dugme] za kreiranje prilagođenih dugmadi sa različitim stilovima i URL-ovima. Ovaj shortcode je odličan za stvaranje vizuelno privlačnih call-to-action (CTA) dugmadi na landing stranicama, postovima ili e-mail kampanjama.

Shortcode za prikaz kolona u tekstu

Podela sadržaja u više kolona može značajno poboljšati čitljivost i vizuelni raspored na stranici. Ovaj shortcode vam omogućava da jednostavno podelite sadržaj u kolone, bez potrebe za komplikovanim CSS kodiranjem.

// Funkcija koja vraća HTML za kolonu
function kolona_shortcode($atts, $content = null) {
    // Vraćanje HTML-a za kolonu
    return '<div class="kolona">' . do_shortcode($content) . '</div>';
}

// Registracija shortcode-a za prikaz kolona
add_shortcode('kolona', 'kolona_shortcode');

Kako funkcioniše:
Shortcode generiše <div> sa klasom kolona, koja zatim sadrži sadržaj prosleđen između otvarajućeg i zatvarajućeg shortcode-a. Funkcija do_shortcode() osigurava da svi shortcode-ovi unutar kolone budu pravilno izvršeni.

Korišćenje:
Ubacite sadržaj između dva shortcode-a za kolone:

[kolona]Prva kolona sadržaja[/kolona]
[kolona]Druga kolona sadržaja[/kolona]

Ovo je korisno za blogove, članke ili stranice gde želite da podelite tekstualni ili vizuelni sadržaj na logične segmente. Responsivne kolone omogućavaju bolji raspored sadržaja na mobilnim uređajima i većim ekranima bez dodatnog stilizovanja.

Shortcode za prikaz nedavne objave

Ponekad možda želite da istaknete najnoviju objavu na vašoj stranici bez potrebe za ručnim unosom sadržaja. Ovaj shortcode vam omogućava da automatski prikažete naslov i kratak izvod poslednje objave koju ste napravili. Ovo je korisno za stranice poput početne strane ili widget oblasti, gde želite da posetiocima odmah prikažete najnoviji sadržaj.

// Funkcija koja prikazuje najnoviju objavu
function nedavna_objava_shortcode() {
    // Dohvatanje najnovije objave
    $nedavna_objava = wp_get_recent_posts(array('numberposts' => 1, 'post_status' => 'publish'));
    
    if (!empty($nedavna_objava)) {
        $objava = $nedavna_objava[0];
        
        // Kreiranje linka ka objavi
        $post_url = get_permalink($objava['ID']);
        
        // Vraćanje naslova i izvoda objave sa linkom
        return '<h3><a href="' . esc_url($post_url) . '">' . esc_html($objava['post_title']) . '</a></h3>' . 
               '<p>' . (!empty($objava['post_excerpt']) ? esc_html($objava['post_excerpt']) : wp_trim_words(esc_html($objava['post_content']), 30)) . '</p>';
    } else {
        return 'Nema nedavnih objava.';
    }
}

// Registracija shortcode-a za prikaz najnovije objave
add_shortcode('nedavna_objava', 'nedavna_objava_shortcode');

Kako funkcioniše:
Ovaj shortcode koristi funkciju wp_get_recent_posts() koja dohvata najnoviju objavu. Zatim prikazuje naslov objave unutar <h3> tagova i kratak izvod unutar <p> tagova. Ako nema nedavnih objava, prikazuje se poruka “Nema nedavnih objava”.

Korišćenje:
Koristite shortcode [nedavna_objava] u bilo kom postu, stranici ili widget-u, i automatski ćete prikazati najnoviju objavu na vašem sajtu. Ovo može biti korisno za blogove, magazine ili bilo koji sajt koji redovno ažurira svoj sadržaj.

Shortcode za prikaz broja objava

Ako vodite blog ili sajt sa mnogo sadržaja, možda želite da posetiocima prikažete ukupan broj objavljenih postova. Ovaj shortcode prikazuje taj broj automatski, bez potrebe za ručnim ažuriranjem svaki put kada objavite novi post.

// Funkcija koja prikazuje broj objava na sajtu
function ukupan_broj_objava_shortcode() {
    // Dohvatanje broja objava
    $ukupan_broj_objava = wp_count_posts()->publish;
    // Vraćanje broja objava
    return 'Ukupan broj objava na sajtu: ' . esc_html($ukupan_broj_objava);
}

// Registracija shortcode-a za prikaz broja objava
add_shortcode('ukupan_broj_objava', 'ukupan_broj_objava_shortcode');

Kako funkcioniše:
Shortcode koristi funkciju wp_count_posts() koja vraća broj objavljenih postova. Koristi se esc_html() da se osigura bezbedan prikaz broja na stranici.

Korišćenje:
Ubacite shortcode [ukupan_broj_objava] bilo gde na sajtu, i automatski će se prikazati trenutni broj objava. Ovo je korisno za blogove koji žele da istaknu koliko su sadržajno bogati, ili za sajtove koji žele da prikažu svoju aktivnost i posvećenost u objavljivanju sadržaja

Shortcode za prikaz liste kategorija

U mnogim slučajevima, korisnici žele da pregledaju različite kategorije sadržaja na sajtu kako bi brzo pronašli teme koje ih zanimaju. Ovaj shortcode automatski prikazuje listu svih kategorija na vašem sajtu, omogućavajući korisnicima lakši pristup sadržaju.

// Funkcija koja prikazuje listu kategorija
function lista_kategorija_shortcode() {
    // Vraćanje liste kategorija
    return wp_list_categories(array('echo' => false, 'title_li' => ''));
}

// Registracija shortcode-a za prikaz liste kategorija
add_shortcode('lista_kategorija', 'lista_kategorija_shortcode');

Kako funkcioniše:
Shortcode koristi funkciju wp_list_categories() koja generiše HTML listu svih kategorija na sajtu. Parametar echo je postavljen na false kako bi funkcija vratila, a ne direktno prikazala HTML. Na ovaj način, sadržaj može biti pravilno prikazan kada se shortcode koristi.

Korišćenje:
Ubacite shortcode [lista_kategorija] na stranicu ili post kako biste prikazali kompletnu listu kategorija na vašem sajtu. Ovo je idealno za blogove i magazine gde posetioci mogu da istraže različite teme putem kategorija.

Shortcode za brojač poseta stranici

Ako želite da prikazujete broj poseta određenoj stranici ili postu, ovaj shortcode vam omogućava da to uradite na jednostavan način. Ovaj brojač može biti koristan za prikaz popularnosti određenih članaka ili stranica.

// Funkcija koja prikazuje broj poseta stranici
function broj_poseta_shortcode() {
    global $post;
    // Dohvatanje broja poseta iz meta podataka posta
    $posete = get_post_meta($post->ID, 'broj_poseta', true);
    // Vraćanje broja poseta
    return 'Broj poseta ovoj stranici: ' . (int)$posete;
}

// Registracija shortcode-a za prikaz broja poseta
add_shortcode('broj_poseta', 'broj_poseta_shortcode');

Kako funkcioniše:
Shortcode koristi funkciju get_post_meta() da dobije broj poseta stranici, koji se zatim prikazuje korisnicima. Funkcija vraća broj poseta kao čist tekst koji se automatski ažurira svaki put kada se stranica pregleda.

Korišćenje:
Koristite shortcode [broj_poseta] unutar posta ili stranice kako biste prikazali broj poseta toj stranici. Ovaj shortcode može biti koristan za postove na blogu, prodajne stranice ili bilo koju stranicu gde je važna metrika popularnosti.

Napredne tehnike za kreiranje shortcode-ova

Kada se upoznate sa osnovama, možete se upustiti u kreiranje naprednijih shortcode-ova koji uključuju složenije funkcionalnosti.

Shortcode-ovi sa ogradom (Enclosing Shortcodes)

Shortcode-ovi sa ogradom vam omogućavaju da obuhvatite deo sadržaja između otvarajućeg i zatvarajućeg shortcode-a. Na primer, možete kreirati shortcode koji ističe tekst:

// Funkcija koja vraća HTML za istaknuti tekst
function istakni_shortcode($atts, $content = null) {
    // Vraćanje HTML-a za istaknuti tekst
    return '<span style="background-color:yellow;">' . $content . '</span>';
}

// Registracija shortcode-a za isticanje teksta
add_shortcode('istakni', 'istakni_shortcode');

Ovaj shortcode se koristi ovako:

[istakni]Ovaj tekst će biti istaknut.[/istakni]

Ovaj tip shortcode-a je koristan za isticanje važnih informacija u postovima ili na stranicama. Takođe, može se koristiti za kreiranje jednostavnih stilskih efekata, bez potrebe za direktnim uređivanjem HTML-a ili CSS-a.

Shortcode-ovi sa uslovnim prikazivanjem

Možete kreirati shortcode-ove koji prikazuju različite sadržaje u zavisnosti od uslova. Na primer, možete kreirati shortcode koji prikazuje poseban pozdrav za prijavljene korisnike:

// Funkcija koja prikazuje personalizovani pozdrav za prijavljene korisnike
function korisnicki_pozdrav_shortcode() {
    // Provera da li je korisnik prijavljen
    if (is_user_logged_in()) {
        $trenutni_korisnik = wp_get_current_user();
        // Vraćanje personalizovanog pozdrava za prijavljene korisnike
        return 'Zdravo, ' . esc_html($trenutni_korisnik->display_name) . '!';
    } else {
        // Vraćanje podrazumevanog pozdrava za goste
        return 'Zdravo, Goste! Molimo vas da se prijavite.';
    }
}

// Registracija shortcode-a za prikaz pozdrava
add_shortcode('korisnicki_pozdrav', 'korisnicki_pozdrav_shortcode');

Koristeći shortcode [korisnicki_pozdrav], prikazuje se personalizovani pozdrav za prijavljene korisnike, dok se za neprijavljene prikazuje podrazumevani tekst. Ovo je odličan način da personalizujete sadržaj na sajtu i poboljšate korisničko iskustvo.

Shortcode-ovi za integraciju sa API-jem

Ako želite da integrišete sadržaj sa spoljnim API-jem, možete kreirati shortcode koji povlači podatke sa API-ja i prikazuje ih na sajtu. Na primer, možete kreirati shortcode za prikaz trenutne vremenske prognoze:

// Funkcija koja prikazuje trenutnu vremensku prognozu
function vremenska_prognoza_shortcode($atts) {
    // Postavljanje podrazumevanih parametara
    $atts = shortcode_atts(
        array(
            'grad' => 'Beograd',
        ), $atts, 'vremenska_prognoza'
    );

    // API ključ za vremensku prognozu (unesite vaš API ključ)
    $api_kljuc = 'vas_api_kljuc';
    // Dohvatanje podataka sa API-ja
    $odgovor = wp_remote_get("http://api.weatherapi.com/v1/current.json?key={$api_kljuc}&q={$atts['grad']}");

    // Provera da li je odgovor uspešan
    if (is_wp_error($odgovor)) {
        return 'Ne može se preuzeti vremenska prognoza.';
    }

    // Parsiranje odgovora
    $telo = wp_remote_retrieve_body($odgovor);
    $podaci = json_decode($telo, true);

    // Provera da li su podaci ispravni
    if (isset($podaci['current'])) {
        // Vraćanje trenutne temperature
        return 'Trenutna temperatura u ' . esc_html($atts['grad']) . ' je ' . esc_html($podaci['current']['temp_c']) . '°C.';
    } else {
        return 'Nevažeći odgovor sa API-ja.';
    }
}

// Registracija shortcode-a za prikaz vremenske prognoze
add_shortcode('vremenska_prognoza', 'vremenska_prognoza_shortcode');

Koristeći shortcode [vremenska_prognoza grad="Beograd"], možete prikazati trenutnu temperaturu za bilo koji grad. Ovaj tip shortcode-a je posebno koristan za dinamičan sadržaj koji se često menja.

Gde da dodate shortcode-ove u WordPress-u?

Najbolje mesto za dodavanje prilagođenih shortcode-ova je unutar functions.php datoteke vaše teme ili u prilagođenom plugin-u. Ovo osigurava da je vaš WordPress shortcode dostupan na celom sajtu i da se pravilno učitavaju sa svakom stranicom.

1. Dodavanje u functions.php fajl

Možete dodati funkcije i shortcode-ove direktno u functions.php datoteku aktivne teme:

// functions.php
function moj_prilagodjeni_shortcode() {
    return "Ovo je moj prilagođeni shortcode!";
}
add_shortcode('prilagodjeni', 'moj_prilagodjeni_shortcode');

Dodavanje shortcode-ova u functions.php je najjednostavniji način, ali imajte na umu da će oni biti povezani sa vašom trenutnom temom. Ako promenite temu, izgubićete pristup tim shortcode-ovima.

Ukoliko niste sigurni kako da dodate shortcode u functions.php fajl, pročitajte Čemu sve služi functions.php fajl.

Kreiranje prilagođenog plugina

Ako želite da zadržite svoj shortcode nezavisnim od teme, kreirajte prilagođeni plugin:

  1. Kreirajte folder za plugin u wp-content/plugins/.
  2. U njemu kreirajte PHP datoteku, npr. prilagodjeni-shortcodes.php.
  3. Uredite datoteku i dodajte osnovnu strukturu za plugin:
<?php
/*
Plugin Name: Prilagođeni Shortcode-ovi
Description: Plugin za kreiranje prilagođenih shortcode-ova.
Version: 1.0
Author: Vaše ime
*/

function moj_prilagodjeni_shortcode() {
    return "Ovo je moj prilagođeni shortcode!";
}
add_shortcode('prilagodjeni', 'moj_prilagodjeni_shortcode');
  1. Aktivirajte plugin u WordPress admin dashboard-u.

Ovaj pristup omogućava da zadržite shortcode-ove čak i ako promenite temu, što je korisno za dugoročno održavanje sajta.

Ako niste sigurni kako da sami napravite svoj WordPress plugin, pročitajte Kako da sami napravite WordPress plugin.

Testiranje i debugging shortcode-ova

Nakon što kreirate shortcode, važno je da ga detaljno testirate kako biste osigurali da radi ispravno. Evo nekoliko saveta za testiranje:

  • Testirajte u različitim uslovima: Proverite kako shortcode funkcioniše na različitim mestima unutar WordPress-a (postovi, stranice, widget-i). Na primer, testirajte ga u kombinaciji sa različitim temama i plugin-ovima, kako biste se uverili da nema konflikata.
  • Proverite kompatibilnost sa temama i plugin-ovima: Osigurajte da vaš shortcode ne pravi konflikte sa drugim delovima sajta. Konflikti se često javljaju kada različiti plugin-ovi ili teme pokušavaju da koriste iste funkcionalnosti ili resurse.
  • Debugging: Ako shortcode ne radi kako očekujete, proverite greške u PHP-u koristeći error_log() funkciju ili pregledajte debug.log datoteku. Takođe, možete koristiti WordPress-ovu funkciju wp_debug kako biste lakše otkrili probleme.
  • Korisničko testiranje: Zamolite nekoliko korisnika da testiraju vaš shortcode u stvarnim uslovima. Ovo će vam pomoći da identifikujete eventualne probleme koje niste primetili tokom testiranja.

Zaključak

Kao što ste videli, shortcode-ovi su izuzetno moćan alat u WordPress-u, jer vam omogućavaju da brzo i jednostavno dodate funkcionalnosti, bez potrebe za pisanjem složenog koda. U ovom tekstu prošli smo kroz osnovne korake kreiranja shortcode-ova, upotrebu parametara, kao i napredne tehnike za kreiranje složenijih funkcionalnosti.

Bilo da želite da dodate jednostavan komad teksta, dinamički sadržaj, ili kompleksne funkcije, shortcode-ovi vam omogućavaju da to uradite na jednostavan i efikasan način. Kada se jednom upoznate sa osnovama kreiranja WordPress shortcode-a, mogućnosti su zaista beskonačne.

Nenad Mihajlović


Ostavite odgovor