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

افزایش حداکثر عرض بخش محتوا در قالب پروتواستار

آموزش افزایش حداکثر عرض بخش محتوا در قالب پروتواستار

همانطور که می دانیم قالب پروتواستار جوملا به صورت دو پیکربندی استاتیک و شناور عرضه شده است. در حالت استاتیک محتوای وب پیج بخشی از صفحه نمایش را اشغال می کند. اما در حالت شناور کل صفحه مرورگر یا صفحه نمایش را اشغال می کند. اگر از چیدمان استاتیک (Static Layout) قالب پروتو استار در مدیر قالب جوملا استفاده کنید، تنظیمات کلاس محفظه ("class="container) در فایل template.css به صورت زیر خواهد بود:

ادامه مطلب: افزایش حداکثر عرض بخش محتوا در قالب پروتواستار

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

آموزش قرار دادن سه ماژول افقی در یک پوزیشن وب پیج جوملا

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

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

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

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

تا کنون در نسخه 3 جوملا کدی برای شناسایی کلاس صفحه (Page Class) نوشته نشده است. ممکن است در نسخه های بعدی اضافه شود. کلاس وب پیج در آیتم منو و در زیر گزینه های پیشرفته نمایش صفحه (Advanced Options -> Page Display options -> Page Class) درج می شود.

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

قرار دادن کادر جستجو و آیکون شبکه های اجتماعی در کنار هم

آموزش قرار دادن کادر جستجو و آیکون شبکه های اجتماعی در کنار هم در position-0

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

ادامه مطلب: قرار دادن کادر جستجو و آیکون شبکه های اجتماعی در کنار هم

ایجاد آیکون شبکه های اجتماعی در حاشیه صفحه

آموزش ایجاد آیکون رسانه اجتماعی که به لبه صفحه نمایش فیکس شود

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

ادامه مطلب: ایجاد آیکون شبکه های اجتماعی در حاشیه صفحه

ایجاد یک بنر تمام عرض زیر هدر

آموزش ایجاد یک بنر تمام عرض زیر هدر سایت

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

این کار را می توان با اضافه کردن یک ناحیه ماژول جدید در فایل های index.php و templateDetails.xml انجام داد. این ماژول جدید در زیر هدر و بالای محتوا قرار می یگرد و کل عرض مانیتور یا صفحه نمایش بزرگ را پر می کند.

ادامه مطلب: ایجاد یک بنر تمام عرض زیر هدر

طریقه ایجاد پوزیشن در بالای ستون سایدبار

آموزش ایجاد پوزیشن ماژولی که بالای ستون سایدبار قرار گیرد

زمانی که در قالب پروتواستار جوملا ماژول جدیدی به پوزیشن-7 اضافه می شود، ترتیب ماژول ها ممکن است تغییر کند. ممکن است بخواهید ماژول خاصی همیشه در بالای سایدبار (پوزیشن-7) بنشیند. این ماژول می تواند چیزی مثل لینک های مهم، مقالات مشابه یا منو و یا یک کادر جستجو باشد.

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

کپی کردن تمپلیت پروتواستار

طریقه کپی گرفتن و نامگذاری تمپلیت پروتواستار

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

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

تغییر زمان تبدیل منوی جوملا

آموزش تغییر زمان تبدیل منوی جوملا در صفحه نمایش باریک

منوی موبایلی، منوی ریسپانسیو؛ طریقه تعویض منو در صفحه نمایش موبایل و تبلت، اینها عباراتی است که در طراحی وبسایت ریسپانسیو به چشم می خورد. نسخه های جدید قالب پروتواستار جوملا دارای طراحی رسپانسیو هستند و منوی اصلی در پوزیشن 1 بجای اقلا منو در صفحه نمایش کوچکتر از 979 پیکسل به دکمه منو تبدیل می شود.

ادامه مطلب: تغییر زمان تبدیل منوی جوملا

تعویض دکمه منو در صفحه نمایش کوچک

طریقه تعویض ظاهر دکمه منو در صفحه نمایش کوچک

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

ادامه مطلب: تعویض دکمه منو در صفحه نمایش کوچک

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

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

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

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

با ما باشید

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

وبمستر گرامی

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