Dobrý deň, priatelia. Ako ste pochopili z názvu článku, dnes budem hovoriť o tom, ako pridať možnosť vkladať emotikony do komentárov na blogoch WordPress bez doplnkov.
Na mojom blogu dlho neboli emotikony, pretože som ich jednoducho nikdy nepoužil. Časom som sa pristihla pri myšlienke, že emotikony dodávajú komunikácii na blogu akúsi živosť a emocionalitu. Štandardné emotikony, ktoré sú zabudované v engine mi nevyhovovali, keďže sú príliš malé a nevýrazné. Začal som hľadať vhodné riešenie v podobe špeciálneho pluginu, no všade ma čakalo len sklamanie - buď bol plugin prepchatý zbytočnými funkciami, alebo fungoval nakrivo :)
Nakoniec som sa rozhodol použiť štandardnú funkciu WordPress zmenou samotných ikon emoji na svoje vlastné.
Ak teda chcete mať možnosť vkladať akékoľvek emoji do komentárov na svojom blogu a nechcete používať pluginy, postupujte podľa pokynov nižšie.
Najprv si musíte stiahnuť emotikony, ktoré chcete nahradiť štandardné. Na internete sú emotikony pre každý vkus, ale zo všetkého množstva sa mi páčia štandardné koloboky, ktoré sú teraz nainštalované na mojom blogu. Nižšie si ich môžete stiahnuť:
Mini koloboky ()
Koloboki ()
Takže po stiahnutí nových ikon je potrebné nahradiť nimi štandardné. Štandardné emotikony sa nachádzajú v priečinku wp-includes/images/smajlíky/. Len sa uistite, že názvy starých ikon sa zhodujú s názvami nových a že sa zhoduje aj ich obsah.
Teraz, keď ste vymenili ikony, musíte pridať možnosť vkladať ich do komentárov. V zásade, ak je táto funkcia povolená v nastaveniach blogu, emotikony by sa už mali previesť na obrázky, ak ich zadáte do symbolov.
Na zobrazenie zoznamu emotikonov existuje špeciálna funkcia:
function addsmile($smile)( document.getElementById("comment").value=document.getElementById("comment").value+" "+$smile+" "; ) hneď za miestom, kde máme napísaný tvar tlačidla v V mojom prípade, ako som už napísal, „odoslať“.
Všetky pluginy fungujú! Netreba nič iné konfigurovať.
Spočiatku každý blog už obsahuje emotikony na komentáre, ale vyzerajú takpovediac ako z minulého storočia, takže ich nahradíme krásnymi gotickými emotikonmi. Najprv prejdite na „vzhľad“, „písanie“ a začiarknite políčko vedľa položky „previesť emotikony na obrázky“. Potom si stiahnite plugin, načítajte ho, aktivujte.
Teraz musíme zmeniť bežné emotikony na gotické. Ak to chcete urobiť, najprv si stiahnite gotické emotikony. Potom otvorte program, zadajte svoje údaje a pripojte sa, prejdite do priečinka httpdocs (alebo public_html, www, domény) => wp-includes => obrázky a odstráňte priečinok smajlíkov.
Teraz vyberieme priečinok smajlíkov zo stiahnutého archívu a nahráme ho do priečinka s obrázkami, teda na to isté miesto, odkiaľ sme vymazali staré smajlíky. Všetci sme radi, že máme týchto smajlíkov.
Ak tam nie sú, prejdite na komentáre (comments.php), ako pri doplnku Qip smiles, a vložte tento kód pod formulár komentárov. Všetko je rovnaké ako pri doplnku Qip smiles, stačí zmeniť kód.
Dobre, pamätajte, že som spomenul, že doplnok Wp-smiley má pohodlnú funkciu v porovnaní s Qip smiles. Faktom teda je, že emotikony z doplnku Qip smiles musia byť vložené do článku a zakaždým ručne zadávať kód emotikonu, čo je úprimne povedané dosť nepohodlné. Ale s pluginom Wp-smiley, keď napíšete svoj článok, po kliknutí naň sa zobrazí ikona čierneho smajlíka, z ktorého si môžete okamžite vybrať smajlíka, ktorý sa vám páči, z celého zoznamu bez toho, aby ste si pamätali, aký kód má každý z nich.
Tiež, ak sa vám nepáči čierne emotikony, môžete si stiahnuť emotikony z Vkontakte. Inštalácia je rovnaká ako pri čiernych emotikonoch.
Mimochodom, ak zmeníte emotikony v plugine Wp-smiley, už nikdy viac, inak čierne emotikony zmiznú a ich miesto opäť zaujmú tie staré emotikony. To je všetko, veľa šťastia (zdá sa, že som to preoptimalizoval na slovo emotikony -_- ).
Ahoj zas!
Nepamätám si presne, čo ma napadlo nainštalovať emotikony na túto stránku. Zdá sa, že mi známy urobil analýzu emotikonov v messengeri „QIP infium“, ktorý používam už niekoľko rokov, a chcel som sem pridať emotikony.
Po troche hľadania vhodného pluginu pre WordPress som narazil na tento a rozhodol som sa ho použiť, no nebolo to tak - chcel som iný výstup a chcel som si zjednodušiť kontrolu nahradenia symbolov emotikonmi. Tiež som nepotreboval toľko emotikonov. Samozrejme, všetky svoje túžby som mohol realizovať úpravou vyššie spomínaného pluginu, ale nejako, takmer náhodou, som začal písať vlastný kód, ktorý sa nakoniec zmenil na plugin, ktorý sa zdá byť celkom úspešný
O doplnku emoji pre WordPressČo robí plugin:
- nahrádza štandardné emotikony WordPress emotikonmi z QIP.
- pridá zoznam emotikonov do poľa komentára. Ktoré emotikony budú zahrnuté do zoznamu, je uvedené v nastaveniach.
- pridáva emotikony na admin panel, kde ich jednoducho vložíte pri odpovedaní na komentáre alebo písaní príspevku.
- uľahčuje vyhľadávanie a nahradzovanie emotikonových kódov v texte.
Poviem vám niečo o nastaveniach
Manuálne vloženie bloku emotikonov do formulára komentáraPlugin automaticky pridáva emotikony do formulára komentárov (textarea). Môže sa však ukázať, že plugin nebude môcť zoznam normálne vložiť. V tomto prípade môžete blok emotikonov vložiť manuálne kamkoľvek do šablóny. Ak to chcete urobiť, ponechajte pole „Automatické vkladanie emotikonov“ v nastaveniach prázdne, týmto spôsobom zakážete automatické vkladanie a keď php pomoc kód, vložte blok na požadované miesto v šablóne (zvyčajne niekde v súbore comments.php):
Tento kód vytvorí blok emotikonov.
HTML značky výnimiekV tomto nastavení môžete určiť HTML tagy, ktorých text nebude plugin spracovať. Ak tam napríklad zadáte kód, doplnok nespracuje nasledujúci kód:
úsmev :).
Značky musia byť oddelené čiarkami.
Špeciálne označenia emotikonov (výnimka emotikonov)Štandardne sú emotikony v texte identifikované kódom (:názov_súboru_emotikony:), existujú však výnimky. Napríklad smajlík je označený ako:-) alebo:) alebo =) a jeho natívny kód je (:smile:) . Štandardne sú takéto výnimky 3: :) :(:D . Toto obmedzenie je spôsobené malou optimalizáciou... Takéto výnimky je možné nakonfigurovať v plugine.
Úprava vzhľaduAk nie ste spokojní s tým, ako vyzerá zoznam emotikonov, môžete ho upraviť za predpokladu, že poznáte CSS, na to musíte zmeniť pravidlá CSS v poli „ CSS štýly Ak chcete zabrániť ukladaniu štýlov v nastaveniach, štýly je možné skopírovať do vlastného súboru so štýlmi a odstrániť ich z nastavení.
Inštalácia vlastnej sady emotikonovAk na blogu nevidíte emotikony, ktoré by ste chceli mať, nebuďte naštvaní. Emotikony môžete jednoducho pridať/nahradiť vlastnými.
Na doplnenie zoznamu všetko, čo musíte urobiť, je vytvoriť priečinok kama-wp-smile-packs vedľa priečinka pluginov a pridať doň svoju sadu obrázkov smajlíkov. Tie. V dôsledku toho by ste mali skončiť s priečinkom s obrázkami emotikonov, ako je tento: /wp-content/plugins/kama-wp-smile-packs/mypack/*.gif. Po vytvorení takéhoto priečinka musíte prejsť do nastavení a vybrať nový balík emotikonov, ktorý sa zobrazí.
Text záznamu bude používať konštrukciu (:názov_súboru:) . Ak napríklad do textu pridáte obrázok emotion.gif, tento emotikon sa vloží ako (:emotion:) .
V názvoch súborov sú povolené iba malé písmená latinky písmená a-z, čísla 0-9, znamienka - a _. Ak má súbor nejaké iné znaky, nebude fungovať.
Filtrovanie - odstránenie emotikonového kódu z textuAk potrebujete niekde text filtrovať (nezobraziť kód emotikonu), použite nasledujúci filter:
$text = "Testovací text (:dobrý:)"; $text = preg_replace("/\(:(0,15):\)/", "", $text); echo $text; // return: Testovací text
Ako vložiť plugin do iných polí, napríklad do BbPress, Quick ChatPredvolený doplnok funguje iba pre komentáre a príspevky. Ak to potrebujete „priskrutkovať“ niekam inam, potom sa vám budú hodiť nasledujúce funkcie a malá znalosť CSS:
- kws_get_smiles_html($textarea_id) – zobrazí blok emotikonov pre textovú oblasť
- kws_convert_smiles($content) - spracuje výstupný obsah na vytvorenie obrázkov z kódov smajlíkov
V prípade náhlych problémov, porúch, chýb a „iných vecí“, alebo ak chcete niečo také napísať, napíšte do komentárov
Dobrý deň, priatelia! Dlho som nepublikoval nové články o WordPress. Faktom je, že môj blog je už založený - hlavné pluginy sú nainštalované a nakonfigurované, niekde sa niečo robí čisto v kóde a nie je potrebné nič meniť ani pridávať. Zostáva už len dokončiť nejaké drobnosti, ktoré sa týkajú hlavne vzhľad blog. Jednou z týchto drobností sú emotikony WordPress. O tom si dnes povieme.
WordPress má v predvolenom nastavení emotikony, ale veľa ľudí o nich ani nevie, pretože ich stále treba povoliť v nastaveniach. Prejdite do časti „Možnosti“ - „Písanie“ a povoľte možnosť:
Kompletný zoznam všetkých dostupných emotikonov nie je uvedený v nastaveniach, možno ho však nájsť v kódexe WordPress. Tu je:
Pri písaní článku stačí použiť symboly uvedené v tabuľke. Po zverejnení príspevku budú automaticky nahradené zodpovedajúcim obrázkom. Ruku na srdce, stojí za to povedať, že tváre nie sú príliš krásne. Koniec koncov, som zvyknutý na animované koloboky, ktoré sa používajú v Qip a ktoré sa tak často nachádzajú na rôznych fórach.
Emotikony môžete zmeniť manuálne, našťastie to nie je ťažké.
- s novými emotikonmi do počítača a rozbaľte ho.
- Všetky ikony sa nachádzajú na serveri v adresári /wp-includes/images/smilies. Musíme manuálne nahradiť štandardné súbory novými. WP nezaujíma, aký obrázok zobrazuje.
- Ak potrebujete pridať nový emotikon, ktorý nemá vo WP obdobu, potom ho ešte treba zapísať do súboru /wp-includes/functions.php. V predvolenom nastavení môžete vidieť nasledujúci kód:
funkcia smilies_init() ( global $wpsmiliestrans , $wp_smiliessearch ; // neobťažujte sa nastavovaním smajlíkov, ak sú zakázané, ak ( ! get_option( "use_smilies" ) ) return ; if ( ! isset ( $wpsmiliestrans ) ) ( $wpsmiliestrans = pole ( ":mrgreen:" => "icon_mrgreen.gif" , ":neutral:" => "icon_neutral.gif" , ":twisted:" => "icon_twisted.gif" , ... ":!:" = > "icon_exclaim.gif" , ":?:" => "icon_question.gif" , ); Stačí pridať Nový riadok, v ktorom uvediete symboly kľúčov a príslušnú ikonu. Ak chcete odstrániť emotikon, vymažte príslušný riadok a odstráňte ikonu z priečinka.
Ak chcete vybrať emotikony v komentároch WordPress, otvorte na úpravu šablónu comments.php z témy WP a pred kód (v závislosti od témy sa môže mierne líšiť):
| < textarea name= "comment" id= "comment" cols= "65" rows= "10" tabindex= "4" > |
prilepte skript:
| function addsmile($smile)( document.getElementById("comment").value=document.getElementById("comment").value+" "+$smile+" "; ) |
Načítava...