آژاکس نمودن قالب های جوملا1.5 و جوملا 1.6

البته این روشی نیست که من خودم قالب هام را آژآکسی میکنم اما این هم دقیقا کارکردی را دارد که روش من داره . خوب قبل از هر چیز بگم که پلاگین ها هم برای جوملا 1.5 آماده شده و هم برای جوملا 1.6 . حال بریم سراغ اینکه اصلا آژآکس با قالب شما چیکار میکنه  . فرض کنید در حال حاضر شما در حال مشاهده این صفحه در وب سایت جومینا هستید حال میخواهید به صفحه بعدی بروید . به صفحه دقت بفرمایید ... کدام عناصر در صفحه تغییر میکند ؟ قسمت مطلب ! به زبان ساده وقتی یک قالب آژآکسی میشه در گذر از هر صفحه مطالبی که تغییر نمیکنند ثابت میماند و مطالبی که تغییر میکنند دوباره خوانده میشوند این کار باعث افزایش سرعت چند برابری سایت میگردد به عنوان مثال این سایت را نگاه کنید جومینا آیکون این سایت از تکنولوژی آژاکس استفاده کرده است لطفا از صفحه اصلی به صفحات دیگر بروید و تفاوت را مشاهده کنید . استفاده از این روش ممکن در قالب شما جواب ندهد و با قالب هایی که با تیبل طراحی شده اند دچار مشکل باشد . از روی دیگر استفاده از این روش در کنار تمام مزایا دارای یک ایراد است و آن هم این میباشد که گوگل در این حالت سایت شما دیر تر از زمان معمول ایندکس میکند که البته آن هم راه حل دارد . اما حالا فرض کنید قالب شما تیبل باشه و از این سیستم هم استفاده کنید دیگه فاتحه seo خوندس ! البته روی 99% قالب هایی که با تیبل طراحی شده است اصلا این روش جواب نمیده . اما از یک طرف هم استفاده از این روش باعث میشه بازدید کننده عاشق سایت شما بشه . من برای سایت هایی که برای شرکت ها طراحی میکنم بیشتر از این روش استفاده میکنم چرا که سایت های شرکتی خیلی نیاز به seo ندارند .مشتری سایت را میبینه و میپسنده و چون از تکنولوژی جدیدی درش استفاده شده بازدید کننده ها هم لذت میبرند.

خوب بریم سر آموزش نحوه استفاده از افزونه ها :

اين پلاگين يك كتابخانه آژاكس به سايت جوملايي  شما اضافه ميكند.

توجه :
بعد از نصب پلاگين قالب fullajax_tmpl   را نيز نصب كنيد.!

زمانيكه هر دو مورد را نصب كرديد ..

قدم اول

شما بايد id محل نمايش سيستم آژاكس در قالب را در اولين پنجره تنظيمات پلاگين وارد نماييد. id هاي مورد نظر را ميتوانيد از فايل index.php  قالب خود پيدا نماييد. در صورتي كه مايل باشيد خودتان موقعيتي ايجاد نماييد كد نمونه زير را در بين موقعيتهاي فايل index.php قالب خود قرار داده و id  را در تنظيمات پلاگين forajax وارد نماييد.

كد نمونه:

<div id="forajax">

<jdoc:include type="message" />

<jdoc:include type="component" />

</div>

قدم دوم

اگر شما از افزونه مسير سايت استفاده ميكنيد بايد در محل مخصوص id افزونه مسير سايت - سومين قسمت در تنظيمات پلاگينid - مربوطه را وارد نماييد. در غير اين صورت ميتوانيد از كد نمونه زير در فايل index.php قالب خود استفاده نماييد. و در تنظيمات پلاگين گزينه  id افزونه مسير سايت را به حالت پيش فرض باقي بگذاريد.

كد نمونه:

<div id="breadcrumbs">

<jdoc:include type="modules" name="breadcrumbs" />

</div>

امكانات اضافي

·         اگر از منوهايي براي ارسال مطلب، ارسال لينك و... در سايت خود استفاده ميكنيد ؛ حتما id  اين منو ها را درقسمت مربوطه در تنظيمات پلاگين وارد نماييد. ( قسمت پنجم در تنظيمات پلاگين)

·         همچنين اگر سرور شما HTTP_AJAX_ENGINE را از نوار ادرس حذف نميكند، شما ميتوانيد params:'ax=ok', را در قسمت كدها و پارامترهاي سيستم اژاكس در تنظيمات پلاگين حذف نماييد .

·          

·         به دنبال اين عبارت بگرديد:

·       SRAX.Filter.add({url:'/', id:fullAjaxId, rc:1, params:'ax=ok', onload:doSomethingAfterFAjxPagLoad});

·         وقسمتي كه با رنگ بنفش مشخص شده است را حذف نماييد . بعد از انجام اين امر عبارت '?ax=ok' از نوار ادرس حذف خواهد شد.



جلوه انيميشن



براي تغيير تصوير شما بايد قسمت كدهاي جاوا براي جلوه انيميشن را در تنظيمات پلاگين ويرايش كنيد.

var imgLoader = new Element('img',{

'id':'gifAjaxLoadingAnimation',

'src':'/media/system/images/mootree_loader.gif', // ادرس تصوير مورد نظر

'alt':'Loading',

'styles':{

'position':'relative',

'border':'none',

'padding':'0',

تنظيم فاصله افقي 'margin-left': mIdWidth*0.5 ,  

تنظيم فاصله عمودي 'top': mIdHeight*0.3          

}});

براي ادرس تصوير شما ميتوانيد از 'http://mysite.com/loading.gif' يا  '/loading.gif استفاده نماييد.

همچنين براي تنظيمات فاصله ميتوان از واحد px نيز استفاده كرد.

نمونه:

براي واحد پيكسل margin-left': '100'

يا

براي استفاده از درصد در تنظيم فاصله 'margin-left': '30%'

عرض مطلب mIdWidth

ارتفاع مطلب mIdHeight



براي  ايجاد جلوه هاي انيميشني دلخواه شما بايد '< ;/span>  در قسمت تنظيمات انيميشن را ويرايش كنيد

نمونه:

SRAX.Effect.add({id: 'You-Content-ID',

start:function(id, request){

// Do here animation after click before request

request(); // execute this when animation ends

},

end:function(){

// Do here animation after request

}

});

در نهایت همین آموزش در داخل فایل فشرده وجود دارد .

همراه فایل zip فایل راهنما هم وجود دارد

حجم فایل  :	121 کیلو بایت
نوع فایل  :	پلاگین فارسی جوملا - ZIP
رمز فایل  :	www.joomina.ir
دانلـــــــود :	برای دانلود فایل کلیک کنید
توضیحات :	1- ابتدا فایل را با رمزی که در اختیار شما قرار داده شده است را از حالت فشرده خلرج سازید 2- سپس به قسمت مدیریت جوملا رفته و از منو بالا گسترش ها را انتخاب و روی مدیریت قالب کلیک کنید 3- سپس قالب را انتخاب و دکمه پیش فرض را فشار دهید این پلاگین توسط وب سایت جومینا فارسی شده است