هل تكتب مقالات علمية أو فكرية أو تنشر تقارير إخبارية أو مقابلات في مدونتك؟ إذا كنت تقوم بأي من ذلك فإنك تستطيع أن تجعل مدونتك أكثر إحترافية عبر إضافة “إقتباسات” لأهم ما ورد في تدويناتك. سأشرح لك في هذه التدوينة كيف تقوم بعرض الإقتباسات عبر تحديد خصائص دالة blockquote بالضبط كما هي معروضة في مدونة مقطوعات.
كما ترى من هذا المثال وغيره على مدونة مقطوعات، تُعرض الإقتباسات داخل “مربع أزرق” خاص بها في الجهة اليسرى من الصفحة. كل ما عليك القيام به لإضافة هذه الإقتباسات هو:
1- تعديل خصائص دالة blockquote
2- تحديد الإقتباس في المحرر
1- تعديل خصائص دالة blockquote
إذهب إلى ملف style.css و عدّل خصائص دالة blockquote (أو أضفها) لتصبح كما يلي: (تأكد من حفظ الملف)
blockquote p{ color:#333399; background-color:#F5F8FA; width: 150px; margin: 5px 15px 0px 0; padding: 5px 0 0 0; border-bottom:#4C739E 3px solid; border-top:#4C739E 3px solid; font-size: 1.15em; font-weight:strong; text-align: center; float: left; }
2- تحديد الإقتباس في المحرر
قم بتحديد الجملة (أو الجمل) التي تريد عرضها كإقتباس عبر تحديدها و النقر على زر الإقتباس في المحرر كما هو موضح في الصورة التالية:
لاحظ أنه بمجرد الضغط على زر الإقتباس ستتحرك الجملة إلى اليسار وتصبح غامقة اللون.
هذا كل شيئ! إحفظ التدوينة أو عاينها. ستجد الآن الجملة التي حددتها معروضة كإقتباس.
بالتوفيق، وما عليكم إلا السؤال إن إحتجتم أي مساعدة.




















9 تعليقات على “كيف تحدد خصائص عرض الإقتباسات”
جزاك الله خير..
درس وخاصيه ولا أروع..
أشكرك أخي فهمي..
تحياتي لك
جربتها عندي في المدونة، لكن النص لم يحصل له شيء غير أنه تحرك قليلاً إلى اليسار!
وعندي سؤال آخر أرجو أن يتسع له صدرك..
فأنا قد إستفدت من إحدى تدويناتك عن إدراج قائمة المحتويات..
لكن للأسف الشديد أجد النص يلتصق بجدول المحتويات، كما لم أستطع تغيير لون خلفية الجدول، فهل يمكن أن تساعدني في ذلك؟؟
أخي حسن،
بالنسبة للإقتباسات إذا لم يحصل شيئ فذلك يعني أن هناك خطأ في ملف الستايل..
تأكد أنك أضفت خصائص الدالة بالضبط كما هي وحفظت الملف.
أما بالنسبة للائحة المحتويات فعليك أن تزيد من الفراغات والحواشي من جهة اليمين عبر تعديل كل من
margin و padding في ملف الستايل..
بالتوفيق..
مشكور أستاذ صخر على ردك، وكتب الله لك الأجر..
لقد حاولت تغيير متغيرات المارجن وبادنج لكن لم ينفع معي.
فقد جربت تغيير
إلى
لكن لم ينفع، فأين الخطأ؟؟
وشكراً لك مجدداً
وآسف على الإزعاج..
أخي حسن..
يبدوا لي أنك لم تستتخدم الكود بالضبط كما هو..
حاول إستخدلم الكود كما هو في التدوينة..
بالتوفيق..
تدويناتك رائعة ومفيدة جداً، جزاك الله عنا كل خير..
أشكرك عزيزي راسخ.. ومرحباً بك في ووردبرس بالعربي..
شكراً لك، موضوع مهم..
أضف تعليق (الرجاء عدم إستخدام اللهجة العامية)