صمم theme المدونة بنفسك على blogger(تكملة3)

أعلم أنني أتأخر ولا ألتزم بوقت معين في كتابتي لتدويناتي لكن الله أعلم بما في نفسي من إشتياق لكم ولكتابة تدوينة أخرى خصوصا بعد وعدي لكم بشرح وافي وبسيط لتصميم
 .  للمدونة theme

:نبدأ التكملة الآن

اليوم سأتحدث عن شيء آخر لم أذكره سابقا حين وضحت بعض المصطلحات عن
CSS

وهو المتغيرات
 هل الإسم غريب عليكم لا تقلقوا سأبسطه تماما..
ما هو المتغير ربما نستطيع تبسيطه بكلمة صندوق كما
يحب البعض وصفه.
حسنا ستقولون ما دخل الصناديق بالتصميم في الكمبيوتر؟
سأقول ببساطة التشابه بينهما هو الوضيفة :)
فما نفعله بالصناديق نفعله بالمتغيرات أو بالإنجليزية
variable
الآن وضيفة الصندوق هي أن نضع فيه شيء حتى وقت الحاجة إليه.
كذلك المتغير نضع فيه خاصية متى إحتجنا إليها نخرجها.
سأعطيكم مثالا حيا لكن قبل المثال تذكروا أن وضيفة المتغير في theme blogger
  هو تنسيق الألوان والخطوط الخاصة به لكن لا أعتبره شرطا في
theme.
ننطلق الآن إلى تمثيلها بالتطبيق :

<Variable name="bodybgColor" description="Body Background Color"

type="color" default="#E1D4C0" value="#f9f2e7">


نقوم بتشريح الكود وشرحه:

أولا أعطينا إسم المتغير بكتابة
variable name

وأعطيناه وصفا بكتابة
description

وقمنا بإعطاء نوع المتغير والمقصود بنوعه هنا هو هل هو لون أم نص؟

ونكتب في الأخير الإفتراضي والقيمة المطروحة

أعلم أنكم في الجملة الأخيرة لم تفهموا

لذا سأبسط أكثر:

الإفتراضي المقصود بها إن لم تجد القيمة الموضوعة فخذ الإفتراضية.

سأعود إلى التشبيه الأول الذي وضعته في البداية وهو الصندوق قلنا نضع فيه الأشياء.

تخيلو معي أن هناك صندوقا وضعنا فيه كرة و كانت في داخله كرات كثيرة مختلفة ألوانها

وسألنا أخانا الصغير أن يأتينا بالشيء الذي وضعناه في الصندوق مع العلم أنه لم يرنا عندما وضعنا الكرة. هل سيفهم ما بداخل الصندوق؟

مستحيل.

كذلك المتصفح في الإنترنت.

إذا.... لنخبر أخانا الصغير بإحضار ما في الصندوق يجب: أن نذكر له أن إسمها كرة لونها كذا ونوعها كذا

وإن لم تجد الكرة التي نريدها أحضر لنا غيرها.

بهذه البساطة كونا متغيرنا.

في المرحلة القادمة سناحول التعمق أكثر بتجريب أمثلة :).

شارك هذا مع أصدقائك