قالب پروتواستار جوملا

تعیین سبک ماژول از طریق کلاس سفارشی

طریقه تعیین سبک ماژول از طریق کلاس سفارشی

ماژول چیست؟ کاربرد ماژول در جوملا چیست؟ آیا می توان ماژول را برای منوی خاصی در نظر گرفت؟ آیا می توان قالب و ظاهر ماژول ها را سفارشی کرد؟ آیا می توان ماژول ها را برای نمایش در کامپیوتر یا موبایل به تنهایی پیکربندی کرد؟ وبسایت های ریسپانسیو امروزی و همچنین سایت های داده مدار همگی به ماژول وابسته هستند. وب پیج از مجموعه چند ماژول و متن اصلی تشکیل شده است. در مقاله سئوالات فوق بحث شده و طریقه سفارشی کردن سبک و استایل ماژول ها بحث می شود.

ادامه مطلب: تعیین سبک ماژول از طریق کلاس سفارشی

اضافه کردن لوگو سایت به قالب پروتواستار

طریقه اضافه کردن لوگو سایت به قالب پروتواستار جوملا

لوگو چیست؟ آیا لوگو سایت مهم است؟ تفاوت لوگو و برند در چیست؟ چطور لوگوی خود را در وبسایت نمایش دهیم؟ برای اینکه تمپیلت جوملا لوگوی مورد نظر شما در بخش <header> صفحه نمایش دهد، لازم است که فایل تصویر لوگو را از طریق مدیر قالب ادمین جوملا بارگذاری کنید. در این مقاله طریقه اضافه کردن لوگو به وبسایت جوملا از طریق ویرایش کد فایل لندینگ سایت را آموزش می دهیم.

ادامه مطلب: اضافه کردن لوگو سایت به قالب پروتواستار

چگونه فونت متن وب پیج را تغییر دهیم

چگونه فونت متن وب پیج را تغییر دهیم

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

ادامه مطلب: چگونه فونت متن وب پیج را تغییر دهیم

رونویسی عناصر تمپلیت پروتواستار جوملا

طریقه رونویسی عناصر تمپلیت پروتواستار جوملا

اورراید (override) تمپلیت چیست؟ چرا به رونویسی یا باطل کردن عملکرد جوملا نیاز دارید؟ چه موقع از اورراید فایل های اصلی جوملا استفاده کنیم؟ اگر بخواهیم در فایل های مرکزی جوملا (core Joomla file) تغییری ایجاد کنیم مثل چیدمان، تگ های هدینگ و غیره؛ شیوه صحیحی برای این رویکرد وجود دارد. اگر اصل فایل های مرکزی جوملا را ویرایش و دستکاری کنید، ریسک به هم ریختن سایت و ریسک های امنیتی را فراهم می سازیم، اگر نتوانیم ویرایش را به طور صحیح و استاندارد انجام دهیم، بخصوص زمانی که نسخه جوملا را آپدیت می کنیم.

ادامه مطلب: رونویسی عناصر تمپلیت پروتواستار جوملا

ایجاد دو ستون مساوی – تمپلیت پروتواستار

ایجاد دو ستون مساوی – تمپلیت پروتواستار

برای ویرایش قالب پروتواستار (Protostar template) و ایجاد دو ستون مساوی در ناحیه اصلی صفحه، فایل index.php بایستی ویرایش شود. برای رسیدن به این منظور، فایل index.php ویرایش می شود بطوری که کلاس span ناحیه محتوا و ستون راست تغییر کرده و ستون چپ حذف شود. اینکار موجب می شود که ستون های باقیمانده ریسپانسیو بوده و در نمایشگرهای کوچکتر بالای هم دیگر قرار گیرند نه در کنار هم.

ادامه مطلب: ایجاد دو ستون مساوی – تمپلیت پروتواستار

طریقه ایجاد قالب دو ستونی با نسبت 2 به 1

طریقه ایجاد قالب دو ستونی با نسبت 2 به 1

چیدمان تمپلیت پروتواستار (Protostar template) جوملا دارای پیکربندی استاندارد و پیش فرض است. در این چیدمان یک ستون مرکزی برای محتوا وجود دارد و یک ستون در سمت راست و یک ستون سمت چپ آن تعبیه شده است. اگر ماژول ها در پوزیشن 7 و پوزیشن 8 گذاشته شود، نسبت پهنای ستون ها به صورت 3:6:3 خواهد بود. اگر فقط یک ستون کناری دارای ماژول باشد، نسبت ستون ها به صورت 9:3 خواهد بود که همان 3:1 است.

ادامه مطلب: طریقه ایجاد قالب دو ستونی با نسبت 2 به 1

محتوا در سمت چپ با یک یا دو ستون در سمت راست

تنظیم قالب پروتواستار جوملا – محتوا در سمت چپ با یک یا دو ستون در سمت راست

اگر به هر دلیلی خواستید محتوای وب پیج در سمت چپ قرار گرفته و یک یا دو ستون در سمت راست باشد، می توانید اینکار را با ویرایش فایل index.php در دایرکتوری templates/protostar انجام دهید. بخاطر داشته باشید که همیشه قبل از ویرایش فایل های قالب خود، نسخه پشتیبان تهیه کنید.

ادامه مطلب: محتوا در سمت چپ با یک یا دو ستون در سمت راست

اضافه کردن استیل شیت سفارشی به قالب پروتواستار جوملا

طریقه اضافه کردن استیل شیت سفارشی به قالب پروتواستار جوملا

استیل شیت سفارشی (custom.css) چیست؟ فایده استفاده از فایل استیل شیت سفارشی چیست؟ چه مواردی را می توان در این فایل گنجاند. اینها سئوالاتی است که ممکن است به ذهن هر وبمستر یا مدیر سایتی برسد. اگر از قالب پروتواستار (Protostar Template) جوملا برای طراحی وبسایت خود استفاده می کنید، این مطلب می تواند به شما در ایجاد یک فایل استیل شیت سفارشی (custom.css) کمک کند.

ادامه مطلب: اضافه کردن استیل شیت سفارشی به قالب پروتواستار جوملا

افزودن سه پوزیشن ماژول کنار هم در فوتر

طریقه افزودن سه پوزیشن ماژول کنار هم در فوتر تمپلیت

پوزیشن چیست؟ ارتباط پوزیشن با ماژول چیست؟ چگونه پوزیشن های جدیدی در قالب وبسایت خود ایجاد کنیم؟ چگونه فوتر سایت را به سه مکان برای درج ماژول های مختلف تقسیم کنیم؟ در این مقاله طریقه افزودن سه پوزیشن ماژول کنار هم در بخش فوتر قالب پروتواستار (Protostar) جوملا آموزش داده می شود.

می توان به راحتی و بدون اضافه کردن پوزیشن ماژول اینکار را انجام داد و تنها پسوند کلاس هر ماژول (Module Class Suffix) را تعیین کرد. اما گاهی می خواهیم پوزیشن جدیدی اضافه کنیم که مجبور نباشیم هر بار پسوند کلاس ماژول را وارد کنیم. بخصوص زمانی که تعداد نویسندگان وبسایت یا وبلاگ بیش از یک نفر است.

ادامه مطلب: افزودن سه پوزیشن ماژول کنار هم در فوتر

سفارشی کردن قالب پروتواستار

عضویت در خبرنامه پلکسا

در صورت تمایل ایمیل خود را وارد کنید و تازه های پلکسا را از طریق ایمیل دریافت کنید. خبرنامه الکسا هفته نامه بوده و حاوی جدیدترین مطالب و نشریات پلکسا است.

با ما شریک شوید

با ما باشید

قابل توجه وبمسترها

وبمستر گرامی

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