تصميم مواقع | خامات تصميم | برمجيات | css |design | vectors

Posts tagged ‘تنسيق’

طريقة زيادة ازرار المحرر المرئي للوردبريس – YourColor

yourcolor.net

YourColor.Net

yourcolor.net

السلام عليكم ورحمة الله وبركاته

المحرر المرئي في الوضع الافتراضي يعرض فقط بعض الازرار. وقد تحتاج في بعض الاحيان الى ازرار اخرى تساعدك في التنسيق ولا تجدها فتضطر الى تركيب اضافة للمحرر المرئي المتطور. ولكن اليوم وجدت حل يمكننا من اضافات الازرار بدون استعمال اي اضافة فقط ادراج كود بسيط في ملف الخصائص للقالب

بعض الازرار تحتاج تنسيق خاص بها من القالب المستعمل لهذا يرجى تعيينها في ملف تنسيق القالب style.css

طريقة اضافة هذه الازرار سهلة للغاية, فقط قم بفتح ملف الخصائص (functions.php) وقم باضافة الدالة التالي :

function enable_more_buttons($buttons) {
  $buttons[] = ´hr´;
  $buttons[] = ´sub´;
  $buttons[] = ´sup´;
  $buttons[] = ´fontselect´;
  $buttons[] = ´fontsizeselect´;
  $buttons[] = ´styleselect´;
  return $buttons;
}
add_filter("mce_buttons_3", "enable_more_buttons");

والنتيجة ستكون بالشكل التالي :

YourColor.Net
هنا قمنا باضافة ازرار لنوعية الخط و حجم الخط ,التنسيق الى اخره ويمكنك ايضا اضافة المزيد من الازرار بالاستعانة بالقائمة التالية من موقع tinymce قم باختيار اي زر واضفه اسفل المتغيرات الموجودة بالدالة ناخد مثالا هذا الزر cleanup

function enable_more_buttons($buttons) {
 $buttons[] = ´hr´;
 $buttons[] = ´sub´;
 $buttons[] = ´sup´;
 $buttons[] = ´fontselect´;
 $buttons[] = ´fontsizeselect´;
 $buttons[] = ´styleselect´;
 /** هكذا نضيف الكود */
 $buttons[] = ´cleanup´;
 return $buttons;
}
add_filter("mce_buttons_3", "enable_more_buttons");

بعض الازرار من موقع tinymce تحتاج اضافات خاصة بها  راجع وثائق الموقع لمعرفة المزيد

المهم اتمنى ان تستفيدوا من هذه الطريقة

اذا كان هناك اي استفسار يرجى وضع تعليق

والسلام عليكم ورحمة الله وبركاته

الاكاديمية العربية لفنون التصميم و الجرافيك

التعديل على ملف الستايل في القالب (تغيير الخط) – Yourcolor

 الووردبريس wp

yourcolor.net
yourcolor.net

yourcolor.net

هذا درس خاص للمبتدئين
حبيت أتطرق فيه الى طريقة تنسيق الخط
سنحتاج أداة مهمة الا وهي fireBug الخاصة بالفايرفوكس
بعد تنزيل الfireBug..

نذهب للصفحة الرئيسية
فرضاً أننا نريد تغيير لون الخط
نظلله
وبالضغط على الزر الايمن للفأرة
واختيار inspect element

 

yourcolor.net

تنسيق الخط

وسيظهر لدينا الكلاس الخاص في تنسيق الخط الموجود في ملف الستايل

 

yourcolor.net

تغيير الخط

لاحظ الكلاس .article .title a

نذهب لملف الستايل الموجود في ملف القالب
ونبحث عن كلاس .article .title a
ونستطيع تغيير color الى اي لون نريده
مثلاً

الاكاديمية العربية لفنون التصميم و الجرافيك

[إضافة] (amusements ) أضف الصور للقائمة الجانبية وعلق عليها بسرعة وسهولة – yourcolor

[إضافة] (amusements ) أضف الصور للقائمة الجانبية وعلق عليها بسرعة وسهولة

yourcolor.net

yourcolor.net

yourcolor.net
قد يقول البعض :
أنا لستُ محتاجاً لهذه الإضافة .. بإمكانني التعديل على السايدبار بدون هذه الإضافة …
لا بأس .. يمكنك ذلك .. لكن دعني أسألك سؤال:
ماذا قرأت هذا الأسبوع من الكتب وأعجبك ؟
هل تريد إضافة صورة غلاف الكتاب إلى السايدبار وتعليقك معه
يا ترى .. ماذا ستقرأ غداً أو بعد غد … كم من الصور ستعجبك كل يوم .. أو البنرات
لا تقل لي في كل مرة ستعدل على السايدبار …
كذلك لست مظطرا للتعب أو التنسيق عن طريق أكواد php
1- قم بتحميل هذه الإضافة ومن ثم تفعيلها
2- ضع هذا الكود في المكان الذي تريد في السايدبار أو غيره

<?php get_amusements(); ?>

3- من قائمة إعدادات قي لوحة التحكم اختر Amusements
أضف الصور التي ترد .. عدل حجمها كما تريد .. علق عليها كما تريد
ملاحظة :
أعجبني في الإضافة أنه بإمكانك كتابة أي نص وبمجرد وضع الزائر للماوس على الصورة يظهر النص ..
تحميل

معرض الوسوم