جوملا یک سیستم مدیریت سایت چند منظوره (CMS) است که به شما امکان می دهد تقریباً هر تنظیمات مربوط به منابع را انجام دهید. عملکرد "الگوها" مسئول نمایش عناصر در صفحات سایت در این CMS است. هر یک از الگوها را می توان به طور خودکار نصب کرد یا به طور مستقل توسط مدیر وب ایجاد کرد.
لازم است
- - مهارت در استفاده از HTML و CSS.
- - بسته ای از هر الگوی جوملا.
دستورالعمل ها
مرحله 1
قبل از ایجاد طرح ، الگویی را انتخاب کنید که از آن برای نوشتن کد خود استفاده کنید. این باعث صرفه جویی در وقت شما می شود و از نوشتن کد غیرضروری کد که برای جوملا استاندارد است و هنگام نصب هر پوستی استفاده می شود ، خودداری کنید.
گام 2
الگو را در یک پوشه جداگانه کپی کرده و فایل templateDetails.xml را در پوشه اصلی آن باز کنید. این سند شامل اطلاعات سرویس ، شرح و نام طرح است. بلوک های مورد نیاز را به دلخواه خود تغییر دهید. به عنوان مثال ، می توانید توصیفگر را ویرایش کنید تا نام نویسنده را به نام خود تغییر دهید ، ایمیل ، آدرس صفحه اصلی را مشخص کنید. در خط ، می توانید برای طرح آینده خود نامی وارد کنید.
مرحله 3
به بلوک پرونده در حال ویرایش بروید. تمام توصیفگرهایی را که بخشی از این بلوک هستند حذف کنید ، شروع با اشکال زدایی و پایان دادن به موقعیت 14 ، فقط یک مورد پس از عمل باقی مانده است. به همین ترتیب ، خطوط و Language را حذف کنید.
مرحله 4
پس از انجام عملیات ، تغییرات موجود در پرونده را ذخیره کرده و پوشه زبان موجود در پوشه را با پرونده های الگو حذف کنید. سپس فایل index.php را با ویرایشگری که استفاده می کنید باز کنید و تمام مطالب را به جز خط حذف کنید:
<؟ php
تعریف شده ("_ JEXEC") یا بمیرید ؟>
مرحله 5
به پوشه الگو هر نامی دهید و سپس با استفاده از برنامه بایگانی ، آن را در بایگانی قرار دهید ، روی فهرست قالب خود کلیک راست کرده و "ایجاد بایگانی …" را انتخاب کنید. پرونده ای که ایجاد می شود باید پسوند zip. داشته باشد.
مرحله 6
به پانل مدیریت منابع بروید و به بخش "الگوها" بروید. با استفاده از عملیات نصب ، بایگانی را که به تازگی ایجاد کرده اید وارد کنید و منتظر اعلان نصب موفق باشید. سپس الگوی حاصل را با انتخاب آن از منوی پیش فرض فعال کنید.
مرحله 7
برای الگوی آینده خود یک نمونه طرح طراحی کنید و متناسب با آن کد HTML مناسب را در پرونده index.php بنویسید. با استفاده از برخی از ویژگی های موتور کد ایجاد کنید. بنابراین ، می توانید دستور را وارد کنید تا به صورت خودکار سرصفحه های استاندارد جوملا را جایگزین کنید:
این کد شامل تمام برچسب های مورد نیاز در بخش صفحه است.
مرحله 8
می توانید کد جدول آبشار خود را در یکی از پوشه های منبع در template.css وارد کنید. پس از ایجاد الگوی جدید css ، با استفاده از آن را در پرونده index.php خود قرار دهید
-
/ الگوها / الگو ؛ ؟ & rt؛ /css/template.css "type =" text / css ">.
مرحله 9
بعد ، علامت گذاری صفحه را با استفاده از کد HTML ایجاد کنید. برای این کار ، ویرایش index.php را مطابق با الگوی داده شده خود ادامه دهید. در صورت لزوم ، موقعیت های مورد نظر خود را به بلوک پرونده templateDetails.xml اضافه کنید و شناسه های مناسب را به هر بخش در طرح خود اختصاص دهید. بنابراین ، برای تنظیم پارامترهای هدر ، می توانید یک Head ایجاد کنید و این پارامتر را به صورت زیر در پرونده index.php قرار دهید:
مرحله 10
پس از ایجاد یک هد جدید ، می توانید آن را از طریق پنجره جوملا در مدیر ماژول ویرایش کنید. برای این کار ، یک انتشار جدید ایجاد کنید و متن و تصاویر لازم را که در عنوان نشان داده می شوند وارد کنید. همین کار را با تمام عناصر رابط ایجاد شده انجام دهید و تمام تغییراتی را که ایجاد کرده اید ذخیره کنید.
