جشنواره نوروزی وب سایت جوم آریا شروع شده ! بیا تو ببین چه خبره !!!! (کد تخفیف : NOWRUZ98) بزن بریم

آموزش جوملا

5 1 1 1 1 1 1 1 1 1 1 امتیاز 5.00 (2 رای)

اضافه کردن تصویر به لیست مجموعه ها در جوملا

ایجاد مجموعه ها همراه با تصویر در جوملا

جوملا یک نوع منو "لیست مجموعه ها" ارائه می دهد که به شما اجازه می دهد یک مجموعه ها و زیر مجموعه ها (فرزندان) را در قالب لیست نمایش دهید. به طور معمول یک طرح بندی لیست مجموعه ها مانند تصویر زیر ظاهر می شود. ما می توانیم این لیست را بهتر و جذاب تر نمایش دهیم. به عنوان مثال، ما می توانیم یک تصویر در کنار عنوان هر زیرمجموعه اضافه کنیم. این بار ما قصد داریم به شما نشان دهیم که چگونه این کار را با استفاده از ایجاد کردن یک عنوان برای قالب جوملا انجام دهید.

frontend site


 مرحله 1. دسته بندی ها و مطالب خود را ایجاد کنید.

  • مجموعه ها و زیر مجموعه های خود را ایجاد کنید. برای هر دسته شما باید یک تصویر را انتخاب کنید:

 مجموعه ها

  •  هنگامی که کار شما به پایان رسید، به اصطلاح شما درختی از مجوعه ها را دارید:

subcat


مرحله 2. تنظیم بخش انتخاب های محتوا

 به محتوا > مطالب بروید و بعد بر روی گزینه «انتخابها» کلیک کنید. در تب «مجموعه» گزینه ها را به شکل زیر تغییر دهید:

  •   سطوح زیر مجموعه ها : همه
  • پیغام بدون مطلب : مخفی
  •  تعداد مطالب مجموعه : نمایش

 Article options


 مرحله 3. آیتم منو را ایجاد کنید.

  •  در منو اصلی > آیتم های منو وارد شوید.
  • یک آیتم منو جدید از نوع «لیست مجموعه» ایجاد کنید.
  • گزینه «  انتخاب یک مجموعه» بالاترین مجموعه که حاوی زیر مجموعه ها می باشد را انتخاب کنید.

categories List

  • اکنون اگر به سایت خود مراجعه کنید و بر روی آیتم جدید کلیک کنید، صفحه زیر را خواهیم دید:

frontend site


مرحله 4. ایجاد عنوان برای لیست

برای تغییر ظاهر این لیست باید یک عنوان را در این فایل ایجاد کنید: com_content / category / default_children.php

  • به افزونه ها > قالب ها > بروید. شما یک لیستی از قالب های نصب شده را می بینید، روی گزینه «قالب ها» در قسمت سمت راست همین صفحه کلیک کنید.
  • روی مشخصات قالب مورد نظر خود کلیک کنید. ( به عنوان مثال Protostar)

 Details and Files

  •  حالا شما می توانید بر روی تب "ایجاد عنوان ها" کلیک کنید.
  •  در این تب در ستون  کامپوننت، "com_content" و سپس "category" را انتخاب کنید.

com content category default childrenphp

 جوملا اکنون تمام فایل های لازم را برای ایجاد عنوان درون پوشه HTML قالب شما ایجاد کرده است.
برای ویرایش فایلی که می خواهید آن را عنواندهی کنید، بر روی برگه «ویرایشگر» کلیک کنید، سپس پوشه html > com_conten را انتخاب کنید. اکنون می توانید فایل default_children.php را انتخاب کنید. در سمت چپ صفحه، ویرایشگر متن با محتوای فایل، کد مورد نظر خود را تغییر می دهید.

  • برای اضافه کردن تصاویر زیر مجموعه ها در نمایشگر خود، شما باید یک خط کد را بین خطوط 44 و 45 اضافه کنید:

(توجه داشته باشید این آموزش نیاز به تسلط بر کدنویسی و css دارد و همچنین ممکن است که این کد در بین خطوط 44 و 45 نتیجه مطلوب را ندهد، اگر با جایگذاری این کد تغییری ایجاد نشد این کد را در پایین کد 49 یا در کد 63 آن را درج کنید و دوباره امتحان کنید.)

 images subcategories

  • کد وارد شده بسیار ساده است:
<?php echo '<img src="'.json_decode($child->params)->image . '" />'; ?>
  • تغییرات را ذخیره و صفحه مورد نظر سایت خود را دوباره بارگذاری کنید. حالا لیست شما به صورت زیر است:

images subcategor


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

 

این مطلب را به اشتراک بگذارید در :

نظرات (0)

تابحال برای این مطلب نظری داده نشده است .

نظر خود را اضافه کنید.

  1. ارسال نظر به صورت مهمان . ثبت نام یا ورود
پیوست ها (0 / 1)
Share Your Location

  جشنواره بزرگ نوروز ۱۳۹۸ جوم آریا شروع شد

یه عالمه تخفیف داریم برای همه سرویس هامون ، بیا ببین چه خبره !