عند إنشاء مدونة Tumblr جديدة ، يقوم النظام بإنشاء نموذج افتراضي به إعدادات يمكنك ضبطها. كما يشير Tumblr ، تمنحك هذه المرونة القدرة على اختيار صفحة مدونتك بشكل أكثر جاذبية وإضفاء لمسة شخصية عليها. حتى إذا كنت لا تفهم HTML ، يمكنك تطبيق تحديث بسيط على القالب لإبراز العناوين في مشاركاتك النصية.
تصميم صفحة الويب 101
يغير مالكو مواقع الويب الطريقة التي تظهر بها صفحات الويب الخاصة بهم عن طريق إضافة سمات وقيم ورقة الأنماط المتتالية إلى التعليمات البرمجية الخاصة بهم. تحدد قيمة سمة اللون ، على سبيل المثال ، لون الكائن. يستخدم الأشخاص سمة لون الخلفية لخلفيات الألوان. يمكنك أيضًا استخدام سمة حجم الخط لتغيير خط عنصر النص. من خلال تطبيق سمة CSS واحدة أو أكثر على كود HTML الخاص بمدونة Tumblr ، يمكنك تخصيص عناصرها.
ابحث عن رمز القالب الخاص بك
إذا قمت بزيارة لوحة تحكم Tumblr الخاصة بك والنقر فوق "تخصيص" ، يمكنك فتح محرر HTML بالنقر فوق "تحرير HTML" في اللوحة اليمنى لتخصيص المظهر. إذا كنت لا ترى "تعديل HTML" ، فمرر إلى أعلى اللوحة للعثور عليه. عندما تفتح الصفحة ، اضغط على "Ctrl-F" واكتب "post .title" في مربع البحث (بدون علامات الاقتباس). ينتقل المحرر إلى سطر التعليمات البرمجية الذي يقرأ "#wrapper #content .post .title {."
نمط HTML الخاص بك
تحدد سمات CSS التي تضيفها بعد سطر التعليمات البرمجية الذي وجدته طريقة ظهور عناوين مشاركاتك. اختبر هذا عن طريق لصق "color: red؛ background-color: yellow؛ text-decoration: underline؛" بعد هذا الخط. لا تستخدم الاقتباسات. تعمل هذه السمات الثلاث على تغيير اللون ولون الخلفية وزخرفة النص لعناوين مشاركاتك إلى اللون الأحمر والأصفر والتسطير. انقر فوق "معاينة التحديث" متبوعًا بـ "حفظ" وقم بزيارة صفحة لوحة التحكم في Tumblr. انقر فوق صورة ملف التعريف الخاص بك وسترى صفحة المدونة الخاصة بك كما يفعل الآخرون. ستعرض المشاركات التي لها عناوين السمات الجديدة التي أضفتها.
حافظ على تحديث مدونتك
قم بتغيير قيم سمات CSS الخاصة بك متى أردت تصميم نص العنوان بشكل مختلف. على سبيل المثال ، إذا كنت تريد نصًا أخضر على خلفية حمراء يومًا ما ، فقم بتغيير الألوان الموجودة إلى هذين اللونين. يمكنك أيضًا استبدال التسطير بخط علوي أو خط أو بلا. إذا كنت ترغب في تغيير حجم الخط أيضًا ، فقم بلصق "حجم الخط: 22 بكسل" في نهاية الشفرة التي أضفتها. لا تستخدم الاقتباسات. استبدل 22 بحجم البكسل الذي ترغب في استخدامه للنص. في هذا المثال ، سيكون الحجم 22 بكسل. القيم الأكبر تنشئ نصًا أكبر والقيم الأصغر تنشئ نصًا أصغر. قم بزيارة موقع مثل W3Schools.com يعرض أسماء الألوان الأخرى التي يمكنك استخدامها لتصميم مدونتك (رابط في الموارد).
