Smileys dans les commentaires d'un blog WordPress. Ajouter des émoticônes sur un blog WordPress sans plugins Émoticônes pour wordpress dans les commentaires

Bonjour à nouveau!

Je ne me souviens pas exactement de ce qui m’a donné l’idée d’installer des émoticônes sur ce site. Il semble qu'une connaissance m'ait donné une analyse des émoticônes dans le messager « QIP infium », que j'utilise depuis plusieurs années maintenant, et j'avais hâte d'ajouter des émoticônes ici.

Après avoir cherché un peu un plugin approprié pour WordPress, je suis tombé sur celui-ci et j'ai décidé de l'utiliser, mais ce n'était pas le cas - je voulais un résultat différent et je voulais simplifier la vérification du remplacement des symboles par des émoticônes. De plus, je n’avais pas besoin d’autant d’émoticônes. Bien sûr, j'aurais pu réaliser tous mes désirs en éditant le plugin mentionné ci-dessus, mais d'une manière ou d'une autre, presque par accident, j'ai commencé à écrire mon propre code, qui s'est finalement transformé en un plugin, qui semble avoir beaucoup de succès.

À propos du plugin emoji pour WordPress

Ce que fait le plugin :

• remplace les émoticônes WordPress standard par des émoticônes de QIP.
• ajoute une liste d'émoticônes au champ de commentaire. Les émoticônes qui seront incluses dans la liste sont indiquées dans les paramètres.
• ajoute des émoticônes au panneau d'administration, où vous pouvez facilement les insérer lorsque vous répondez à des commentaires ou rédigez un message.
• facilite la recherche et le remplacement des codes d'émoticônes dans le texte.

Paramètres de Kama WP Smiles

Je vais vous parler un peu des paramètres

Insérer manuellement un bloc d'émoticônes dans le formulaire de commentaire

Le plugin ajoute automatiquement des émoticônes au formulaire de commentaire (textarea). Cependant, il se peut que le plugin ne parvienne pas à intégrer la liste normalement. Dans ce cas, vous pouvez insérer manuellement le bloc émoticône n’importe où dans le modèle. Pour ce faire, laissez le champ "Insérer automatiquement des émoticônes" dans les paramètres vide, de cette façon vous désactiverez l'insertion automatique, et à l'aide du code PHP, insérez le bloc à l'endroit souhaité dans le modèle (généralement quelque part dans les commentaires.php déposer):

Ce code affichera un bloc d'émoticônes.

Balises d'exception HTML

Dans ce paramètre, vous pouvez spécifier des balises HTML dont le texte ne sera pas traité par le plugin. Par exemple, si vous y spécifiez du code, alors le code suivant ne sera pas traité par le plugin :

sourire :) .

Les balises doivent être séparées par des virgules.

Désignations spéciales d'emoji (à l'exception des émoticônes)

Par défaut, les émoticônes sont identifiées dans le texte par le code (:emoticon_file_name:), mais il existe des exceptions. Par exemple, un smiley est noté :-) ou :) ou =), et son code natif est (:smile:) . Par défaut, il existe 3 exceptions de ce type : :) :(:D . Cette limitation est due à une petite optimisation... De telles exceptions peuvent être configurées dans le plugin.

Modification de l'apparence

Si vous n'êtes pas satisfait de l'apparence de la liste des émoticônes, vous pouvez la modifier, à condition de connaître le CSS, pour cela, vous devez modifier les règles CSS dans le champ « Styles CSS ». Pour empêcher les styles d'être stockés dans les paramètres, les styles peuvent être copiés dans votre propre fichier de styles et supprimés des paramètres.

Installer votre propre ensemble d'émoticônes

Si vous ne voyez pas les émoticônes que vous aimeriez avoir sur votre blog, ne vous inquiétez pas. Vous pouvez facilement ajouter/remplacer des émoticônes par les vôtres.

Pour compléter la liste, tout ce que vous avez à faire est de créer le dossier kama-wp-smile-packs à côté du dossier du plugin et d'y ajouter votre ensemble d'images smiley. Ceux. En conséquence, vous devriez vous retrouver avec un dossier contenant des images d'émoticônes comme celui-ci : /wp-content/plugins/kama-wp-smile-packs/mypack/*.gif. Après avoir créé un tel dossier, vous devez accéder aux paramètres et sélectionner le nouveau package d'émoticônes qui apparaît.

Le texte de l'entrée utilisera la construction (:file_name:) . Par exemple, si vous ajoutez une image emotion.gif dans le texte, cette émoticône sera insérée sous la forme (:emotion:) .

Seules les lettres latines minuscules a à z, les chiffres 0 à 9 et les signes - et _ sont autorisés dans les noms de fichiers. Si le fichier contient d'autres caractères, cela ne fonctionnera pas.

Filtrage - suppression du code d'émoticône du texte

Si vous devez filtrer le texte quelque part (ne pas afficher le code de l'émoticône), appliquez le filtre suivant :

$text = "Test du texte (:good:)"; $text = preg_replace("/\(:(0,15):\)/", "", $text); écho $texte; // retour : texte de test

Comment intégrer le plugin dans d'autres champs, par exemple dans BbPress, Quick Chat

Le plugin par défaut ne fonctionne que pour les commentaires et les publications. Si vous avez besoin de le « visser » ailleurs, alors les fonctions suivantes et un peu de connaissance en CSS vous seront utiles :

• kws_get_smiles_html($textarea_id) - affiche un bloc d'émoticônes pour une zone de texte
• kws_convert_smiles($content) - traite le contenu de sortie pour créer des images à partir de codes smiley

En cas de problèmes soudains, de problèmes, de bugs et « d'autres choses », ou si vous voulez simplement écrire quelque chose comme ceci, écrivez dans les commentaires

Bonjour les amis. Comme vous l'avez compris d'après le titre de l'article, je vais parler aujourd'hui de la façon d'ajouter la possibilité d'insérer des émoticônes dans les commentaires sur les blogs WordPress sans plugins.

Pendant longtemps, il n'y avait pas d'émoticônes sur mon blog, car je ne les utilisais tout simplement pas. Au fil du temps, je me suis surpris à penser que les émoticônes ajoutent une sorte de vivacité et d'émotivité à la communication sur le blog. Les émoticônes standard intégrées au moteur ne me convenaient pas, car elles sont trop petites et inexpressives. J'ai commencé à chercher une solution appropriée sous la forme d'un plugin spécial, mais partout seule la déception m'attendait - soit le plugin était rempli de fonctions inutiles, soit il fonctionnait de travers :)

En fin de compte, j’ai décidé d’utiliser la fonctionnalité WordPress standard en remplaçant les icônes emoji par les miennes.

Donc, si vous souhaitez pouvoir insérer n'importe quel emoji dans les commentaires de votre blog et que vous ne souhaitez pas utiliser de plugins, suivez les instructions ci-dessous.

Tout d’abord, vous devez télécharger les émoticônes que vous aimez pour remplacer les émoticônes standard. Il existe des émoticônes pour tous les goûts sur Internet, mais parmi toute cette abondance, j'aime les koloboks standards, qui sont désormais installés sur mon blog. Ci-dessous vous pouvez les télécharger :

Mini koloboks ()

Koloboki ()

Ainsi, après avoir téléchargé les nouvelles icônes, vous devez remplacer les icônes standard par elles. Les émoticônes standard se trouvent dans le dossier wp-includes/images/smilies/. Assurez-vous simplement que les noms des anciennes icônes correspondent aux noms des nouvelles et que leur contenu correspond également.

Maintenant, après avoir remplacé les icônes, vous devez ajouter la possibilité de les insérer dans les commentaires. En principe, si cette fonctionnalité est activée dans les paramètres du blog, les émoticônes devraient déjà être converties en images si vous les saisissez sous forme de symboles.

Afin d'afficher une liste d'émoticônes, il existe une fonction spéciale :

function addsmile($smile)( document.getElementById("comment").value=document.getElementById("comment").value+" "+$smile+" "; )