Formatiranje područja komentara u WordPressu. Formatiranje područja komentara u WordPressu. Mogući stilovi za komentare administratora

Pozadina pisanja ovog članka je tipična: odlučio sam istaknuti svoje komentare posebnim stilom... Srećom, već nekoliko dana uništavam style.php i znam osnovna pravila CSS sintakse. I naravno, ta se nevina ideja pretvorila u laganu blamažu, traženje rješenja... Na kraju je sve uspjelo. A sada vam želim reći koje sam čarobne propusnice koristio za ukrašavanje vlastitih komentara.

Smisao svih dolje opisanih manipulacija je istaknuti svoje komentare i odgovore čitateljima. Ako ne pretjerate sa stilovima, ispast će prilično elegantno. Naravno, to nije vitalna potreba. Svatko tko je odlučio pogledati vaše komentare moći će to učiniti putem nadimka. Ali ideja ljepote također je važna za mnoge blogerice.

Osim toga, ako obratimo pozornost na to kako su autorovi odgovori oblikovani na mnogim velikim i dobro promišljenim stranicama (na primjer, smashingmagazine), vidjet ćemo zaseban stil za njih. Očito će to pomoći poboljšati upotrebljivost.

Posebno je važno koristiti poseban stil za komentare autora na blogovima gdje su dopušteni komentari u obliku stabla s prilično dubokim stupnjem ugniježđenja. Jednostavno rečeno, gdje korisnik može odgovarati na komentare, odgovarati na odgovore i tako dalje.

Pogledajmo stilove komentara koji se već koriste

Nemojte se iznenaditi što predlažem, takoreći, počevši od kraja. Ali za korisnike koji se ne osjećaju potpuno ugodno uređujući WordPress teme, ovo je najočitiji i najočigledniji način.

Dakle, odaberite post na svom blogu koji ima ostavljene komentare. Naravno, potrebni su nam i vaši odgovori. Nakon što otvorite takvu stranicu, desnom tipkom miša kliknite na nju i odaberite “View page code” (u preglednicima Google Chrome i Firefox takva opcija definitivno postoji).

Nemojte se bojati kada vidite list koda. Zapravo, ovdje nema ništa komplicirano ili tajno. Pomičite stranicu prema dolje i primijetit ćete da se prvo prikazuju opći podaci o objavi, a zatim tekst s oblikovanjem. Ispod je konačno kôd koji se odnosi na komentare. Možete jednostavno upisati Ctrl+F i unijeti u prozor koji se pojavi popis komentara i pritisnite Enter - odmah ćete biti "bačeni" na željeni redak, gdje će tražena riječ biti svijetlo istaknuta.

Sada pogledajmo kako su označeni naši stilovi komentara. Radi jasnoće, kod je iz moje teme. Naravno, vaš može izgledati i biti strukturiran malo drugačije, ali glavno značenje pojedinih dijelova koda mora biti jasno:

KOMENTATORSKI NIC:

TEKST KOMENTARA

TVOJ NADIMAK:

OVDJE SE NALAZE SVI TEHNIČKI PODACI O KOMENTARU, LINKOVI ZA UREĐIVANJE ITD.

TEKST VAŠEG ODGOVORA

OVDJE SU PODACI ZA GUMB "Odgovori".

Zapravo, samo trebamo pronaći komentare s vašim nadimkom (na primjer, na ovom blogu pišem i odgovaram pod nadimkom Katyaru). I odmah iznad potrebne linije, koja počinje ovako:

Ovo su oznake klasa − komentar od korisnika komentar-autor-admin autor posta odd alt dubina-2 — nas zanima. Što one znače? — komentar"stil komentara" byuser"stil registriranog korisnika" komentar-autor-admin"administratorski stil" bypostauthor"stil autora posta" neparan"paran stil komentara" (ili parni - "neparan") alt"stil komentara odgovora" dubina-2"dubina ugniježđivanja komentara je 2"
Pažnja: ako ste mudro promijenili prijavu na svoj blog iz "admin" u nešto drugo, tada će naziv stila izgledati ovako komentar-autor-VAŠA PRIJAVA. To je login za ulazak u admin područje, a ne nadimak koji koristite za prijavu!!!
Ovdje postoje moguće opcije. Možda bi komentatori na vašem blogu trebali biti registrirani korisnici. Možda autor posta niste vi, već neki drugi registrirani korisnik bez administratorskih prava. Ali samo je jedan administrator na blogu - a to ste vi! Stoga biste trebali obratiti pozornost na komentar-autor-admin(ili komentar-autor-VAŠA PRIJAVA) - mora biti jedinstven za sve vaše komentare.
Općenito, algoritam radnji je sljedeći:
- Gledamo šifru komentara i saznajemo koliko se (po prisutnosti kojeg stila) vaši komentari razlikuju od komentara svih ostalih korisnika (samo čitatelja, registriranih korisnika, autora itd.)
- Zatim nalazimo ovaj stil u listu stilova i dodajemo ga
Dodavanje posebnog stila za komentare administratora bloga
Otvorite stranicu s listovima stilova u administratorskoj ploči bloga style.php - bolje je prvo napraviti sigurnosnu kopiju teme ili barem kopirati sav kod s ove stranice i spremiti ga kao zasebnu datoteku u Notepad. Tada ćete moći vratiti stilove bez pogrešaka koje se spremamo napraviti
Opis stila komentara nalazimo pomoću riječi za pretraživanje commentlist. Dopustite mi da vas podsjetim da kod izgleda sjajno u različitim temama, ali značenje je svugdje isto. Na primjer, između ostalog, imam sljedeće retke:
OVDJE MOŽE BITI PUNO RAZLIČITIH STVARI ol.commentlist li.alt() ol.commentlist li.bypostauthor p() ol.commentlist li.byuser () ol.commentlist li.comment-author-admin(UNESITE SVOJ STIL) ol .commentlist li. comment() ol.commentlist li div.comment-author-admin (UNESITE SVOJ STIL) MOŽE BITI PUNO RAZLIČITIH OL.commentlist li ul.children li.bypostauthor() ol.commentlist li ul.children li.byuser() ol. commentlist li ul.children li.comment() ol.commentlist li ul.children li.comment-author-admin(UNESITE SVOJ STIL) ol.commentlist li ul.children li.depth-2() ol.commentlist li ul.children li.depth-2 li.comment-author-admin(UNESITE SVOJ STIL) ol.commentlist li ul.children li.depth-3() ol.commentlist li ul.children li.depth-3 li.comment-author-admin (UNESITE SVOJ STIL) I TAKO DALJE
Ove prazne vitičaste zagrade () označavaju da nije naveden poseban stil. To je praznina koju moramo popuniti našim kodom.
Pažnja: prvo trebate promijeniti u kodu riječ “admin” za vašu prijavu!!! U svim redovima u kojima se koristi naziv ovog stila!!!
Mogući stilovi za komentare administratora
Već smo se dogovorili da nećemo previše komentirati administratore. Samo ih trebate malo naglasiti. Na primjer, napravio sam debelu zelenu prugu s lijeve strane svojih odgovora.

Komentari u PHP-u slični su komentarima koji se koriste u HTML-u. U PHP sintaksi, komentari uvijek počinju s posebnim nizom znakova i sav tekst koji se pojavljuje između tih posebnih znakova tumač će zanemariti.

U HTML-u, glavna svrha komentara je poslužiti kao bilješka programerima koji mogu vidjeti izvorni kod vaše web stranice. PHP komentari razlikuju se po tome što neće biti prikazani posjetiteljima. Jedini način za pregled PHP komentara je otvaranje datoteke za uređivanje. Zbog toga su PHP komentari korisni samo PHP programerima.

U slučaju da ste zaboravili ili niste znali kako se stvaraju komentari u HTML-u, pogledajte primjer u nastavku.

Sintaksa PHP komentara: komentar u jednom redu

Dok html ima samo jednu vrstu komentara, PHP ima dvije vrste. Prva vrsta o kojoj ćemo raspravljati je komentar u jednom retku. To jest, komentar koji tumaču govori da zanemari sve što se događa u ovom retku desno od komentara. Da biste koristili ovaj komentar, koristite znakove "//" ili "#" i sav tekst s desne strane zanemarit će PHP tumač.
Psst...Ne možete vidjeti moje PHP komentare!"; // echo "ništa"; // echo "Zovem se Humperdinkle!"; # echo "Ni ja ne radim ništa"; ?>
Proizlaziti:
Pozdrav svijete! Psst...Ne možete vidjeti moje PHP komentare!
Primijetite da nekoliko naših echo naredbi nije obrađeno jer smo ih komentirali pomoću posebnih znakova komentara. Ova vrsta komentara često se koristi za brzo zapisivanje složenog i zbunjujućeg koda ili za privremeno uklanjanje retka PHP koda (za otklanjanje pogrešaka).

Sintaksa PHP komentara: višeredni komentar

Poput HTML komentara, višeredni komentari u PHP-u mogu se koristiti za komentiranje velikih blokova koda ili za pisanje komentara u više redaka. Višeredni komentari u PHP-u počinju s "/*" i završavaju s "*/". Sve između ovih znakova bit će zanemareno.

Proizlaziti.

Ući u šifru ili ne? Već smo prije rekli da je forma za komentare malo komplicirana i zato su kreatori sve maksimalno pojednostavili.
Funkcija poziva komentara je jednostavna i nema parametara

Izgleda jednostavno, ali čini puno. Zapravo, stvara ogromnu količinu html koda i koristi hrpu php koda. Jer Ova funkcija generira sav gotov HTML kod, a onda ćemo se morati nositi s njim bez mogućnosti da nekako prilagodimo ili prilagodimo pomoću parametara. Ovo bi mogao biti problem, s obzirom da ne možemo stvarno promijeniti ovaj html kod. Ne volite div tečajeve? Ne želite koristiti gravatare? Želite li promijeniti redoslijed prikaza redova?
Morat ćete se pomiriti sa svim tim i sakriti nepotrebne stvari pomoću css-a. S ove točke gledišta, morat ćete odlučiti koji put preferiranja ćete odabrati:
wp_list_comments
- jednostavan za korištenje
- ugrađena funkcija komentiranja
- ugrađena funkcija označavanja stranica
- ugrađena funkcija prikaza stabla
- zadane css klase za osnovne zadatke
prilagođena funkcija komentara
- apsolutnu potpunu kontrolu nad svime
- standardne i prilagođene css klase
- dostupnost dodataka za dodavanje potrebnih funkcija
Izbor metode generiranja komentara ovisi o mnogim čimbenicima. Općenito, preporučujemo korištenje wp_list_comments i ne zavaravajte se. Ako trebate napraviti nešto svoje, posebno i specifično, sa željenom funkcionalnošću i mogućnostima, a ta je želja potkrijepljena znanjem, tada će korištenje prilagođenih ciklusa omogućiti sve to implementirati.
Osim toga, tu je i dobra stara metoda prikazivanja komentara pomoću foreach petlje, tako da još imamo puno toga za shvatiti.
wp_list_comments() ili prilagođena petlja?
Prije verzije 2.7, izlazna petlja komentara temeljila se na upitima baze podataka i prikazivala se pomalo krivudavim, ali dobro razumljivim putem.

Potom su komentari obogaćeni dodatnom funkcionalnošću - navigacijom po stranici i ugniježđivanjem stabla. Ove su značajke aktivirane putem administratorske ploče, a foreach petlja zamijenjena je već prikazanom funkcijom wp_list_comments. Međutim, ovaj ciklus i dalje ostaje operativan, iako iz očitih razloga ne podržava dodatnu funkcionalnost.
Iako wp_list_comments ne izgleda kao petlja, radi sve isto, ponavlja upite i ispisuje komentare iznova i iznova dok ne završe, označavajući ih odgovarajućim oznakama.
Obično gotov HTML kod za jedan komentar izgleda otprilike ovako:
1. Ime komentatora kaže:
  
  13. kolovoza 2009. u 15:08
  
  Hvala vam, imate sjajnu stranicu!
Kao što vidite, izlazna petlja komentara sadrži gravatar sliku, nekoliko divova, mnogo različitih CSS klasa, poveznicu na autora i stvarni tekst komentara. Ako vam ovo odgovara, onda je to dobro, ne morate ništa drugo raditi.
U ovom slučaju, možete posegnuti samo za sljedećim opcijama wp_list_comments:
- zadana veličina avatara je 32 piksela
- css stilovi - koristeći njihova imena možete promijeniti parametre na željene
- stil za prikaz popisa komentara stil. Prema zadanim postavkama, komentari se prikazuju kao neuređene oznake popisa
  To nije puno, ali je u većini slučajeva dovoljno za minimalne potrebne izmjene. Ako trebate više, morat ćete upotrijebiti prilagođenu petlju ili se miješati u PHP kod napisan u comments.php ili dodati potrebnu funkcionalnost u functions.php.
  Šamanizam u funkcijama.php
  Prvo, naznačimo u comments.php da ćemo koristiti našu prilagođenu funkciju
  Kreirajmo sada našu prilagođenu funkciju u functions.php
- id="li-komentar-">
  
  ");?> %s kaže:"), get_comment_author_link()); ?>
  comment_approved == "0") : ?>
  
  $depth,"max_depth" => $args["max_depth"]))); ?>
  
  Imajte na umu da ne zatvaramo oznaku
- , jer WordPress će automatski stvoriti završne oznake na temelju oznake ugniježđenih komentara.
  
  Nakon objavljivanja, ova funkcija će biti pozvana kada se generiraju komentari i omogućuje vam da napravite sva potrebna uređivanja. Trik je u tome što smo napravili sve što smo trebali koristeći standardne i prilično ograničene postavke wp_list_comments()
  
  Sada se vratimo na stare načine - zajedno s wp_list_comments stavit ćemo foreach petlju
  
  Ovo korištenje će omogućiti predlošku da bude kompatibilan sa starijim verzijama WordPressa.
  Sada kada znamo kako postaviti petlju komentara, modificirajmo je da odgovara našim potrebama i primijenimo neke cool trikove.
  Implementacija komentara stranicu po stranicu
  Nitko ne zna unaprijed da sadržaj na stranici može privući stotine komentara. Ono što želim reći je da smo svi mi superzvijezde i da uspjeh može doći neočekivano. Post sa stotinama komentara može biti ludo dug za gledanje i premotavanje unatrag. Općenito, sigurno se ne bojimo okomitog pomicanja (za razliku od vodoravnog pomicanja), ali sve bi trebalo imati granice. Tipična objava sa 60 komentara može biti visoka do 20k piksela!
  Sjajan način da organizirate stvari je paginirati svoj feed komentara i prikazati ih stranicu po stranicu.
  Nakon što omogućite označavanje stranica, ne zaboravite dodati funkcije svojoj datoteci comments.php za prikaz poveznica "Prije" i "Kasnije".
  
  Ove veze će se automatski pojaviti i prekinuti listu komentara kada se prekorači navedeni broj komentara po stranici. Ako ima manje komentara od ovog broja, poveznice se neće prikazati.
  I tu postoji jedna kvaka. Pojavljuje se dobro poznati SEO problem dupliciranja sadržaja s komentarima od stranice do stranice. To se događa jer se isti URL-ovi stvaraju za svaku stranicu komentara.
  - https://yoursite.com/ghost-dad-rocked/
  - https://yoursite.com/ghost-dad-rocked/comments-page-1/
  - https://yoursite.com/ghost-dad-rocked/comments-page-2/
  - https://yoursite.com/ghost-dad-rocked/comments-page-3/
  Jasno je da će samo komentari na ovim stranicama biti drugačiji. Ono što cjelokupnu sliku čini još gorom je to što svaki komentar ima svoju jedinstvenu poveznicu s vremenom objave, što također dodaje hrpu duplikata. Stoga će pretraživač pronaći isti sadržaj pod velikim brojem različitih poveznica.
  Kako biste izbjegli dupliciranje, postoji nekoliko rješenja:
  1. Nemojte koristiti komentare na stranici
  2. Koristite meta oznake za stvaranje kanonskih URL-ova za svaki post
  3. Koristite dodatak
  Ako je vaša stranica super popularna ili će to postati, onda je naravno bolje koristiti kanonske URL-ove. Ako se ne planiraju žestoke rasprave, lakše je koristiti tradicionalne listove komentara bez označavanja stranica.
  SEO for Paged Comments ima još radikalniji pristup - uklanja sadržaj posta sa stranica komentara i zamjenjuje ga citatom ili skraćenom verzijom posta.
  Implementacija ugniježđenih komentara
  Ugniježđeni komentari stabla omogućuju posjetiteljima da napišu odgovor na odabrani postojeći komentar, stvarajući bogat dijalog za raspravu. Nakon aktivacije ove značajke u postavkama, pored svakog komentara pojavit će se poveznica “Odgovori”, što vam omogućuje da govorite o određenom komentaru.
  Prije nego što se pojavila ova mogućnost, postojao je stil odgovaranja odabranom autoru, korištenjem njegovog imena i znaka @ u tekstu komentara, poput "@Vasya nisi u pravu!" Uz određene preobrazbe, ova se metoda udomaćila u mnogim aplikacijama na internetu i još uvijek postoji, primjerice, na Twitteru. A u modernim verzijama WordPressa takav spomen ne treba koristiti.
  Sada samo trebate kliknuti na odgovarajuću poveznicu "Odgovori" i progovoriti. Nakon što je tekst komentara odobren, pojavit će se odmah ispod komentara o kojem je napisan.
  Ako vaš predložak ne podržava ovu vrstu komentiranja, postoji jednostavan način da ga dodate:
  1. Izrađujemo sigurnosne kopije datoteka, što bi u teoriji već trebalo postati navika
  2. Omogućite ugniježđene komentare u postavkama Opcije→Postavke rasprave→Dopusti komentare stabla
  3. Dodajte sljedeći kod u header.php neposredno prije wp_head()
  4. Dodajte u comments.php neposredno prije završne oznake
  5. Provjerimo to predložak sadrži atribut id="comment".</li><li>Provjeravamo da je obrazac za komentare priložen <div>s atributom id="respond".</li><li>Dodajte vezu za odustajanje od komentara neposredno prije obrasca za komentare <div><?php cancel_comment_reply_link(); ?></div></li><li>U comments.php zamjenjujemo staru petlju ažuriranom<?php if (have_comments()) : ?> <ol class="commentlist"> <?php wp_list_comments(); ?> </ol><?php else: // this is displayed if there are no comments so far ?> <?php if ("open" == $post->status_komentara) : ?> <p class="nocomments">Neka netko nešto kaže!</p> <?php else: // comments are closed ?> <p class="nocomments">Komentari su zatvoreni.</p> <?php endif; ?> <?php endif; ?></li> </ol><p>Pa, to je sve :) Tradicionalno, postoji trilijun različitih načina da ga prilagodite i prepravite kako bi odgovarao vašim potrebama, ali mislim da ste shvatili ideju. Sve što trebate učiniti je sjetiti se postaviti stilove za ugniježđene komentare</p><p>Popis komentara li.depth-1() .popis komentara li.dubina-2() .popis komentara li.dubina-3()</p><h2>Odvajamo komentare, pingbackove i trackbackove</h2><p>Prilikom prikazivanja odgovora na vašu objavu, učinkovit način za smanjenje nereda je odvojeno prikazivanje komentara i pingova. Ovo ne samo da neće prekinuti slijed rasprava, već će vam također omogućiti da više pažnje usmjerite na komentare.</p><p>Ovo je jedan od najstarijih trikova i postoji mnogo načina za njegovu implementaciju, evo primjera jednostavnog dijeljenja pomoću wp_list_comments() parametara:</p><p> <h3>Komentari</h3> <ol class="comments"> <?php wp_list_comments("type=comment"); ?> </ol> <h3>Pingbackovi/Trackbackovi</h3> <ol class="pingbacks-trackbacks"> <?php wp_list_comments("type=pings"); ?> </ol> </p><p>Međutim, ovaj kod ima nedostatak - zaglavlja će biti prikazana čak i ako nema komentara ili pingova. Bilo bi bolje koristiti malo poboljšanu verziju:</p><p> <?php if (!empty($comments_by_type["comment"])) : ?> <h3>Komentari</h3> <ol class="comments"> <?php wp_list_comments("type=comment"); ?> </ol> <?php endif; ?> <?php if (!empty($comments_by_type["pings"])) : ?> <h3>Trackbackovi/Pingbackovi</h3> <ol class="pingbacks-trackbacks"> <?php wp_list_comments("type=pings"); ?> </ol> <?php endif; ?> </p><p>Kada se prikazuju povratni pingovi, prikazuje se veza s dijelom teksta oko nje preuzetom sa stranice za povezivanje. Ovaj isječak može biti različitih veličina i teško ga je kontrolirati jer... Ne zna se unaprijed što će tamo biti izloženo. Srećom, možete očistiti prikaz ovog teksta, prikazujući samo uredan popis poveznica. Da biste to učinili, morate dodati u functions.php</p><p>Funkcija cleanPings($comment, $args, $depth) ( $GLOBALS["comment"] = $comment; echo " <li>".comment_author_link()."</li>";} </p><p>Zatim dodajte traženi parametar povratnog poziva pozivu funkcije komentara</p><p> <?php wp_list_comments("type=pings&callback=cleanPings"); ?> </p><h2>Uništavanje pingbackova i trackbackova</h2><p>Ne možete spriječiti ljude da se povežu na vašu stranicu, ali možete odabrati da na njima ne prikazujete povratne povratne informacije i povratne pingove. U početku, kao i mnoge druge stvari na Internetu, povratni pingovi su izmišljeni za dobre svrhe - obavještavanje da se netko povezao s vama. A sada ih neki ljudi nastavljaju koristiti i povlačiti. Ali trackback tehnologija se potpuno diskreditirala zbog masivnog spama pa bi ih bilo bolje onemogućiti.</p><h3>Onemogućite prikaz pingova iz administratorske ploče</h3><p>Da biste to učinili, u postavkama rasprave poništite opciju <span>Dopusti obavijesti s drugih blogova</span>. Ovo potpuno onemogućuje funkcionalnost pingbackova i trackbackova, međutim, za zasebno odabran unos, možete omogućiti ovu značajku u postavkama.</p><h3>Isključivanje pingova iz komentara</h3><p>Koristimo parametar za funkciju wp_list_comments(), dopuštajući samo prikaz komentara</p><p> <?php wp_list_comments("type=comment"); ?> </p><h3>Izbrišite wp-trackback.php</h3><p>Ovo je vrlo jednostavan i učinkovit način - <b>fizičko brisanje datoteke wp-trackback.php</b> iz korijenskog direktorija WordPressa. Ovo je apsolutno sigurna metoda, ali datoteka se vraća nakon nadogradnje WordPressa i trebat će je ponovno izbrisati.</p><h3>Onemogući korištenje dodataka</h3><p>To se može učiniti pomoću dodatka</p><p>Sam dodatak je vrlo jednostavan i sastoji se od samo jedne datoteke, tako da se njegov sadržaj može jednostavno kopirati i zalijepiti u datoteku functions.php</p><p>Klasa DisableTrackbacks ( funkcija DisableTrackbacks() (add_action("pings_open", array(&$this, "pings_open"));) funkcija pings_open($open) (return ("1" == get_query_var("tb")) ? FALSE : $open;) ) add_action("plugins_loaded", create_function("", "globalni $DisableTrackbacks; $DisableTrackbacks = novi DisableTrackbacks();"));</p><p>Jednom postavljena, funkcija DisableTrackbacks uništava sve povratne tragove. Ali povratni pingovi ostaju.</p><h2>Komentare kontroliramo izravno u bazi podataka</h2><p>WordPress nudi nekoliko načina za kontrolu je li objava otvorena za komentiranje ili ne. U administratorskoj ploči možete u potpunosti zabraniti ostavljanje komentara na buduće objave na cijeloj stranici. Također, u jednom unosu u uređivaču možete odabrati u bloku Rasprava hoće li mu biti otvoreni komentari ili ne.</p><p>No odmah iznad ovih metoda nalazi se dodatak koji vam omogućuje da sakrijete sve stare komentare nakon određenog razdoblja i pošaljete ih na moderiranje. I bez dodataka, možete omogućiti i onemogućiti komentiranje jednostavnim upitima prema bazi podataka.</p><h3>Globalno dopustite pingove za sve korisnike</h3><p>AŽURIRANJE wp_posts SET ping_status = "otvoreno";</p><h3>Globalno zabraniti pingove za sve korisnike</h3><p>AŽURIRANJE wp_posts SET ping_status = "zatvoreno";</p><h3>Globalno zabraniti pingove do određenog datuma objave</h3><p>AŽURIRAJ wp_posts SET ping_status = "closed" WHERE post_date< "2009-09-09" AND post_status = "publish"; </p><p>Takvi zahtjevi dopuštaju periodično čišćenje. Evo primjera zahtjeva za globalnim dopuštenjem ili zabranom komentara</p><p>AŽURIRAJ wp_posts SET comment_status = "open", ping_status = "open" WHERE comment_status = "closed" AND post_status = "publish";</p> <script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </article> <div class="post-meta"> <div class="post-share"> <div class="post-share__title">Podijeli sa prijateljima:</div> <script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8" async="async"></script><div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,gplus,twitter" data-counter=""></div> </div> </div> <script id="custom-block-59626008" type="text/javascript">custom_block(11, 59626008, 1691);</script> <div style="padding-bottom: 20px; padding-top: 10px;"><script id="custom-block-99844253" type="text/javascript">custom_block(15, 99844253, 1691);</script></div> <div class="title"><span>Povezane publikacije</span></div> <div class="yarpp-related"> <ul class="related"> <style> </style> <style> #perelink-horizontal{ vertical-align: top; margin: 0 -5px; text-align: left; } #perelink-horizontal .perelink-horizontal-item { vertical-align: top; display: inline-block; width: 205px; margin: 0 5px 10px; } #perelink-horizontal .perelink-horizontal-item a span { display: block; margin-top: 10px; } #perelink-horizontal img{ width:205px; height:195px; margin-bottom:10px; } </style> <div id="perelink-horizontal"> <div class="perelink-horizontal-item"> <a href="https://x79.ru/hr/f-a-q-spravlyaemsya-s-oshibkami-i-problemami-bluestacks-pochemu-ne.html"> <img src="/uploads/e4774561cfe0162a0d1ceef2427b6f29.jpg" height="195" width="205" loading=lazy loading=lazy> <span>PITANJA. Rješavanje BlueStacks grešaka i problema. Zašto se BlueStacks ne može instalirati na moje računalo Bluestacks ne može pronaći navedenu datoteku</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://x79.ru/hr/fm-modulyator-dlya-avto-skachat-programmu-neveroyatno-komfortnaya.html"> <img src="/uploads/a881b62727a5bc3772d848d672d24148.jpg" height="195" width="205" loading=lazy loading=lazy> <span>Nevjerojatno praktična značajka: FM transmiter za Android</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://x79.ru/hr/skachat-odnoklassniki-staraya-versiya-3-4-6-prilozhenie.html"> <img src="/uploads/e4a9da16a75feaed3a702148ba36bb80.jpg" height="195" width="205" loading=lazy loading=lazy> <span>Preuzmite Odnoklassniki staru verziju 3</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://x79.ru/hr/podklyuchenie-plansheta-k-avtomobilnomu-usilitelyu-ustanovka.html"> <img src="/uploads/a1b44357f23a6ec2749f3af375344a08.jpg" height="195" width="205" loading=lazy loading=lazy> <span>Ugradnja tableta u automobil</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://x79.ru/hr/chto-luchshe-gugl-ili-safari-russkoe-safari-obzor-yandeks-brauzera-dlya-iphone-tri.html"> <img src="/uploads/5cd9f36feaaf6f052abe286ae2be3914.jpg" height="195" width="205" loading=lazy loading=lazy> <span>Što je bolje: Google ili Safari?</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://x79.ru/hr/fallout-4-mod-manager-vyletaet-avtomaticheskaya-ustanovka-cherez-nmm-menedzher.html"> <img src="/uploads/b52503eb59854e8d8b729e1a1debae15.jpg" height="195" width="205" loading=lazy loading=lazy> <span>Automatska instalacija putem NMM upravitelja</span> </a> </div> </div> </ul> </div> </main> <aside class="sidebar sidebar_midle"> <div class="sidebar-menu"> <div class="title">Kategorije</div> <ul> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://x79.ru/hr/category/word/">Riječ</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://x79.ru/hr/category/problems/">Problemi</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://x79.ru/hr/category/questions/">Pitanja</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://x79.ru/hr/category/internet/">Internet</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://x79.ru/hr/category/windows-xp/">Windows XP</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://x79.ru/hr/category/for-beginners/">Za početnike</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://x79.ru/hr/category/accessories/">Pribor</a> </li> </ul> </div> <div class="section-posts-box section"> <div class="title">Popularni članci</div> <div class="section-posts"> <div class="section-posts__item"> <img src="/uploads/e5a06299b5a60acaba30dd9fcc0570f7.jpg" width="300" height="180" class="section-posts__item-img" alt="Imenik Vrste nomenklature" / loading=lazy loading=lazy> <div class="section-posts__item-title"> <a href="https://x79.ru/hr/nomenklatura-i-vid-nomenklatury-v-1s-spravochnik-vidy.html">Imenik Vrste nomenklature</a> </div> <div class="section-posts__item-text">Konfiguracija: Računovodstvo poduzeća Verzija konfiguracije: 3.0.40.40 Datum...</div> <div class="post-info section-posts__item-info"> <div class="post-info__comment"></div> <time class="post-info__time post-info__time_popular" datetime="">2024-05-01 18:52:00</time> </div> </div> <div class="section-posts__item"> <img src="/uploads/52d0ce145e38f740363ac866cf523a25.jpg" width="300" height="180" class="section-posts__item-img" alt="Izbor prilagodljivih klizača Klizači za js slike" / loading=lazy loading=lazy> <div class="section-posts__item-title"> <a href="https://x79.ru/hr/prostoi-adaptivnyi-tach-jquery-slaider-podborka-adaptivnyh.html">Izbor prilagodljivih klizača Klizači za js slike</a> </div> <div class="section-posts__item-text">No budući da prolazimo kroz osnove JS-a, da bih proučio bazu, opisat ću kako stvoriti...</div> <div class="post-info section-posts__item-info"> <div class="post-info__comment"></div> <time class="post-info__time post-info__time_popular" datetime="">2024-05-01 18:52:00</time> </div> </div> <div class="section-posts__item"> <img src="/uploads/419764762faf39b4b463ab05cccc781f.jpg" width="300" height="180" class="section-posts__item-img" alt="Odnoklassniki: kako otvoriti svoju stranicu Odnoklassniki moji kolege iz razreda moja stranica" / loading=lazy loading=lazy> <div class="section-posts__item-title"> <a href="https://x79.ru/hr/odnoklassniki-vhod-voiti-na-svoyu-stranicu-odnoklassniki-kak-otkryt.html">Odnoklassniki: kako otvoriti svoju stranicu Odnoklassniki moji kolege iz razreda moja stranica</a> </div> <div class="section-posts__item-text">Komunikacija Prije svega, društvena mreža Odnoklassniki služi za komunikaciju s...</div> <div class="post-info section-posts__item-info"> <div class="post-info__comment"></div> <time class="post-info__time post-info__time_popular" datetime="">2024-04-30 18:45:23</time> </div> </div> </div> </div> <div class="section section_widget widget_text" id="text-2"> <div class="textwidget"> </div> </div> </aside> </div> </div> <footer class="footer"> <nav class="footer-nav"><ul><li class="menu-item type-post_type object-page "><a href="https://x79.ru/hr/sitemap.xml">Karta stranice</a></li> </ul></nav> <div class="footer-bottom"> <div class="copy">© 2024 Sva prava pridržana</div> </div> </footer> </div> <script type="text/javascript">function dem_ready(e){ "use strict";var t,n=".democracy",i=e(n),o=".dem-screen",a=".dem-add-answer-txt",s=e(".dem-loader").first(),d={ };i.length&&(d.opts=i.first().data("opts"),d.ajaxurl=d.opts.ajax_url,d.answMaxHeight=d.opts.answs_max_height,d.speed=parseInt(d.opts.anim_speed),d.lineAnimSpeed=parseInt(d.opts.line_anim_speed),setTimeout(function(){ var t=i.find(o).filter(":visible"),n=function(){ t.each(function(){ d.setHeight(e(this),1)} )} ;t.demInitActions(1),e(window).on("resize.demsetheight",n),e(window).load(n),d.maxAnswLimit();var a=e(".dem-cache-screens");a.length>0&&a.demCacheInit()} ,10),e.fn.demInitActions=function(t){ return this.each(function(){ var n=e(this),i="data-dem-act";n.find("["+i+"]").each(function(){ e(this).attr("href",""),e(this).click(function(t){ t.preventDefault(),e(this).blur().demDoAction(e(this).attr(i))} )} );var o=!!n.find("input[type=radio][data-dem-act=vote]").first().length;o&&n.find(".dem-vote-button").hide(),d.setAnswsMaxHeight(n),d.lineAnimSpeed&&n.find(".dem-fill").each(function(){ var t=e(this);setTimeout(function(){ t.animate({ width:t.data("width")} ,d.lineAnimSpeed)} ,d.speed,"linear")} ),d.setHeight(n,t),n.find("form").submit(function(t){ t.preventDefault();var n=e(this).find('input[name="dem_act"]').val();n&&e(this).demDoAction(e(this).find('input[name="dem_act"]').val())} )} )} ,e.fn.demSetLoader=function(){ var e=this;return s.length?e.closest(o).append(s.clone().css("display","table")):t=setTimeout(function(){ d.demLoadingDots(e)} ,50),this} ,e.fn.demUnsetLoader=function(){ return s.length?this.closest(o).find(".dem-loader").remove():clearTimeout(t),this} ,e.fn.demAddAnswer=function(){ var t=this.first(),n=t.closest(o),i=n.find("[type=checkbox]").length>0,s=e('<input type="text" class="'+a.replace(/\./,"")+'" value="">');if(n.find(".dem-vote-button").show(),n.find("[type=radio]").each(function(){ e(this).click(function(){ t.fadeIn(300),e(a).remove()} ),"radio"==e(this)[0].type&&(this.checked=!1)} ),t.hide().parent("li").append(s),s.hide().fadeIn(300).focus(),i){ var d=n.find(a);e('<span class="dem-add-answer-close">×</span>').insertBefore(d).css("line-height",d.outerHeight()+"px").click(function(){ var t=e(this).parent("li");t.find("input").remove(),t.find("a").fadeIn(300),e(this).remove()} )} return!1} ,e.fn.demCollectAnsw=function(){ var t=this.closest("form"),n=t.find("[type=checkbox],[type=radio],[type=text]"),i=t.find(a).val(),o=[],s=n.filter("[type=checkbox]:checked");if(s.length>0)s.each(function(){ o.push(e(this).val())} );else{ var d=n.filter("[type=radio]:checked");d.length&&o.push(d.val())} return i&&o.push(i),o=o.join("~"),o?o:""} ,e.fn.demDoAction=function(t){ var i=this.first(),a=i.closest(n),s={ dem_pid:a.data("opts").pid,dem_act:t,action:"dem_ajax"} ;return"undefined"==typeof s.dem_pid?(console.log("Poll id is not defined!"),!1):"vote"!=t||(s.answer_ids=i.demCollectAnsw(),s.answer_ids)?"delVoted"!=t||confirm(i.data("confirm-text"))?"newAnswer"==t?(i.demAddAnswer(),!1):(i.demSetLoader(),e.post(d.ajaxurl,s,function(e){ i.demUnsetLoader(),i.closest(o).html(e).demInitActions()} ),!1):!1:(d.demShake(i),!1)} ,e.fn.demCacheShowNotice=function(e){ var t=this.first(),n=t.find(".dem-youarevote").first();return"blockForVisitor"==e&&(t.find(".dem-revote-button").remove(),n=t.find(".dem-only-users").first()),t.prepend(n.show()),setTimeout(function(){ n.slideUp("slow")} ,1e4),this} ,d.cacheSetAnswrs=function(t,n){ var i=n.split(/,/);if(t.hasClass("voted")){ var o=t.find(".dem-answers"),a=o.data("voted-class"),s=o.data("voted-txt");e.each(i,function(n,i){ t.find('[data-aid="'+i+'"]').addClass(a).attr("title",function(){ return s+e(this).attr("title")} )} ),t.find(".dem-vote-link").remove()} else{ var d=t.find("[data-aid]"),r=t.find(".dem-voted-button");e.each(i,function(e,t){ d.filter('[data-aid="'+t+'"]').find("input").prop("checked","checked")} ),d.find("input").prop("disabled","disabled"),t.find(".dem-vote-button").remove(),r.length?r.show():(t.find('input[value="vote"]').remove(),t.find(".dem-revote-button-wrap").show())} },e.fn.demCacheInit=function(){ return this.each(function(){ var t=e(this),i=t.prev(n);if(i.length||(i=t.closest(n)),!i.length)return void console.log("Main dem div not found");var a=i.find(o).first(),s=i.data("opts").pid,r=Cookies.get("demPoll_"+s),c="notVote"==r?!0:!1,f=!("undefined"==typeof r||c),l=t.find(o+"-cache.vote").html(),h=t.find(o+"-cache.voted").html();if(l){ var u=f&&h;if(a.html((u?h:l)+"").removeClass("vote voted").addClass(u?"voted":"vote"),f&&d.cacheSetAnswrs(a,r),a.demInitActions(1),!c&&!f&&1==t.data("opt_logs")){ var m,p=function(){ clearTimeout(m)} ,v=function(){ m=setTimeout(function(){ if(!i.hasClass("checkAnswDone")){ i.addClass("checkAnswDone");var t=i.find(".dem-link").first();t.demSetLoader(),e.post(d.ajaxurl,{ dem_pid:i.data("opts").pid,dem_act:"getVotedIds",action:"dem_ajax"} ,function(e){ t.demUnsetLoader(),e&&(a.html(h),d.cacheSetAnswrs(a,e),a.demInitActions(),a.demCacheShowNotice(e))} )} },700)} ;i.hover(v,p),i.click(v)} }} )} ,d.detectRealHeight=function(e){ var t=e.clone().css({ height:"auto"} ).insertBefore(e),n="border-box"==t.css("box-sizing")?parseInt(t.css("height")):t.height();return t.remove(),n} ,d.setHeight=function(t,n){ var i=d.detectRealHeight(t);n?t.css({ height:i} ):t.css({ opacity:0} ).animate({ height:i} ,d.speed,function(){ e(this).animate({ opacity:1} ,1.5*d.speed)} )} ,d.setAnswsMaxHeight=function(t){ if("-1"!==d.answMaxHeight&&"0"!==d.answMaxHeight&&d.answMaxHeight){ var n=t.find(".dem-vote, .dem-answers").first(),i=parseInt(d.answMaxHeight);n.css({ "max-height":"none","overflow-y":"visible"} );var o="border-box"==n.css("box-sizing")?parseInt(n.css("height")):n.height(),a=o-i;if(a>100){ n.css("position","relative");var s,r=e('<span class="dem__collapser"><span class="arr"></span></span>').appendTo(n),c=function(){ r.addClass("expanded").removeClass("collapsed")} ,f=function(){ r.addClass("collapsed").removeClass("expanded")} ;t.data("expanded")?c():(f(),n.height(i).css("overflow-y","hidden")),r.hover(function(){ t.data("expanded")||(s=setTimeout(function(){ r.trigger("click")} ,1e3))} ,function(){ clearTimeout(s)} ),r.click(function(){ if(clearTimeout(s),t.data("expanded"))f(),t.data("expanded",!1),t.height("auto"),n.stop().css("overflow-y","hidden").animate({ height:i} ,d.speed,function(){ d.setHeight(t,!0)} );else{ c();var e=d.detectRealHeight(n);e+=7,t.data("expanded",!0),t.height("auto"),n.stop().animate({ height:e} ,d.speed,function(){ d.setHeight(t,!0),n.css("overflow-y","visible")} )} })} }} ,d.maxAnswLimit=function(){ i.on("change","[type=checkbox]",function(){ var t=e(this).closest(n).data("opts").max_answs,i=e(this).closest(o).find("[type=checkbox]"),a=i.filter(":checked").length;a>=t?i.filter(":not(:checked)").each(function(){ e(this).prop("disabled","disabled").closest("li").addClass("dem-disabled")} ):i.each(function(){ e(this).removeProp("disabled").closest("li").removeClass("dem-disabled")} )} )} ,d.demShake=function(e){ var t=e.css("position");for(t&&"static"!==t||e.css("position","relative"),t=1;2>=t;t++)e.animate({ left:-10} ,50).animate({ left:10} ,100).animate({ left:0} ,50)} ,d.demLoadingDots=function(e){ var n=e,i=n.is("input"),o=i?n.val():n.html();"..."===o.substring(o.length-3)?i?n[0].value=o.substring(0,o.length-3):n[0].innerHTML=o.substring(0,o.length-3):i?n[0].value+=".":n[0].innerHTML+=".",t=setTimeout(function(){ d.demLoadingDots(n)} ,200)} )} !function(e){ if("function"==typeof define&&define.amd)define(e);else if("object"==typeof exports)module.exports=e();else{ var t=window.Cookies,n=window.Cookies=e();n.noConflict=function(){ return window.Cookies=t,n} }} (function(){ function e(){ for(var e=0,t={ };e<arguments.length;e++){ var n=arguments[e];for(var i in n)t[i]=n[i]} return t} function t(n){ function i(t,o,a){ var s;if("undefined"!=typeof document){ if(arguments.length>1){ if(a=e({ path:"/"} ,i.defaults,a),"number"==typeof a.expires){ var d=new Date;d.setMilliseconds(d.getMilliseconds()+864e5*a.expires),a.expires=d} try{ s=JSON.stringify(o),/^[\{ \[]/.test(s)&&(o=s)} catch(r){ }return o=n.write?n.write(o,t):encodeURIComponent(String(o)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),t=encodeURIComponent(String(t)),t=t.replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent),t=t.replace(/[]/g,escape),document.cookie=[t,"=",o,a.expires&&"; expires="+a.expires.toUTCString(),a.path&&"; path="+a.path,a.domain&&"; domain="+a.domain,a.secure?"; secure":""].join("")} t||(s={ });for(var c=document.cookie?document.cookie.split("; "):[],f=/(%[0-9A-Z]{ 2} )+/g,l=0;l<c.length;l++){ var h=c[l].split("="),u=h[0].replace(f,decodeURIComponent),m=h.slice(1).join("=");'"'===m.charAt(0)&&(m=m.slice(1,-1));try{ if(m=n.read?n.read(m,u):n(m,u)||m.replace(f,decodeURIComponent),this.json)try{ m=JSON.parse(m)} catch(r){ }if(t===u){ s=m;break} t||(s[u]=m)} catch(r){ }} return s} }return i.set=i,i.get=function(e){ return i(e)} ,i.getJSON=function(){ return i.apply({ json:!0} ,[].slice.call(arguments))} ,i.defaults={ },i.remove=function(t,n){ i(t,"",e(n,{ expires:-1} ))} ,i.withConverter=t,i} return t(function(){ })} );var demjquerywait=setInterval(function(){ "undefined"!=typeof jQuery&&(clearInterval(demjquerywait),jQuery(document).ready(dem_ready))} ,50);</script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.9.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "visibility_show":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c","visibility_hide":"\u0421\u043a\u0440\u044b\u0442\u044c","width":"100%"} ; var tocplus = { "visibility_show":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c","visibility_hide":"\u0421\u043a\u0440\u044b\u0442\u044c","width":"100%"} ; /* ]]> */ </script> <script type='text/javascript' src='https://x79.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://x79.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.85'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar-2", "margin_top" : 20, "margin_bottom" : 0, "stop_id" : "stop", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-2'] } ; </script> <script type='text/javascript' src='https://x79.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script async="async" type='text/javascript' src='https://x79.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script> </div> <script type="text/javascript">  </script><br> <br> </body> </html>

Formatiranje područja komentara u WordPressu. Formatiranje područja komentara u WordPressu. Mogući stilovi za komentare administratora

Pogledajmo stilove komentara koji se već koriste

Dodavanje posebnog stila za komentare administratora bloga

Mogući stilovi za komentare administratora

Sintaksa PHP komentara: komentar u jednom redu

Sintaksa PHP komentara: višeredni komentar

wp_list_comments() ili prilagođena petlja?

Šamanizam u funkcijama.php

Implementacija komentara stranicu po stranicu

Implementacija ugniježđenih komentara