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

اگر به هر دلیلی خواستید محتوای وب پیج در سمت چپ قرار گرفته و یک یا دو ستون در سمت راست باشد، می توانید اینکار را با ویرایش فایل 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 را دوباره انجام دهید، مگر اینکه تمپلیت را کپی کرده و تغییرات را روی کپی قالب انجام داده باشید.

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