Hei taas!

En muista tarkalleen, mistä sain idean asentaa hymiöitä tälle sivustolle. Näyttää siltä, ​​​​että eräs tuttava teki minulle analyysin hymiöistä "QIP infium" -viestinnässä, jota olen käyttänyt jo useita vuosia, ja olin innokas lisäämään hymiöitä tänne.

Etsittyäni hieman sopivaa WordPress-laajennusta, törmäsin tähän ja päätin käyttää sitä, mutta niin ei käynyt - halusin toisenlaisen tulosteen ja halusin yksinkertaistaa symbolien korvaamisen tarkistusta hymiöillä. En myöskään tarvinnut niin paljon hymiöitä. Tietysti pystyin toteuttamaan kaikki toiveeni muokkaamalla yllä mainittua lisäosaa, mutta jotenkin melkein vahingossa aloin kirjoittamaan omaa koodiani, joka lopulta muuttui liitännäiseksi, joka näyttää varsin onnistuneelta

Tietoja WordPressin emoji-laajennuksesta

Mitä laajennus tekee:

• korvaa tavalliset WordPress-hymiöt QIP:n hymiöillä.
• lisää luettelon hymiöistä kommenttikenttään. Luetteloon sisällytettävät hymiöt näkyvät asetuksissa.
• lisää hymiöitä hallintapaneeliin, johon voit helposti lisätä niitä, kun vastaat kommentteihin tai kirjoitat julkaisua.
• helpottaa hymiökoodien löytämistä ja korvaamista tekstistä.

Kama WP Smiles -asetukset

Kerron vähän asetuksista

Hymiölohkon lisääminen manuaalisesti kommenttilomakkeeseen

Plugin lisää automaattisesti hymiöitä kommenttilomakkeeseen (tekstialueeseen). Saattaa kuitenkin käydä niin, että laajennus ei pysty upottamaan luetteloa normaalisti. Tässä tapauksessa voit lisätä hymiölohkon manuaalisesti mihin tahansa mallipohjaan. Jätä tätä varten asetusten "Lisää hymiöt" -kenttä tyhjäksi, niin poistat automaattisen lisäyksen käytöstä ja lisäät PHP-koodin avulla lohkon haluamaasi paikkaan mallissa (yleensä jonnekin comments.php:ssä tiedosto):

Tämä koodi tulostaa hymiölohkon.

HTML-poikkeustunnisteet

Tässä asetuksessa voit määrittää HTML-tageja, joiden tekstiä laajennus ei käsittele. Jos esimerkiksi määrität koodin sinne, laajennus ei käsittele seuraavaa koodia:

hymyillä :).

Tunnisteet on erotettava pilkuilla.

Erikoishymiöt (poikkeushymiöt)

Oletuksena hymiöt tunnistetaan tekstissä koodilla (:hymiön_tiedoston_nimi:), mutta poikkeuksiakin on. Esimerkiksi hymiön merkintä on:-) tai:) tai =), ja sen alkuperäinen koodi on (:smile:) . Oletuksena tällaisia ​​poikkeuksia on 3: :) :(:D . Tämä rajoitus johtuu pienestä optimoinnista... Tällaisia ​​poikkeuksia voidaan määrittää liitännäisessä.

Ulkoasun muokkaaminen

Jos et ole tyytyväinen hymiöluettelon ulkoasuun, voit muokata sitä edellyttäen, että osaat css:n, tätä varten sinun on muutettava CSS-sääntöjä CSS-tyylit -kentässä. Jotta tyylit eivät tallennu asetuksiin, tyylejä voidaan kopioida omaan tyylitiedostoon ja poistaa asetuksista.

Oman hymiösarjan asentaminen

Jos et näe blogissasi haluamiasi hymiöitä, älä ole järkyttynyt. Voit helposti lisätä/korvaa hymiöitä omillasi.

Täydentääksesi luetteloa sinun tarvitsee vain luoda kama-wp-smile-packs-kansio laajennuskansion viereen ja lisätä siihen hymiökuvat. Nuo. Tämän seurauksena sinun pitäisi päätyä kansioon, jossa on kuvia hymiöistä, kuten tämä: /wp-content/plugins/kama-wp-smile-packs/mypack/*.gif. Kun olet luonut tällaisen kansion, sinun on siirryttävä asetuksiin ja valittava uusi avautuva hymiöpaketti.

Syötteen tekstissä käytetään rakennetta (:tiedoston_nimi:) . Jos esimerkiksi lisäät tekstiin emotion.gif-kuvan, tämä hymiö lisätään muodossa (:emotion:) .

Vain pienet latinalaiset kirjaimet a-z, numerot 0-9 ja merkit - ja _ ovat sallittuja tiedostonimissa. Jos tiedostossa on muita merkkejä, se ei toimi.

Suodatus - hymiökoodin poistaminen tekstistä

Jos haluat suodattaa tekstiä jossain (ei näytä hymiökoodia), käytä seuraavaa suodatinta:

$text = "Testiteksti (:hyvä:)"; $teksti = preg_replace("/\(:(0,15):\)/", "", $teksti); echo $teksti; // paluu: Testiteksti

Kuinka upottaa laajennus muihin kenttiin, esimerkiksi BbPressiin, Quick Chatiin

Oletuslaajennus toimii vain kommenteissa ja viesteissä. Jos sinun on "kierrettävä" se jonnekin muualle, seuraavat toiminnot ja pieni tietämys CSS:stä ovat hyödyllisiä sinulle:

• kws_get_smiles_html($textarea_id) - näyttää hymiölohkon tekstialueelle
• kws_convert_smiles($content) - käsittelee tulostetun sisällön tehdäkseen kuvia hymiökoodeista

Äkillisten ongelmien, virheiden, bugien ja "muiden asioiden" tapauksessa tai jos haluat vain kirjoittaa jotain tällaista - kirjoita kommentteihin

Hei rakkaat lukijani!

Kiva tavata taas!

Tänään puhumme qip smiles -laajennuksesta, joka näyttää söpöjä hymiöitä kommenttien muodossa.

Miksi näitä hymiöitä ylipäätään tarvitaan? Kannattaako blogiisi ladata tarpeettomia lisäosia? Loppujen lopuksi jotkut bloggaajat pärjäävät ilman näitä hymiöitä.

Tietysti se on mahdollista ilman niitä. Mutta….

Kun aloin juuri bloggaamaan, kommentoimaan muita blogeja, kommunikoimaan kommentoijien kanssa, pidin todella siitä, että voit liittää sanoihin hymiöitä ja siten ilmaista tunteitasi ja antaa niille lisäväriä.

Ja jos te, rakkaat lukijani, kommentoitte usein blogeja, niin olette varmaan joskus kokeneet sen - oi, kuinka haluatte ilmaista tunteitaan! Ja sitten nämä ihanat pienet hymiöt tulevat apuun.

Ja tapahtuu, että kommenttien sanat kuulostavat ankaralta, mutta näet vieressäsi hymyilevän tai nauravan hymiön ja ymmärrät, että henkilö on melko ystävällinen.

Kunhan kommunikoimme kommenteissa, voimme nähdä vain sanat – emme voi nähdä tunteita ja tunteita. Ja hymiöiden ansiosta voimme välittää kaiken tämän.

Ja siksi päätin blogimatkani alussa, että blogissani tulee varmasti hymiöitä!

Ja nyt huomaan, että kommentaattorini käyttävät hymiöitä melko usein, mikä taas todistaa, etten erehtynyt, kun laitoin ne blogiini.

Aluksi minulla oli Monalisa-laajennuksen hymiöt. Mutta jonkin ajan kuluttua tajusin, että tämä ei ollut juuri sitä, mitä halusin. Niitä ei ole kovin paljon ja tunteiden kirjo on hyvin rajallinen.

Sitten päätettiin asentaa qip smiles -laajennus, koska qip-hymyjä on lukuisia ja ne voivat välittää suuren määrän tunteita ja tunteita.

Siksi, ystävät, kerron tänään, kuinka voit asentaa tämän ihmeen blogiisi.

Voit ladata laajennuksen tietokoneellesi.

Plugin ladataan zip-arkistossa, sinun ei tarvitse avata sitä, asennamme sen tässä muodossa.

Napsauta vasemmalla "Ulkoasu" - "Lisäosat" -välilehteä, laajennuksia sisältävä sivu avautuu ja napsauta yläreunassa "Lisää uusi".

Sitten "Lataa" ja "Valitse tiedosto"

Tietokoneesi Explorer avautuu, löydät juuri lataamasi qipsmiles-laajennuksen ja napsautat "Asenna".

Kun laajennus on asennettu (tämä kestää muutaman sekunnin), napsauta "Aktivoi" - ja laajennus ilmestyy sivulle kaikkien lisäosien kanssa.

Nyt meidän on tehtävä pieniä muutoksia koodiin.

Älä huolestu, se ei ole ollenkaan vaikeaa - me selvitämme sen nyt.

Napsauta vasemmalla "Ulkoasu" - "Editor" -välilehteä ja napsauta oikealla "Kommentit" -linkkiä (comments.php).

Katso avautuvaa koodia huolellisesti - meidän on löydettävä rivi sanalla textarea (napsautettava)

Tämän rivin alle meidän on lisättävä tämä koodi:

Minulle se näyttää tältä (editorin rivi on merkitty keltaisella, koodi joka on lisättävä sinisellä), napsautettava

Hymiöt sijaitsevat kommenttilomakkeen alapuolella. Jos haluat hymiöiden olevan kommenttilomakkeen yläpuolella, koodi on sijoitettava rivin YLÄLLE editorissa.

Napsauta "Päivitä tiedosto" alareunassa ja se on siinä. Nyt qip-hymiöt näkyvät kommenttien muodossa ja ilahduttavat lukijoitasi ja kommentoijiasi!

Kyllä, se, mitä näet kommenttilomakkeessa, ei ole kaikki hymiöitä, napsauta "Lisää hymiöitä" ja ne näkyvät edessäsi kaikessa loistossaan

Mitä mieltä olette, ystävät, tarvitaanko blogiin hymiöitä vai pärjääkö ilman niitä?

No, ei ole turhaa, että puhuimme hymiöistä tänään. Teille, rakkaat, kahden minuutin positiivinen huomautus

Hei ystävät! En ole julkaissut uusia WordPress-artikkeleita pitkään aikaan. Tosiasia on, että blogini on jo perustettu - päälaajennukset on asennettu ja määritetty, jotain tehdään jossain puhtaasti koodilla, eikä sinun tarvitse muuttaa tai lisätä mitään uutta. Jäljelle jää vain muutamia pieniä asioita, jotka liittyvät pääasiassa blogin ulkoasuun. Yksi näistä pienistä asioista on WordPress-hymiöt. Siitä puhumme tänään.

WordPressissä on oletuksena hymiöitä, mutta monet eivät edes tiedä niistä, koska ne on silti otettava käyttöön asetuksista. Siirry "Asetukset" - "Kirjoitus" -osioon ja ota vaihtoehto käyttöön:

Täydellistä luetteloa kaikista käytettävissä olevista hymiöistä ei ole listattu asetuksissa, mutta se löytyy WordPress-koodekista. Täällä hän on:

Käytä vain taulukossa olevia symboleja kirjoittaessasi artikkelia. Viestin julkaisun jälkeen ne korvataan automaattisesti vastaavalla kuvalla. Käsi sydämellä, kannattaa sanoa, että kasvot eivät ole kovin kauniita. Silti olen tottunut animoituihin kolobokkeihin, joita käytetään Qipissä ja joita löytyy niin usein kaikenlaisilta foorumeilta.

Voit vaihtaa hymiöitä manuaalisesti, onneksi se ei ole vaikeaa.

• uusilla hymiöillä tietokoneellesi ja pura se.
• Kaikki kuvakkeet sijaitsevat palvelimella /wp-includes/images/smilies-hakemistossa. Meidän on korvattava manuaalisesti vakiotiedostot uusilla. WP ei välitä minkä kuvan se näyttää.
• Jos haluat lisätä uuden hymiön, jolla ei ole analogia WP:ssä, sinun on silti rekisteröitävä se /wp-includes/functions.php-tiedostoon. Oletuksena näet seuraavan koodin:

  toiminto smilies_init() ( globaali $wpsmiliestrans , $wp_smilies array ( ":mrgreen:" => "icon_mrgreen.gif" , ":neutral:" => "icon_neutral.gif" , ":twisted:" => "icon_twisted.gif" , ... ":!:" = > "icon_exclaim.gif" , ":?:" => "icon_question.gif" , ) ;

  Lisää vain uusi rivi, jolla ilmoitat avainmerkit ja vastaavan kuvakkeen. Jos haluat poistaa hymiön, pyyhi siihen liittyvä rivi ja poista kuvake kansiosta.

Kuinka lisätä hymiöitä WordPress-kommentteihin manuaalisesti

Jotta voit valita emojit WordPress-kommenteissa, avaa WP-teemasta ja ennen koodia comments.php-mallin muokkausta varten (se voi vaihdella hieman teemasta riippuen):

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

liitä skripti:

funktio addsmile($smile)( document.getElementById("kommentti").value=document.getElementById("kommentti").value+" "+$smile+" "; )

Yleisesti ottaen hymiöt ovat melko hyvä tapa ilmaista tunteitasi, oli se sitten viesti tai kommentti postaukseen. Mutta ovatko hymiöt välttämättömiä blogissa? Loppujen lopuksi verkkosivuston päätehtävä on sisältää tarvittavat tiedot, eivätkä ne itse asiassa sisällä mitään tietoa. Älä kuitenkaan unohda, että verkkosivusto mukautuu ennen kaikkea käyttäjän mukaan. Siksi verkkosivustoa rakennettaessa otetaan huomioon monet tekijät. Logiikasta päätellen hymiöt ovat jonkinlainen "mukavuus" käyttäjille.

Katsotaanpa kaikkia hymiöiden käytön etuja kommenteissa:
1. Ei ole mikään salaisuus, että hakukoneet ottavat huomioon vierailijoiden käyttäytymiseen liittyvät tekijät, joista yksi on sivustolla oleskelun kesto. Hymiöt antavat sinun viivyttää vierailijaa hetken, eli hänen valintaansa kommentoiessaan.
2. Useimmat ihmiset ovat tottuneet ilmaisemaan tunteitaan päivittäin hymiöiden avulla. He ympäröivät meitä kaikkialla: tekstiviesteissä, sosiaalisissa verkostoissa, foorumeilla ja niin edelleen. Näin ollen kommenteissa olevista hymiöistä tulee eräänlainen käyttömukavuus käyttäjille, mikä on myös pieni plus.
3. Kuten monet ovat ehkä huomanneet, hymiöillä varustetut artikkelit ja kommentit näyttävät miellyttävämmiltä ja ovat jopa helpommin luettavia kuin ilman niitä. Ottaen tietysti huomioon, että ne ovat asianmukaisia ​​eivätkä tarpeettomia.

Hymiöt ilman lisäosaa WordPressissä

Itse asiassa Wodpressissa on aluksi hymiöitä, mutta ne näyttävät jotenkin houkuttelemattomilta ja tylsiltä. Ne, jotka pitävät tästä, voivat käyttää tavallisia WordPress-hymiöitä.

On tarpeen ottaa käyttöön hymiöiden muuntaminen kuviksi, nimittäin: avaa Conskol -> Options -> Writing ja valitse ruutu " Muunna hymiöt kuviksi».

Hymiöiden näyttäminen kommenteissa

Nyt sinun on lisättävä ne kommenttilomakkeeseen, jotta käyttäjät voivat käyttää niitä kommentteja kirjoittaessaan. Tätä varten sinun on lisättävä alla oleva funktio kommenttilomakkeeseen, joka sijaitsee comments.php-tiedostossa. JavaScript-komentosarja vastaa hymiöiden lisäämisestä kommentin tekstikenttään. Ja php-toiminto näyttää hymiöt kommenttilomakkeessa.

funktio addsmile($smile)( document.getElementById(’kommentti’).value=document.getElementById(’kommentti’).value+’ ‘+$smile+’ ‘; )