نحوه ویرایش الگوی جوملا

فهرست مطالب:

نحوه ویرایش الگوی جوملا
نحوه ویرایش الگوی جوملا

تصویری: نحوه ویرایش الگوی جوملا

تصویری: نحوه ویرایش الگوی جوملا
تصویری: [دوره کامل] سفارشی سازی قالب جوملا برای مبتدیان 2024, ممکن است
Anonim

برای ایجاد فردیت به سایت ، مدیر وب سایت الگوی اصلی را تنظیم می کند ، زیرا طراحی چهره سایت است. تعداد زیادی از طرح های چیدمان را می توان از اینترنت امروز بارگیری کرد ، و ظاهری بسیار دلپذیر خواهند داشت. به طور معمول ، الگوهایی که از وب کپی شده اند ویرایش می شوند تا سایت منحصر به فرد شود.

نحوه ویرایش الگوی جوملا
نحوه ویرایش الگوی جوملا

لازم است

  • - نمایشگر تصویر؛
  • - FileZilla ؛
  • - ویرایشگر متن Notepad ++.

دستورالعمل ها

مرحله 1

برای مشاهده و ویرایش فایلهای الگوی خود از FileZilla استفاده کنید. با کمک آن می توانید به صورت آنلاین با فایل های پیکربندی کار کنید. به طور معمول ، 3 فایل برای تغییر طراحی سایت پردازش می شوند: index.php ، template.css و templateDetails.xml.

گام 2

"هدر" سایت عنصر صفحه است که از بالا به ابتدای محتوا می رود ، از این رو نام آن است. به آن هدر نیز می گویند. به عنوان یک قاعده ، فقط آرم یا هر تصویر دیگری (logo.jpg) باید در "عنوان" سایت جایگزین شود. محل آرم سایت در پرونده template.css است. آن را با Notepad ++ باز کنید.

مرحله 3

برای جستجوی یک مقدار ، از گزینه "Search for element" استفاده کنید: کلید ترکیبی Ctrl + F را فشار دهید و مقدار دلخواه را در قسمت خالی وارد کنید. اگر می خواهید عرض یا ارتفاع تصویر را در "هدر" تغییر دهید ، کلمه هدر را در نوار جستجو وارد کنید و کلید Enter را فشار دهید.

مرحله 4

در زیر کلمه مورد نظر شما خطوط: ارتفاع (ارتفاع) و عرض (عرض) را مشاهده خواهید کرد. این مقادیر را تغییر دهید ، سپس Ctrl + S را فشار دهید تا تغییرات شما ذخیره شود. در جعبه محاوره FileZilla ، روی دکمه Yes کلیک کنید.

مرحله 5

برای مشاهده تغییرات به سایت بروید. اگر از آنها راضی نیستید ، به پرونده برگردید و مقادیر جدید را وارد کنید.

مرحله 6

برای تغییر اندازه و نام قلم در صفحه اصلی سایت ، از جستجو استفاده کنید. کلمه body را تایپ کرده و کلید Enter را فشار دهید. در زیر این عملگر خطوط font-family (نام) و font-size (اندازه یا نقطه) وجود دارد. مقادیر آنها را تغییر دهید ، تغییرات خود را ذخیره کنید و برای مشاهده آنها به سایت بروید.

مرحله 7

برای تغییر نحوه نمایش پیوندها ، مقادیر a: link (پیوند استاندارد) ، a: بازدید شده (پیوند بازدید شده) و a: hover (پیوند فعال) را در فرم جستجو وارد کنید. برای پیدا کردن این عناصر در پرونده template.css ، Enter را فشار دهید.

مرحله 8

اندازه قلم و پارامترهای رنگ را ویرایش کنید. بعد از تغییر آنها ، احتمالاً متوجه خواهید شد که همه پیوندها رنگ یا اندازه قلم متفاوتی پیدا نکرده اند. در این حالت ، شما باید به دنبال گزینه های جایگزین جایگذاری پیوند باشید. به عنوان مثال ، کسانی که بدون تغییر مانده اند در منوی اصلی قرار دارند ، بنابراین ، شما باید یک عنصر صامت را جستجو کنید.

مرحله 9

کلمه "Main" را جستجو کرده و Enter را فشار دهید. به احتمال زیاد ، شما در کنار پیوند col سمت چپ و عناصر پیوند col col سمت چپ قرار خواهید گرفت ، که باید مقدار آن را تغییر دهید. پس از ویرایش آنها ، نتیجه را ذخیره کرده و به صفحه سایت بروید ، تمام پیوندهای صفحه بارگذاری شده باید تغییر کنند.

توصیه شده: