يضبط نسق Tumblr مظهر وتنسيق كل المحتوى في مدونتك ، من حجم الصور إلى نمط الخطوط. يمكنك تعديل أي سمة من سمات Tumblr ، سواء كانت مجانية أو مميزة ، من خلال زيارة شاشة التخصيص. تعد بعض معلومات HTML (لغة ترميز النص التشعبي) و CSS (أوراق الأنماط المتتالية) مفيدة ، ولكن يمكنك إجراء تعديلات أساسية حتى إذا لم تكن على دراية بتشفير مواقع الويب.
شاشة التخصيص
انقر على رابط "تخصيص" للدخول إلى شاشة التخصيص ، والتي تمكنك من تغيير عنوان مدونتك ووصفها وجميع الخيارات المتاحة في نسختك الحالية. حدد "تصفح المظاهر" إذا كنت تريد التبديل إلى سمة مختلفة. لاحظ خيار "إضافة صفحة" الذي يمكنك استخدامه لإنشاء صفحات وروابط ثابتة بجانب مشاركات مدونتك. يمكّنك رابط "الخيارات المتقدمة" من تعيين عدد المنشورات المعروضة على كل شاشة ، وإجبار الروابط على الفتح في نافذة جديدة وتنشيط عرض Tumblr الافتراضي للجوال لمدونتك.
خيارات السمة المضمنة
يمكن لمؤلفي السمات تضمين مجموعة من الخيارات المدمجة في سماتهم - وهذا يعني أنه يمكنك تغيير الألوان والخطوط والمتغيرات الأخرى دون تغيير الكود الفعلي للموضوع نفسه. تم توفير الخيارات المدرجة على يسار شاشة التخصيص من قبل المؤلف. هذه تختلف من موضوع إلى موضوع ، ولكنها قد تغطي ألوان الخطوط وأحجامها ، والخلفية وصور الرأس ، وخيارات الشريط الجانبي والتخطيط ، والتمرير اللانهائي ، وعرض العلامات والملاحظات وخيارات عنصر واجهة المستخدم. بالإضافة إلى ذلك ، قد تكون هناك حقول لك لإدخال رموز اسم المستخدم لـ Google Analytics و Typekit و Instagram و Twitter وخدمات الطرف الثالث الأخرى.
إضافة CSS مخصص
تستفيد سمات Tumblr من CSS لتعيين نمط النص الأساسي والصور والعنوان على موقعك. وهي تعمل بنفس الطريقة التي تعمل بها أوراق الأنماط في معالج النصوص ، مما يسمح للمستخدم بالتوصل إلى مجموعة موحدة من تنسيقات الخطوط التي يتم تطبيقها عبر الموقع. انقر فوق "تحرير HTML" في شاشة التخصيص لدراسة HTML الموجود للسمة: يجب أن يكون CSS إما مضمنًا في HTML نفسه أو سيكون هناك رابط لملف .css مستضاف في مكان آخر على Tumblr. استخدم قسم Add Custom CSS في صفحة Advanced Options لإدخال كود CSS الخاص بك إذا كنت تريد تجاوز ورقة الأنماط الافتراضية للنسق.
تحرير موضوع HTML
بالإضافة إلى إضافة CSS مخصص ، يمكنك أيضًا تعديل سمة HTML مباشرةً عبر رابط "تحرير HTML" في شاشة التخصيص. عادةً ما يتم استخدام كود HTML لتحديد تخطيط الصفحة وهيكلها ، والتحكم في العناصر التي يتم عرضها ومكان وضعها ؛ يهتم كود CSS بشكل أكبر بمظهر وأسلوب النص والحدود والصور. إذا قمت بتحرير سمة HTML مباشرةً ، فسيقوم Tumblr بتعطيل ميزة التحديث التلقائي للقالب من أجل الحفاظ على تغييراتك - وهذا يعني أنه إذا تم إصدار تحديث السمة في المستقبل ، فستحتاج إلى تثبيته يدويًا (ثم إعادة تطبيق تعديلات HTML).
كيف أفعل...؟
تعتمد التعليمات البرمجية لـ CSS و HTML التي تحتاجها لإجراء تغييرات على الطريقة التي تمت بها كتابة السمة بواسطة مؤلفها. يستخدم مطورو الويب المختلفون هياكل HTML و CSS مختلفة ، ولكن إذا قضيت بعض الوقت في النظر إلى الكود الحالي ، فيجب أن تكون قادرًا على رؤية الطريقة التي تم بها تطبيق الألوان والأنماط. إذا كنت بحاجة إلى بعض الدروس الأساسية حول نوع تعديلات HTML و CSS التي يمكنك إجراؤها ، فهناك الكثير من البرامج التعليمية عبر الإنترنت على مواقع مثل W3Schools و Webmonkey و HTMLDog. هناك أيضًا موارد ذات صلة في مركز مساعدة Tumblr ، ويمكنك أيضًا الاتصال بمؤلف الموضوع مباشرةً للحصول على المؤشرات.
