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

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

در کد استاندارد تمپلیت پروتواستار در فایل index.php قطعه کد زیر وجود دارد:

<div class="row-fluid">
    <?php if ($this->countModules('position-8')) : ?>
    <!-- Begin Sidebar -->
        <div id="sidebar" class="span3">
            <div class="sidebar-nav">
                <jdoc:include type="modules" name="position-8" style="xhtml" />
            </div>
        </div>
    <!-- End Sidebar -->
    <?php endif; ?>
    <main id="content" role="main" class="<?php echo $span;?>">
        <!-- Begin Content -->
            <jdoc:include type="modules" name="position-3" style="xhtml" />
            <jdoc:include type="message" />
            <jdoc:include type="component" />
            <jdoc:include type="modules" name="position-2" style="none" />
    <!-- End Content -->
    </main>
    <?php if ($this->countModules('position-7')) : ?>
    <div id="aside" class="span3">
        <!-- Begin Right Sidebar -->
        <jdoc:include type="modules" name="position-7" style="well" />
        <!-- End Right Sidebar -->
    </div>
    <?php endif; ?>
</div>

رنگ بندی کد بخاطر سهولت و تصریح کد استفاده می شود. معمولا نوشته های سیاه رنگ کد HTML5، قرمز کد PHP و آبی فراخوانی های <jdoc> است.

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

برای حذف ستون چپ جاری و قرار دادن آن در سمت راست محتوا، لازم است که تمام خطوط از کد زیر را cut کنید:

<?php if ($this->countModules('position-8')) : ?>

و در زیر endif متناظر آن دستور if درج کنید.

<?php endif; ?>

توجهات لازم

بخاطر داشته باشید که این کد مربوط به تمپلیت پروتواستار جوملا 3.2 یا بعدی است. در نسخه های قبلی پروتواستار جوملا 3 از تگ <main> مربوط HTML5 استفاده نشده است.

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

می توانید استیل شیت خود را با سبک بیشتری تکمیل کرده تا پوزیشن ها و ماژول های نمایش یافته در آن مطابق سایر تنظیمات و دلخواه شما باشد.

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

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

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

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

با ما باشید

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

وبمستر گرامی

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