كيف تضع خلفية لتدوينتك ؟

16 04 2010

مرحبا أعزائي .. شرحت سابقاً عدة إضافات جديدة يمكن استخدامها في مدونات wordpress.com مثل (PlayList Player , ducument & slide show , الصناديق النصية الملونة ) هي ليست إضافات تماماً، فكما تعلمون الووردبريس المجاني لا يدعم الإضافات، ولكنها أدوات مفيدة لتحسين  طريقة عرض المحتوى التدويني وإعطاء بعض الخصوصية لمظهر المدونة..ويمكن اعتبارها مجرد خيار آخر يضم إلى الخيارات القليلة التي يوفرها الموقع ..لكن والحق يقال فالملاحظ أن ووردبريس المجاني في تطور دائم ومستمر، وليس بعيداً أن يصبح داعماً للإضافات تماماً مثل ووردبريس الخاص..على كل حال أنا لا أمهد للبقاء هنا طويلاً، ولا بد أن يأتي يوم أحمل أمتعتي وألملم أوراقي وأنتقل إلى مكان آخر أكثر راحة واستقرار! 
أخشى أني استغرقت في الحديث ونسيت موضوع التدوينة الأساسي..اليوم سنتكلم عن إضافة جديدة ، وهي كيفية وضع خلفية للتدوينة عبارة عن صورة أو تصميم أو ما شابه ..
background-paint2 

لا أدري ما هي الفائدة الكبيرة من وضع خلفية للتدوينة، لكنها تبدو فكرة جميلة وتعطي مظهر مميز للمدونة، وربما تكون مفيدة للمدونات ذات الطابع الأدبي.
لحظة ..تذكرت أني استخدمتها سابقاً في هذه التدوينة كمذكرة كتبت عليها الأفكار..
دعونا نقوم بتجربة صغيرة توضح الأمور :

لنفرض أنني أكتب الشعر (قلنا فرضاً) وأريد أن أكتب قصيدة شاعرية عن الليل والحبيبة وما إلى ذلك.. وأريد أن أضيف على خلفية النص بعض اللمسات الفنية، لذا فكرت في استخدام خلفية إيحائية معبرة مثل هذه ..لنجرب ذلك :

أنت قمري ..
لا بل أنت ليلي الذي أشكو له كدري..
أم أنك البحر يغمرني …بموجه الهدار حتى ينمحي أثري..
أم أنك الغيمة البيضاء تحجبني …عن عالمي المستعر بالشرر..
أم أنك الزورق الذهبي يحملني ..من شاطئ الأصداف حتى شاطئ الدرر.
يا زورق الأحلام أبعدني ..عن عالمي المهجور وأخذني ..إلى أرضٍ بها قدري..
ناشدتك بالليل ألا تختفي ..عند الصباح وتقطعي سهري. 
قلبي بقربك أضحى خافقاً حياً ..أرجوك عودي..
لا تتركيه ..يعود لطبعه الحجري.

أولاً يراودني شعور أن الشاعر لديه مشكلة في تحديد طبيعة المحبوبة، ولمعالجة ذلك أقترح بوضع عدة فرضيات واختبار كل منها على حدا ، ولا بد في النهاية أن يصل إلى نتيجة!
الأمر الآخر هو أني أعتقد أن تجربة الخلفية كانت ناجحة ..فقد خيّل إلي أن القصيدة رائعة وتستحق أن تسجل وتحفظ ،ولا شك في أن هذا من تأثير الخلفية على النص 🙂

الآن نأتي لشرح الطريقة :
الطريقة هذه المرة سهلة ولا تحتاج لخطوات :
في صفحة تحرير التدوينة ننتقل إلى نمط تحرير html ونضيف هذا الكود في المكان الذي نريد :

<div style="width: 450px; background: url(رابط الصورة); height: 350px">هنا أكتب النص الذي تريده </div>

ثم نقوم ببعض التعديل على الكود فنضع رابط الصورة أو الخلفية التي نريدها في المكان المخصص ، ونعدل أبعاد الصورة بشكل مناسب، ونضيف النص المطلوب.
background-post 

تلميحات ونصائح :
يفضل التقليل من حدة ألوان الصورة أو شفافيتها قبل استخدامها كخلفية.
عرض الصورة (width) يجب أن لا يزيد على عرض صفحة المدونة، في الغالب 500 px هو
………الحد الأقصى.
يمكن تغيير لون خط الكتابة بحيث يتناسب مع لون الخلفية.
إذا كنت تدون باستخدام WLW ستكون الطريقة أكثر سهولة.

انتهت التدوينة ..اعذروني على الإطالة.


إجراءات

Information

22 تعليق

16 04 2010
spocrep

أجمل مافي الموضوع هو القصيدة راقت لي كثيرا 😉
لايسعني التحدث كثير هذه المرة – فعل ما أحب أكثر شيء- فليس لدي سوى الشكر لك على مشاركتنا بالفكرة, وأسلوب الكتابة الممتع.

21 04 2010
majjood

أهلاً صديقي spocrep..أعجبتك القصيدة!
إذاً ترقب ديواني الكامل قريباً في الأسواق 🙂

23 04 2010
عاشقة العلم

شكرا كتييييييييييييير الك على النصيحه
http://z6h9aj.wordpress.com

28 04 2010
madrileh

فككره رااااااااااااااااائعه

شكرااااااااااااااااااااا

2 05 2010
fatoo jg

شكرا على الكود ويعطيك الف عافيه

11 05 2010
Xarbi

أشكر أخي على هذه التدوينة الرائعة و الطريقة الجميلة لإضافتها للتدوينه

جزاك الله كل خير

21 07 2010
غالية

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

( ) رابط الصورة اضعه داخل الاقواس ام لا

21 07 2010
majjood

@عاشقة العلم @madrileh@ fatoo jg@ Xarbi :
وأنتم أيضاً شكراً لكم

@غالية :
نعم. الرابط ضعيه ضمن الأقواس ، ولا تنسي عمل ذلك داخل نمط تحرير html وليس نمط التحرير الظاهري.

27 07 2010
b7arh

أعلم أن هنا ليس مكانا لهذا الرد لكن اعذرني :$

شفت موضوع لك في وورد برس عن اضافة صوت للمدونة لكن للأسف

وصلت تقريباً للنهاية لكن ما وصلني أي شي او مدونة على مدونتي

شنو الحل ..؟

مرة آخرى اعتذر

شكراً

27 07 2010
bint15aboha

جميل جداً

بالتوفيق ..

29 07 2010
shamma77

رائع وجميل نجحت التجربة

29 07 2010
majjood

@ b7arh :
الحل هو التأكد من الخطوات والمحاولة مرة ثانية وإن شاء الله تنجح معك

@ bint15aboha @ shamma77
أهلاً ومرحبا بكم 🙂

29 09 2010
qopaamath1

تشكر على الكود

7 10 2010
aso0o1a

ما عرفت من وين احصل ع كلمة http قصدكم مكان نفتح فيها الصفحات النت

الحين بس عملت لنفسي مدونة ع وورد بريس

7 11 2010
Fantastic Girls

شكراً على الطريقة .. وتمت تجربتها ونجاحها
نشكرك لهذا الصنيع

12 12 2010
☺..•mĕmŏŏ•..☺

جزاك الله خير ع الشررح
بس لو تعرف كيف اضيف صوت للوردبريس بليزززز اشرحلي محتاجته ضروري
يعني أول ما أفتح مدونتي يفتح الصوت تلقائي
وياليت يكون الشررح بالتفصيل
وثاانكس ^^

1 04 2011
silent

شرح جميل ووافي ..

شكراً لك

22 07 2011
bratite76

جزاك الله أخي

1 08 2011
sh5abe6

thanks my sister

29 12 2011
kioushamza

والله روعة تسلم

7 09 2012
krictal

وله جميل شكرا جزاكالله خيرا

24 10 2012
مصري وافتخر

thnk you

اترك رداً على shamma77 إلغاء الرد