چند سوال در رابطه با طراحی قالب در جوملا 1.7

[alasht]

با سلام خدمت دوستان
من تازه شروع به یادگیری طراحی قالب جوملا کردم
قبلش این آموزش رو خوندم ([مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] ) و کلی هم سرچ کردن اما این سوالی که میخوام بپرسم رو جایی پیدا نکردم جوابشو
قبلش بگم من به php , html , css کاملا مسلطم و تجربه ساخت قالب وردپرس و پی اچ پی نیوک رو هم دارم
به عکس زیر توجه کنید
اکثر قالبا از 3 قسمت تشکیل شده
بلوک راست و وسط یا همون بلوکی که مطالب توش قرار میگیره و بلوک چپ
من میخواستم ببینم این سه قسمت رو چجوری با جوملا ستش کنم ؟
اینم عکسم
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
امیدوارم متوجه منظورم شده باشید اگه نیاره بگید بیشتر توضیح بدم
با تشکر

[sepastian]

شما یه 2 تا سایدبار یه کلاس واسه مطالب احتیاج دارید
2 تا سایدبار رو در در index.php ایجاد کنید و موقعیت ماژول به هر کدوم اونها اختصاص بدید تا بتونید محتوای سایدبار ها نمایش داده بشن
در وسط هم که مطالب قراره نمایش داده بشه تگ نمایش مورد نظر اون رو قرار بدید

کد کامپوننت مطالب :

<jdoc:include type="component" />

کد نماش موقعیت ماژول سایدبار

<jdoc:include type="modules" name="sidebar1" style="xhtml" />

[alasht]

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

[alasht]

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

[safajuy]

سلام

بلوک راست و وسط یا همون بلوکی که مطالب توش قرار میگیره و بلوک چپ

جوملا چنين محدوديتي نداره. شماميتونيد با جوملا 80 رديفه هم بسازيد!
مكاني رو كه كامپوننت و مطالب جوملا نمايش داده ميشه رو بايد از دستور componenting كه دوست عزيزمون زحمت قراردادن توي ويكي رو كشيدن و گذاشتن اونجا
بقيه موارد ماژوله. يعني همون بلوكي كه شما ميگي توي چپ و راست هست
كد ايجاد ماژول هم

<jdoc:include type="modules" name="left" style="xhtml" />
<jdoc:include type="modules" name="right" style="xhtml" />

با در نظرداشتن اينكه شما با html و css آشنايي داريد بايد درنظر داشته باشيد كه اين موارد بايد توي div ايجاد بشه. يعني استايل شما توي dive هستش

بقيه چيز ها هم كه بلديد ديگه

موفق باشيد

[alasht]

ممنون از پاسخ کامل شما
با این توضیحات شما سر نخ دست افتاد و تونستم تا حدودی بفهمم چی به چیه
الان یه مشکلی هست
من برای ستونهای چپ و راست و وسط فرض کنید از این کد استفاده کردم

    <div class="right">
        <jdoc:include type="modules" name="left" style="RightBlock" />
    </div>
    <div class="center">
        <jdoc:include type="component" style="CenterBlock" />
    </div>
    <div class="left">
        <jdoc:include type="modules" name="left" style="LeftBlock" />
    </div>

کد بالا رو من تو index.php نوشتم حالا طبق چیزایی که از که تا الان خوندم برای اینکه بتونم کدهای html خودم رو اعمال کنم رو قالب باید تو فولدر html یه فایل modules.php ایجاد کنم و کدهامو توش بزارم به این صورت

<?php
defined('_JEXEC') or die('Restricted access');
function modChrome_LeftBlock($module, &$params, &$attribs)
{
    ?>
        <h3 class="Righttitle"><?php echo $module->title; ?></h3>
        <div class="Rightcontent"><?php echo $module->content; ?></div>
    <?php
}
function modChrome_RightBlock($module, &$params, &$attribs)
{
    ?>
        <h3 class="Lefttitle"><?php echo $module->title; ?></h3>
        <div class="Leftcontent"><?php echo $module->content; ?></div>
    <?php
}
function modChrome_CenterBlock($module, &$params, &$attribs)
{
    ?>
        <h3 class="Centertitle"><?php echo $module->title; ?></h3>
        <div class="Centercontent"><?php echo $module->content; ?></div>
    <?php
}
?>

الان سایدبارها یعنی

 <jdoc:include type="modules" name="left" style="RightBlock" />
<jdoc:include type="modules" name="left" style="LeftBlock" />

درست کار میکنه و کدهای اچ تی ام الی که نوشتم روشون اعمال میشه
یعنی این دو تا تابع
modChrome_LeftBlock
modChrome_RightBlock

اما کدهای تابع modChrome_CenterBlock رو بلوک مطالب اعمال نمیشه و همون کدهای پیشفرض جوملا روش اعمال شده
میشه بفرمایید مشکل کجاست و برای تغییر کدهای بلوک مطالب باید چیکار کنم ؟
با تشکر

[shmata]

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

    <div class="right">
        <jdoc:include type="modules" name="left" style="RightBlock" />
    </div>
    <div class="center">
        <jdoc:include type="component" style="CenterBlock" />
    </div>
    <div class="left">
        <jdoc:include type="modules" name="left" style="LeftBlock" />
    </div>

کد آخر 2 تا موقعیت با نام left ایجاد میکند که اصلا خوب نیست 2 موقعیت با یک name داشته باشیم . این باعث میشود که هر ماژولی که فعال میکنید 2 با نمایش داده شود.

[alasht]

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

    <div class="right">
        <jdoc:include type="modules" name="left" style="RightBlock" />
    </div>
    <div class="center">
        <jdoc:include type="component" style="CenterBlock" />
    </div>
    <div class="left">
        <jdoc:include type="modules" name="left" style="LeftBlock" />
    </div>

کد آخر 2 تا موقعیت با نام left ایجاد میکند که اصلا خوب نیست 2 موقعیت با یک name داشته باشیم . این باعث میشود که هر ماژولی که فعال میکنید 2 با نمایش داده شود.

بله میدونم اون موقعیت رو همینطوری نوشتم
بعد من اون کدهای رو تو فولدر html و فایل modules.php نوشتم
که تو توضیحات بالا گفتم

[safajuy]

سلام مجدد

توجه داشته باشيد كه توي موقعيت componenting هيچ ماژولي قرار نمي گيره. اين موقعيت رو فقط تعيين مي كنيد براي نمايش مطالب و كامپوننت هاتون(در واقع مطالب هم خودش كامپوننته)
شما نبايد از دستور ماژول براي ايجاد موقعيت مطالب استفاده كنيد
استايل component رو حذف كنيد(style="CenterBlock")

بعد من اون کدهای رو تو فولدر html و فایل modules.php نوشتم

نبايد به يك نام بنويسيد. اين نامي كه شما انتخاب مي كنيد در واقع توي مديريت ماژول ها مياد. شما توي ماژولها موقعيتي داريد به نام left.

موفق باشيد

[alasht]

با تشکر فراوان
من الان باز متوجه نشدم چطور کد html مطالب رو تغییر بدم و کد دلخواه خودمو بزارم
وقتی من این کد رو میزارم

<jdoc:include type="component" />

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

<div class="blog-featured">
    <div class="items-row cols-1 row-0">
        <div class="item column-1">    
            <h2><a href="#">عنوان مطلب شماره 1</a></h2>
            <p style="text-align: justify;">مطلب شماره 1</p>
            <p class="readmore"><a href="#">مبتدي ها</a></p>
            <div class="item-separator"></div>
        </div>
        <span class="row-separator"></span>
    </div>
</div>

من میخوام این کدهای اچ تی ام ال رو ویرایش کنم و کدهای اچ تی ام ال قالب خودم رو بزارم
همونطور که برای پوزیشن راست و چپ تونستم این کار رو بکنم اما برای وسط نمیدونم باید چیکار کنم ؟