امروزه ایجاد وب سایت خود دشوار نیست ، حتی اگر دانش خاصی در زمینه طراحی وب و برنامه نویسی نداشته باشید. در هر زمان می توانید از انبوه الگوهای مختلف ارسال شده در اینترنت استفاده کنید و بر اساس الگوهای آماده ، وب سایت خود را در شبکه ایجاد و منتشر کنید. با این حال ، همه از نسخه سایتی که الگو ارائه می دهد رضایت کامل ندارند. ما در این مقاله به شما خواهیم گفت که چگونه الگوی سایت را تغییر دهید و آن را منحصر به فرد کنید.
دستورالعمل ها
مرحله 1
الگو را بارگیری کنید و فایل style.css را در آن پیدا کنید. به طور معمول این پرونده در پوشه public_html قرار دارد.
گام 2
فایل style.css را در دفترچه یادداشت باز کنید و قطعه کد را پیدا کنید که مسئول ظاهر و احساس بالای سایت است. این قطعه به این شکل است:
# لاگوتایپ {
پس زمینه: url (images / logotype.png) بدون تکرار مرکز سمت چپ #fff؛
عرض: 230 پیکسل
ارتفاع: 60 پیکسل
حاشیه: 10px 25px؛
موقعیت: نسبی؛
مرحله 3
در این کد ، در خط پس زمینه: url ، باید مسیر تصویر پس زمینه سایت آینده را مشخص کنید. خطوط بعدی طول و ارتفاع تصویر را نشان می دهد و مورد حاشیه تورفتگی عمودی و افقی تصویر را تعریف می کند.
مرحله 4
فایل logotype.png
مرحله 5
تصویر پس زمینه را در پوشه public_html / tmpl / template_name / Images / بارگذاری کنید ، پس از آن ، همانطور که در بالا ذکر شد ، مسیر تصویر را در خط پس زمینه: url بنویسید.
مرحله 6
در صورت لزوم ، پارامترهای ارتفاع ، طول و جابجایی تصویر را دوباره بنویسید. موقعیت: خط نسبی را می توان تنها گذاشت. تغییرات موجود در فایل را ذخیره کرده و به جای فایل الگوی قدیمی در سرور بارگذاری کنید.
مرحله 7
اگر می خواهید آرم سایت پاورقی را تغییر دهید ، در style.css به دنبال قطعه کد باشید که با کلمات logotype-footer شروع می شود. تصویر را با آرم جدید ذخیره کرده و در پوشه تصاویر الگو بارگذاری کنید.
مرحله 8
پارامترهای طول و ارتفاع را تغییر دهید. دوباره فایل style.css را ذخیره کرده و سایت به روز شده را در سرور بارگذاری کنید.
