Kuidas WordPressi mootorisse emotikone lisada. Emotikonide lisamine WordPressi ajaveebi ilma pistikprogrammideta. Emotikonide loendi redigeerimine

Tere jälle!

Ma ei mäleta täpselt, mis andis mulle idee sellele saidile emotikone installida. Tundub, et üks tuttav andis mulle juba mitu aastat kasutanud “QIP infium” messengeris emotikonide analüüsi ja ma tahtsin siia emotikone lisada.

Olles veidi otsinud WordPressi jaoks sobivat pluginat, leidsin selle ja otsustasin seda kasutada, kuid see polnud nii - tahtsin teistsugust väljundit ja tahtsin lihtsustada sümbolite emotikonidega asendamise kontrolli. Samuti polnud mul nii palju emotikone vaja. Muidugi saaksin ülalmainitud pluginat redigeerides kõiki oma soove realiseerida, kuid millegipärast, peaaegu kogemata, hakkasin kirjutama oma koodi, millest lõpuks sai plugin, mis tundub olevat üsna edukas

Teave WordPressi emotikonide pistikprogrammi kohta

Mida pistikprogramm teeb:

  • asendab standardsed WordPressi emotikonid QIP-i emotikonidega.
  • lisab kommentaariväljale emotikonide loendi. Millised emotikonid loendisse kaasatakse, on näidatud seadetes.
  • lisab emotikonid administraatori paneelile, kuhu saate neid lihtsalt lisada kommentaaridele vastates või postitust kirjutades.
  • muudab tekstis emotikonide koodide leidmise ja asendamise lihtsamaks.
Kama WP Smiles seaded

Ma räägin teile natuke seadetest

Emotikonide ploki käsitsi sisestamine kommentaarivormi

Plugin lisab automaatselt emotikone kommentaarivormi (tekstiala). Siiski võib selguda, et pistikprogramm ei saa loendit normaalselt manustada. Sel juhul saate sisestada emotikonide ploki käsitsi ükskõik kuhu malli. Selleks jäta seadetes väli "Automaatselt sisestada emotikonid" tühjaks, nii keelad automaatse sisestamise ning PHP koodi kasutades sisesta plokk mallis soovitud kohta (tavaliselt kuhugi kommentaarid.php fail):

See kood väljastab emotikonide ploki.

HTML-i erandisildid

Selles sättes saate määrata HTML-i sildid, mille teksti pistikprogramm ei töötle. Näiteks kui määrate seal koodi, ei töötle pistikprogramm järgmist koodi:

naerata :).

Sildid tuleb eraldada komadega.

Emotikonide eritähised (erandiks emotikonid)

Vaikimisi identifitseeritakse emotikonid tekstis koodiga (:emoticon_file_name:), kuid on ka erandeid. Näiteks emotikon tähistatakse kui:-) või:) või =) ja selle algkood on (:naeratus:) . Vaikimisi on selliseid erandeid 3: :) :(:D . See piirang on tingitud väikesest optimeerimisest... Selliseid erandeid saab seadistada pluginas.

Välimuse redigeerimine

Kui te ei ole rahul emotikonide loendi väljanägemisega, saate seda redigeerida, eeldusel, et tunnete css-i, selleks peate muutma CSS-i reegleid väljal "CSS-stiilid". Et vältida stiilide salvestamist seadetesse, saab stiile kopeerida oma stiilifaili ja eemaldada seadetest.

Enda emotikonide komplekti installimine

Kui te ei näe oma ajaveebis emotikone, mida soovite, ärge ärrituge. Emotikone saate hõlpsalt enda omadega lisada/asendada.

Loendi täiendamiseks pole vaja teha muud, kui luua pistikprogrammi kausta kõrvale kaust kama-wp-smile-packs ja lisada sinna oma emotikonide komplekt. Need. Selle tulemusel peaksite saama kausta emotikonide piltidega, nagu näiteks: /wp-content/plugins/kama-wp-smile-packs/mypack/*.gif. Pärast sellise kausta loomist peate minema seadetesse ja valima uue kuvatava emotikonide paketi.

Kirje tekstis kasutatakse konstruktsiooni (:faili_nimi:) . Näiteks kui lisate teksti emotikon.gif pildi, sisestatakse see emotikon kujul (:emotion:) .

Failinimedes on lubatud ainult väikesed ladina tähed a–z, numbrid 0–9 ning märgid – ja _. Kui failil on muid märke, siis see ei tööta.

Filtreerimine – emotikonide koodi eemaldamine tekstist

Kui teil on vaja teksti kuskil filtreerida (mitte kuvada emotikonide koodi), siis rakendage järgmine filter:

$text = "Testi tekst (:hea:)"; $tekst = preg_replace("/\(:(0,15):\)/", "", $tekst); kaja $tekst; // return: Test text

Kuidas manustada pistikprogrammi muudele väljadele, näiteks BbPress, Quick Chat

Vaikimisi pistikprogramm töötab ainult kommentaaride ja postituste jaoks. Kui teil on vaja see kuhugi mujale kruvida, on teile kasulikud järgmised funktsioonid ja vähesed teadmised CSS-ist:

  • kws_get_smiles_html($textarea_id) – kuvab tekstipiirkonna emotikonide ploki
  • kws_convert_smiles($content) – töötleb väljundsisu, et teha emotikonide koodidest pilte

Äkiliste probleemide, tõrgete, vigade ja "muude asjade" korral või kui soovite lihtsalt midagi sellist kirjutada - kirjutage kommentaaridesse

Tere, mu kallid lugejad!

Rõõm taas kohtuda!

Täna räägime pistikprogrammist qip smiles, mis kuvab kommentaaride kujul armsaid emotikone.

Milleks neid emotikone üldse vaja on? Kas tasub oma ajaveebi tarbetute pluginatega laadida? Lõppude lõpuks saavad mõned blogijad ilma nende emotikonideta hakkama.

Muidugi on see võimalik ka ilma nendeta. Aga….

Kui hakkasin just blogi pidama, teisi blogisid kommenteerima, kommenteerijatega suhtlema, meeldis mulle väga, et sai sõnadesse sisestada emotikone, väljendades seeläbi oma tundeid, andes neile lisavärvi.

Ja kui teie, mu armsad lugejad, sageli blogisid kommenteerite, siis olete seda ilmselt mõnikord kogenud – oi, kuidas te tahate oma emotsioone väljendada! Ja siis tulevad appi need imelised väikesed emotikonid.

Ja juhtub, et kommentaarides kõlavad sõnad karmilt, aga enda kõrval näed naeratavat või naervat emotikonit ja saad aru, et inimene on üsna sõbralik.

Kommentaarides suheldes näeme ju ainult sõnu — me ei näe tundeid ja emotsioone. Ja tänu emotikonidele saame seda kõike edasi anda.

Ja sellepärast otsustasin oma blogimise teekonna alguses, et minu blogis on kindlasti emotikonid!

Ja nüüd näen, et mu kommentaatorid kasutavad emotikone päris tihti, mis tõestab taaskord, et ma ei eksinud neid oma blogisse pannes.

Algul olid mul Monalisa plugina emotikonid. Kuid mõne aja pärast sain aru, et see pole päris see, mida ma tahtsin. Neid pole väga palju ja emotsioonide ring on väga piiratud.

Seejärel otsustati installida pistikprogramm qip smiles, sest qip naeratusi on palju ja need võivad edastada palju emotsioone ja tundeid.

Seetõttu, sõbrad, ma ütlen teile täna, kuidas seda imet oma ajaveebi installida.

Saate pistikprogrammi oma arvutisse alla laadida.

Pistikprogramm laaditakse alla ZIP-arhiivis, te ei pea seda avama, installime selle sellel kujul.

Vasakul klõpsake vahekaarti "Välimus" - "Pluginad", avaneb pistikprogrammidega leht ja ülaosas klõpsake "Lisa uus".

Seejärel "Laadi üles" ja "Vali fail"

Avaneb teie arvuti explorer, leiate äsja alla laaditud qipsmilesi pistikprogrammi ja klõpsake nuppu "Install".

Kui pistikprogramm on installitud (see võtab paar sekundit), klõpsake nuppu "Aktiveeri" - ja plugin ilmub lehele koos kõigi pistikprogrammidega.

Nüüd peame koodis tegema väikesed muudatused.

Ärge kartke, see pole sugugi keeruline – me mõtleme selle nüüd välja.

Vasakul klõpsake vahekaarti "Välimus" - "Redaktor" ja paremal klõpsake linki "Kommentaarid" (comments.php).

Avanevas koodis vaadake hoolikalt - peame leidma rea ​​sõnaga textarea (klõpsatav)

Selle rea alla peame sisestama selle koodi:

Minu jaoks näeb see välja selline (rida redaktoris on märgitud kollasega, kood, mis tuleb sisestada sinisega), klõpsatav

Teie emotikonid asuvad kommentaarivormi all. Kui soovite, et emotikonid oleksid kommentaarivormi kohal, siis tuleb kood paigutada redaktoris rea ÜLELE.

Klõpsake allosas nuppu "Värskenda faili" ja ongi kõik. Nüüd ilmuvad qip-emotikonid kommentaaride kujul ja rõõmustavad teie lugejaid ja kommentaatoreid!

Jah, see, mida näete kommentaarivormis, ei ole kõik emotikonid, klõpsake "Veel emotikone" ja need ilmuvad teie ette kogu oma hiilguses

Mis te arvate, sõbrad, kas emotikone on blogis vaja või saab ilma nendeta hakkama?

Noh, pole asjata, et me täna emotikonidest rääkisime. Teile, mu kallid, kaheminutiline positiivne noot

Tere, sõbrad! Ma pole pikka aega WordPressi kohta uusi artikleid avaldanud. Fakt on see, et mu ajaveeb on juba loodud - peamised pluginad on installitud ja konfigureeritud, midagi tehakse kuskil puhtalt koodis ja pole vaja midagi muuta ega lisada. Jääb vaid lõpetada mõned pisiasjad, mis on peamiselt seotud blogi välimusega. Üks neist pisiasjadest on WordPressi emotikonid. Sellest me täna räägimegi.

WordPressil on vaikimisi emotikonid, kuid paljud ei tea neist isegi, sest need tuleb siiski seadetes lubada. Minge jaotisse "Valikud" - "Kirjutamine" ja lubage valik:

Seadetes pole kõigi saadaolevate emotikonide täielikku loendit, kuid selle leiate WordPressi koodeksist. Siin ta on:

Kasutage artikli kirjutamisel lihtsalt tabelis näidatud sümboleid. Pärast postituse avaldamist asendatakse need automaatselt vastava pildiga. Käsi südamel, tasub öelda, et näod pole eriti ilusad. Lõppude lõpuks olen ma harjunud animeeritud kolobokidega, mida Qipis kasutatakse ja mida nii sageli erinevates foorumites leidub.

Emotikone saab käsitsi muuta, õnneks pole see keeruline.

  • uute emotikonidega arvutisse ja pakkige see lahti.
  • Kõik ikoonid asuvad serveris kataloogis /wp-includes/images/smilies. Peame standardfailid käsitsi uutega asendama. WP-d ei huvita, mis pilti ta kuvab.
  • Kui teil on vaja lisada uus emotikon, millel pole WP-s analoogi, siis peate selle siiski registreerima failis /wp-includes/functions.php. Vaikimisi näete järgmist koodi:
    funktsioon smilies_init() ( globaalne $wpsmiliestrans , $wp_smilies array ( ":mrgreen:" => "icon_mrgreen.gif" , ":neutral:" => "icon_neutral.gif" , ":twisted:" => "icon_twisted.gif" , ... ":!:" = > "icon_exclaim.gif" , ":?:" => "icon_question.gif" , ) ;)

    Lisage lihtsalt uus rida, kuhu märgite võtmemärgid ja vastava ikooni. Emotikoni kustutamiseks kustutage sellega seotud rida ja eemaldage ikoon kaustast.

Kuidas WordPressi kommentaaridesse käsitsi emotikone lisada

Emotikonide valimiseks WordPressi kommentaarides avage oma WP teemas ja enne koodi (olenevalt teemast võib see veidi erineda) malli comments.php redigeerimiseks:

< textarea name= "comment" id= "comment" cols= "65" rows= "10" tabindex= "4" >

kleepige skript:

funktsioon addsmile($naeratus)( document.getElementById("comment").value=document.getElementById("comment").value+" "+$naeratus+" "; )

Üldiselt on emotikonid päris hea viis oma emotsioonide väljendamiseks, olgu selleks siis postitus või postituse kommentaar. Aga kas emotikonid on ajaveebis vajalikud? Lõppude lõpuks on veebisaidi peamine ülesanne sisaldada vajalikku teavet ja tegelikult nad ei sisalda teavet. Kuid ärge unustage, et veebisait kohandub eelkõige kasutajaga. Seetõttu võetakse veebilehe loomisel arvesse paljusid tegureid. Loogika järgi otsustades on emotikonid kasutajatele omamoodi "mugavuseks".

Vaatame kõiki emotikonide kasutamise eeliseid kommentaarides:
1. Pole saladus, et otsingumootorid võtavad arvesse külastajate käitumuslikke tegureid, millest üks on saidil viibimise kestus. Emotikonid võimaldavad teil külastajat hetkeks edasi lükata, nimelt tema valikut kommenteerimisel.
2. Enamik inimesi on harjunud väljendama oma emotsioone iga päev kasutades emotikone. Nad ümbritsevad meid kõikjal: SMS-ides, sotsiaalvõrgustikes, foorumites ja nii edasi. Seega muutuvad kommentaarides olevad emotikonid kasutajatele omamoodi mugavuseks, mis on ka väike pluss.
3. Nagu paljud võisid märgata, näevad emotikonidega artiklid ja kommentaarid meeldivamad välja ja on isegi kergemini loetavad kui ilma nendeta. Arvestades muidugi, et need on asjakohased ega ole üleliigsed.

WordPressi pistikprogrammita emotikonid

Tegelikult on Wodpressil esialgu emotikonid, kuid need näevad kuidagi ebaatraktiivsed ja tuhmid välja. Need, kes on sellega rahul, saavad kasutada tavalisi WordPressi emotikone.

Vaja on lubada emotikonide teisendamine piltiks, nimelt: avage Conskol -> Valikud -> Kirjutamine ja märkige ruut " Teisendage emotikonid piltideks».

Emotikonide kuvamine kommentaarides

Nüüd tuleb need lisada kommentaarivormi, et kasutajad saaksid neid kommentaare kirjutades kasutada. Selleks tuleb sisestada allolev funktsioon kommentaarivormi, mis asub failis comments.php. Javascripti skript vastutab emotikonide sisestamise eest kommentaari tekstiväljale. Ja php-funktsioon kuvab emotikone kommentaarivormis.

funktsioon addsmile($naeratus)( document.getElementById(‘kommentaar’).value=document.getElementById(‘kommentaar’).value+’ ‘+$naeratus+’ ‘; )