ما هي الوجوه المبتسمة؟ (What Are Smileys?)
الوجوه المبتسمة، والمعروفة أيضاً باسم "المشاعر التعبيرية" (Emoticons)، هي رموز تستخدم للتعبير عن المشاعر في كتاباتك. وهي طريقة رائعة لإضفاء الحيوية على المقالات.
يتم إنشاء الوجوه المبتسمة النصية عن طريق كتابة علامتي ترقيم أو أكثر. ومن الأمثلة على ذلك:
;-) تعادل
:-) تعادل
:-( تعادل
:-? تعادل
لمعرفة المزيد عن المشاعر التعبيرية وتاريخها، راجع مقال ويكيبيديا حول المشاعر التعبيرية.
الوجوه المبتسمة ليست رموزاً تعبيرية (Smileys are not Emoji)
على الرغم من أن الوجوه المبتسمة والرموز التعبيرية (Emoji) يمكنهما عرض وجوه مبتسمة وما شابه، إلا أن الرموز التعبيرية تعد تطوراً أحدث وتحتوي على نطاق أوسع بكثير من الصور التي يمكن عرضها (كما يتم إنشاؤها بشكل مختلف أيضاً). لمزيد من المعلومات حول الرموز التعبيرية وكيفية استخدامها، راجع صفحة الرموز التعبيرية (Emoji).
كيف يتعامل ووردبريس مع الوجوه المبتسمة؟ (How Does WordPress Handle Smileys?)
افتراضياً، يقوم ووردبريس تلقائياً بتحويل الوجوه المبتسمة النصية إلى صور رسومية. فعندما تكتب ;-) في مقالك، سترى عندما تقوم بمعاينة مقالك أو نشره.
لإيقاف تشغيل الوجوه المبتسمة الرسومية (To Turn off Graphic Smileys)
اعتباراً من إصدار ووردبريس 4.3، تم إزالة خيار تعطيل الوجوه المبتسمة الرسومية من عمليات التثبيت الجديدة. توجد إضافة (Plugin) إذا كنت تريد الاحتفاظ بهذا الخيار.
ما النص الذي أكتبه لإنشاء وجوه مبتسمة؟ (What Text Do I Type to Make Smileys?)
صور الوجوه المبتسمة والنصوص المستخدمة لإنتاجها*:
| الأيقونة | النص | النص | النص الكامل | الأيقونة | النص الكامل |
|---|---|---|---|---|---|
:) |
:-) |
:smile: |
:lol: |
||
:D |
:-D |
:grin: |
:oops: |
||
:( |
:-( |
:sad: |
:cry: |
||
:o |
:-o |
:eek: |
:evil: |
||
8O |
8-O |
:shock: |
:twisted: |
||
:? |
:-? |
:???: |
:roll: |
||
8) |
8-) |
:cool: |
:!: |
||
:x |
:-x |
:mad: |
:?: |
||
:P |
:-P |
:razz: |
:idea: |
||
:| |
:-| |
:neutral: |
➡ | :arrow: |
|
;) |
;-) |
:wink: |
![]() |
:mrgreen: |
* في بعض الحالات، تتوفر خيارات نصية متعددة لعرض نفس الوجه المبتسم.
التصنيف: البداية (Getting Started)
استكشاف مشكلات الوجوه المبتسمة وإصلاحها (Troubleshooting Smileys)
لماذا لا يعمل؟ (Why Doesn’t it Work?)
قد يكون مدير ووردبريس الخاص بك قد قام بتعطيل الوجوه المبتسمة. أو احتمال آخر وهو أن ملفات صور الوجوه المبتسمة قد تم حذفها من المجلد /wp-includes/images/smilies.
لماذا لا يعمل معي أنا بالذات؟ (Why Doesn’t it Work for Me?)
إذا كانت الوجوه المبتسمة تعمل لدى الآخرين في موقعك ولكنها لا تعمل معك:
اكتب مسافة قبل وبعد نص الوجه المبتسم الخاص بك. فهذا يمنع تضمين الوجه المبتسم عن طريق الخطأ في النص المحيط به.
تأكد من عدم استخدام علامات اقتباس أو علامات ترقيم أخرى قبل وبعد نص الوجه المبتسم.
أين يتم الاحتفاظ بصور الوجوه المبتسمة الخاصة بي؟ (Where Are My Smiley Images Kept?)
تم العثور على رسومات صور الوجوه المبتسمة (Smileys أو Emoticons) في المجلد /wp-includes/images/smilies.
لاحظ أن كلمة Smileys تتهجى بـ 'eys' في هذا الدليل، بينما اسم المجلد الخاص بصور الوجوه المبتسمة هو 'smilies' وتتهجى بـ 'ies'.
كيف يمكنني جعل صور وجوه مبتسمة مختلفة تظهر؟ (How Can I Have Different Smiley Images Appear?)
أسهل طريقة هي تصفية الوجوه المبتسمة (filtering the smilies).
قم بتحميل الصور التي تريدها بنفس الاسم إلى خادمك (على سبيل المثال في wp-content/images/smilies) وقم بتضمين هذا الكود في ملف functions.php الخاص بقالبك:
|
1
2
3
4
5
|
add_filter( 'smilies_src', 'my_custom_smilies_src', 10, 3 );function my_custom_smilies_src( $img_src, $img, $siteurl ){ return $siteurl.'/wp-content/images/smilies/'.$img;} |
سيؤدي ذلك إلى استبدال http://example.com/wp-includes/images/smilies/icon_question.gif بـ http://example.com/wp-content/images/smilies/icon_question.gif
لماذا تكون صور الوجوه المبتسمة الخاصة بي فارغة؟ (Why are my Smiley Images Blank?)
إذا قمت بتحميل الصور مؤخراً، فقد يكون السبب هو أن الصور قد تم تحميلها بتنسيق ASCII بواسطة برنامج FTP الخاص بك. قم بإعادة تحميل الوجوه المبتسمة مع التأكد من نقلها بتنسيق BINARY (ثنائي).
تحتوي بعض برامج FTP على إعداد اكتشاف تلقائي (auto-detect) والذي سيقوم بتحميل الملفات بالتنسيق الصحيح دون تدخل المستخدم. إذا كان لديك مثل هذا الإعداد، قم بتفعيله.
تنسيق CSS للوجوه المبتسمة (Smiley CSS)
يتم منح صور الوجوه المبتسمة في ووردبريس تلقائياً فئة CSS تسمى wp-smiley عندما يتم عرضها في المقال. يمكنك استخدام هذه الفئة لتنسيق الوجوه المبتسمة بشكل مختلف عن صور المقالات الأخرى.
على سبيل المثال، ليس من غير المألوف إعداد الصور في المقال لتظهر على الجانب الأيسر من المحتوى مع تدفق النص حول الصورة. قد تبدو أكواد CSS الخاصة بذلك كالتالي:
|
1
2
3
|
.post img { float: left;} |
عادةً ما يؤثر هذا على جميع الصور في المقال، بما في ذلك صور الوجوه المبتسمة الخاصة بك. لتجاوز ذلك بحيث تبقى الوجوه المبتسمة في سطر النص (inline)، يمكنك إضافة هذا إلى ملف CSS الخاص بك:
|
1
2
3
|
img.wp-smiley { float: none;} |
لمزيد من المعلومات حول CSS في ووردبريس، قد ترغب في الابتدأ من هنا.
