كيفية تحرير قالب Blogspot في Dreamweaver

مؤلف: Roger Morrison
تاريخ الخلق: 22 شهر تسعة 2021
تاريخ التحديث: 10 قد 2024
Anonim
تصميم موقع بسيط باستخدام Dreamweaver
فيديو: تصميم موقع بسيط باستخدام Dreamweaver

المحتوى

قوالب Blogspot ، والتي تسمى أيضًا قوالب Blogger ، هي ملفات تحتوي على بنية وأسلوب ووظائف تتحكم في كيفية ظهور مدونتك على Google. إنها تشبه ملفات HTML ، بمعنى أنها تستخدم علامات HTML وأنماطها ودعمًا محدودًا لاستخدام Javascript. الفرق هو أن قالب Blogspot يضع كل هذه المعلومات في ملف واحد ، ويمكن للقالب التقليدي استخدام ملفات متعددة. كما أنها تستخدم علامات Blogger الخاصة لسحب كتل من النص أو الروابط أو وظائف أخرى يمكنك تنظيمها في حساب Blogger الخاص بك. يتطلب تحرير هذه القوالب في Dreamweaver معرفة أساسية بتنسيق HTML حيث أنك لن تكون قادرًا على استخدام المحرر المرئي لرؤية التصميم النهائي.


الاتجاهات

تستخدم قوالب Blogspot و Blogger CSS و HTML في نمط وعلامات Blogger لعرض المعلومات (كومستوك / كومستوك / غيتي إيماجز)
  1. انقر فوق "فتح ملف" على الشاشة الرئيسية لـ Dreamweaver وانتقل إلى موقع ملف القالب المحفوظ. يجب أن تكون القوالب ملفات XML. إذا قمت بتنزيل ملف واحد على ملف مضغوط ZIP ، فيجب عليك أولاً فك ضغطه قبل فتحه. بشكل افتراضي ، يتم فتح الملف في محرر الكود.

  2. تعرف على التنسيق الذي يتم به بناء القالب. أسفل إعلان HTML وفي النص ، سيبدأ "الجلد" بعلامة Blogger ""عادة ما يتم تعريف كل أنماط الخط واللون باستخدام المتغيرات ، بدلاً من أن يتم سردها في فئات CSS. قم بتغيير إعدادات" القيمة الافتراضية "و" القيمة ". ) عند الضرورة ، تأكد من أن قيمك الجديدة تنتهي بـ "؛" وأن تكون محاطة بعلامات اقتباس. على سبيل المثال ، تقوم مجموعة المتغيرات التالية بتعيين اللون الأسود على الخلفية:

  3. تحرير أو إضافة أنماط CSS الخاصة بك. إنهم يتبعون البنية التقليدية ، لكن لا يتم احتواؤها بالعلامات. على سبيل المثال ، لتغيير طول الشريط الجانبي الأيمن إلى 120 بكسل ، يمكنك تحرير بيان النمط التالي (أو ما شابه):


    rightsidebar

    {العرض: 120 بكسل ؛ }

    عندما تصل إلى نهاية النمط ، احرص على عدم حذف أو تعديل علامة Blogger لإغلاق الجلد ، والتي تبدو كما يلي:

  4. قم بتحرير جزء HTML من المستند عن طريق إضافة علامات HTML أو إزالتها أينما تريد. إذا كنت تقوم بإنشاء أنماط CSS جديدة ، فأضف قيم الفئة أو المعرّف إلى علامات HTML من هنا. يمكنك أيضًا إضافة صور باستخدام مسار URL إلى المكان الذي سيتم تخزينه فيه ، ولكن قد يكون من الأسهل إضافة عناصر مرئية باستخدام محرر القوالب في منطقة الإدارة في Blogger بعد تنشيط القالب الذي تم تعديله.

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

  6. احفظ الملف بالنقر فوق "ملف> حفظ" والتأكد من أن نوع الملف يبقى XML. قم بتحميل القالب الجديد المعدل إلى صفحة مسؤول Blogger ، ثم قم بتمكينه من رؤية النتائج. استخدم محرر القالب للبقع البسيطة أو التغييرات إذا لزم الأمر.


نصائح

  • استخدم الوظيفة الإضافية Firebug في Firefox لفحص أجزاء من تخطيط المدونة الخاصة بك قبل تحرير القالب. ستعرض لك الوظيفة الإضافية كتلة HTML ونمط CSS لكل عنصر تنقره ، مما يسهل رؤية التغييرات. يحتوي مستعرض Opera على هذه الوظيفة المدمجة في قائمة النقر بزر الماوس الأيمن.

تحذير

  • لا تحاول استخدام العلامات لاستيراد الأنماط من مواقع أخرى أو استخدام JavaScript أو لصق أي JavaScript مباشرة في القالب الخاص بك. يسمح Google فقط باستخدام العناصر المعتمدة من خلال عناصر واجهة التعامل Blogger ، والتي يتم تضمينها في القالب الخاص بك عن طريق علامات البرنامج.