كيفية وضع قوالب CSS في Weebly

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

1

سجّل الدخول إلى حسابك على Weebly وانقر على "تعديل" بجوار موقع الويب الذي تريد تعديله. إذا كنت تريد إنشاء موقع ويب جديد ، فانقر فوق الزر "إضافة موقع" بدلاً من ذلك.

2

انقر فوق علامة التبويب "تصميم" في محرر Weebly ، الصفحة التي تسمح لك بتعديل صفحة Weebly الخاصة بك وتخصيصها.

3

انقر فوق "تحرير HTML / CSS" في الزاوية اليمنى العليا من قسم معاينة الصفحة أسفل التصميمات المتاحة. سيؤدي هذا إلى فتح CSS و HTML لموقع الويب Weebly الحالي الخاص بك كما هو. احصل على الشعور به ؛ على الشريط الجانبي سترى "main-style.css" بالإضافة إلى صفحة HTML لكل صفحة على موقع الويب الخاص بك.

4

حدد "main-style.css" لعرض ورقة الأنماط في محرر Weebly. يمكنك إدخال ورقة أنماط مخصصة تمامًا أو تحرير ورقة الأنماط كما صممها Weebly.

5

قم بتغيير أي عناصر ضرورية في صفحات HTML الخاصة بك. إذا كنت تستخدم تخطيط CSS مخصصًا بالكامل ، فستحتاج إلى إدخال تنسيق HTML المطابق لذلك التخطيط في صفحة الفهرس وأي صفحات أخرى أضفتها إلى موقع الويب الخاص بك. إذا كنت لا تزال ترغب في ذلك ، فيمكنك استخدام محرر Weebly للمحتوى ، مثل "{content}" حيث تريد أن يكون محتوى Weebly الخاص بك. يمكنك أيضًا استخدام {footer} و {title} للإشارة إلى المكان الذي تريد من Weebly فيه إدراج المحتوى فيه.

6

انقر فوق "حفظ" لإجراء التغييرات على موقع Weebly الخاص بك.