افزودن رنگ دلخواه

در فیروزه این امکان وجود داره که شما رنگ دلخواه خودتون رو به برای قالب ایجاد کنید.

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

 

آموزش ایجاد رنگ جیدی در صفحه راهنما

 

 

 

 

راهنمای فیروزه

  • نصب و لايسنس

    "نصب نسخه quickstart در لوکال میتواند به یادگیری شما در استفاده از قالب کمک زیادی کند"

    نصب به دو روش انجام میشود:

    1- نصب به روش Quickstart

    فیلم اموزش نصب قاب هاي جوملا به روش Quickstart :

    http://joomplate.net/?p=525

    نکته: بعد از نصب قالب از مدیریت هاست به مسیر template/jp_firoozeh /layouts رفته و فایل license.php را در همین پوشه کپی کنید.

    2- نصب قالب و افزونه ها از مدیریت افزونه ها (روش نصب جداگانه)

    ابتدا فایل jp_firoozeh.zip را از سایت دانلود کنید.

    وارد محیط مدیریت جوملای خود شوید. به منوی extension manager رفته و تب install را انتخاب کنید.

    روی Browse کلیک کنید و فایلjp_firoozeh.zip انتخاب و تایید کنید. سپس روی Upload & Install کلیک کنید. (اکنون قالب فیروزه را نصب کرده اید)

    افزونه ها ی مورد نیاز قالب را هم از سایت درسافت کنید و با همین روش این افزونه ها را نصب کنید.

    نکته: بعد از نصب قالب از مدیریت هاست به مسیر template/jp_firoozeh/layouts رفته و فایل license.php را در همین پوشه کپی کنید.

    لايسنس، 30 دقيقه تا 24 ساعت بعد از خريد براي شما ارسال مي شود.

  • افزودن رنگ دلخواه

    برا ایجاد رنگ جدید، نیاز به ایجاد یک استایل در فیروزه داریم، برای این کار، به مدیرت قالب فیروزه میریم، از تب Options گزینه Settings رو انتخاب میکنیم. حالا از قسمت Styles گزینه Customizer رو انتخاب میکینم

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

    برای ساخت یک استایل جدید روی دکمه copy از قسمت Select a style کلیک میکنیم (در باکس باز شده یک نام برای استایل خود انتخاب کنید) ، تا یک کپی از استایل پیشفرض بگیریم.

    بعد از ایجاد استایل ، به قمست Typography و Background برید و رنگها رو طبق سلیقه خودتون تغییر بدید و در اخر روی save کلیک کنید.

    توجه کنید که بعد از ایجاد استایل، باید از قسمت مدیریت پروفایل ها این استایل رو پیشفرض کنید تا در قالب نمایش داده بشه.

  • منو

    برای ایجاد منو، به مدیریت ماژول ها رفته و یک ماول از نوع منو ایجاد کنید و در موقعیت منو منتشر کنید.

  • پروفایل

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

    در فیروزه میتونید بینهایت پروفایل ایجاد کنید و تمام تنظیمات رو برای هر پروفایل به صورت اختصاصی انجام بدید.

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

    برای ساخت یک پروفایل به مدیریت قالب فیروزه برید و از تب Options گزینه Layouts رو انتخاب کنید. روی دکمه ADD کنار قسمت انتخاب پروفایل کلیک کنید و در باکس باز شده یک نام انتخاب کنید و روی OK کلیک کنید.

    حالا به انتهای صفحه برید و از قسمت Assignment صفحه اول و یا صفحه مورد نظرتون رو انتخاب کنید. در اخر روی دکمه save کلیک کنید تا تنظیمات ذخیره بشن.

    پروفایل در فیروزه

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

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

     

     
  • هدر و منوي چسبنده

    برای تنظیم هدر ، از مدیریت قالب فیروزه تب Options ،درتب Layouts ، پروفایل مورد نظر برای تنظیم هدر رو انتخاب کنید. مثلا پروفایل پیشفرض ، به Layout Style برید.

    در قسمت Header Backgrand میتوان از بین 4 بکگراند پیشفرض یک گزینه را برای نمایش در هدر انتخاب کرد.

    از گزينه Menu Style Colorبايد يک گزينه براي نمايش نوع منوي اصلي انتخاب کنيد

    با فعال کردن گزينه Active Sticky Menu، حالت منوي چسبنده براي منوي بابا فعال ميشود

    گزينه Sticky Menu Animation اين قابليت را به ما مي دهد که يک انيميشن از چهار حالت تعبيه شده را براي منوي چسبنده انتاخاب کنيم.

  • لوگو

    براي درج لوگو در فيروزه، به مديريت ماژول هاي در جوملا رفته و يک ماژول جديد از نوع custom html ايجاد کنيد و تصوير لوگوي دلخواه را در اين ماژول قرار دهيد و در نهايت ماژول را در موقعيت logo در قالب فيروزه منتشر کنيد

  • ماژول جستجو

    به مدیریت ماژول ها رفته و یک ماژول از نوع search یا جستجو در موقعیت search قالب فیروزه منتشر کنید.

  • ماژول زبان

    به مدیریت ماژول ها رفته و یک ماژول از نوع html ایجاد کنید و کد زیر را در ان کپی کنید:

    <ul class="language-switcher">
    <li dir="ltr"><a href="#">Farsi</a></li>
    <li dir="ltr"><a href="#">Arabic</a></li>
    <li dir="ltr"><a href="#">English</a></li>
    </ul>
    
    

    توجه کنید که برای داشتن سایت دو زبانه ، باید تمام مراحل دو زبانه سازی در جوملا رو انجام بدید و در نهایت لینک زبانهای ایجاد شده رو در قسمت href هر زبان کپی کنید، مثلا برای زبان انگلیسی از enاستفاده کنید.

    در نهایت ماژول مورد نظر رو در موقعیت language-switcher منتشر کنید.

  • آموزش دو زبانه کررن جوملا و ريواس

    در این ویدئو مراحل دو زبانه کردن سایت جوملایی (که از قالب فیروزه استفاده می کند) به صورت گام به گام اجرا میشود:

    مراحل دو زبانه کردن جوملا

    • نصب بسته فارسی ساز برای جوملا
    • اضافه کردن زبان دوم به بخش زبان ها
    • فعال کردن پلاگین زبان
    • ساخت گروه و مطلب برای هز زبان
    • ساخت منو برای هر زبان
    • فعال سازی ماژول انتخاب زبان
    • تنظیمات اختصاصی قالب در حالت دو زبانه
    • و …

     

    لینک دانلود با کیفیت بالا

     
  • تنظیمات منو

    برای تنظیمات بیشتر به تب MENUS در تنظیمات قالب برید. در این قسمت میتونید ، تعداد ستون های یک زیر منو برای یک منوی مادر رو انتخاب کنید ، همچنین میتونید عرض هر ستون رو مشخص کنید. و یا برای هر منو یک ایکون از لیست ایکون فونت ها انتخاب کنید. البته میتونید با وارد کردم مسیر یک تصویر از تصویر برای ایکون مورد نظرتون استفاد کنید.

  • شبکه هاي اجتماعي

    برای تنظیم ایکون شبکه های اجتماعی در سمت چپ سایت به صورت ثابت،به مدیریت ماژول ها برید و یک ماژول html ایجا کنید و کد زیر را در ان کپی کنید:

    <div class="uk-margin-top">
        <a href="#" class="uk-icon-button uk-icon-github"></a>
        <a href="#" class="uk-icon-button uk-icon-twitter"></a>
        <a href="#" class="uk-icon-button uk-icon-dribbble"></a>
        <a href="#" class="uk-icon-button uk-icon-facebook"></a>
    </div>
    
    

    شما میتونید کلاس ایکون های دیگه هم استفاده کنید. لیست کامل ایکون ها:

    http://getuikit.com/docs/icon.html

    در نهایت ماژول موردنظر رو در موقعیت social منتشر کنید.

  • اسلايدشو نوع اول

    براي ساخت اين نوع اسلايدشو، بعد از نصب کامپوننت roksprocket رفته و يک ماژول جديد از نوع roksprocket ايجاد کنيد.

    در صفحه باز شده گزينه features و simple رو انتخاب کنيد.

    بعد از ورود به تنظيمات ماژول ، گزينه Theme رو روي حالت slideshow قرار بديد و با کليک بر روي دککمه add new item اسلايد ها ي موردنظر رو به ماژول اضافه کنيد .

  • اسلايدشو نوع دوم

    براي ساخت اين نوع اسلايدشو، بعد از نصب کامپوننت roksprocket رفته و يک ماژول جديد از نوع roksprocket ايجاد کنيد.

    در صفحه باز شده گزينه features و simple رو انتخاب کنيد.

    بعد از ورود به تنظيمات ماژول ، گزينه Theme رو روي حالت slideshow style2 ;قرار بديد و با کليک بر روي دککمه add new item اسلايد ها ي موردنظر رو به ماژول اضافه کنيد .

  • تب اسلايد

    براي ساخت اين نوع اسلايدشو، بعد از نصب کامپوننت roksprocket رفته و يک ماژول جديد از نوع roksprocket ايجاد کنيد.

    در صفحه باز شده گزينه tab و simple رو انتخاب کنيد.

    بعد از ورود به تنظيمات ماژول ، گزينه Tabs Position رو روي حالت bottom ;قرار بديد و با کليک بر روي دککمه add new item اسلايد ها ي موردنظر رو به ماژول اضافه کنيد .

  • تنظیمات لایه ها

    برای تنظیم لایه ها، از مدیریت قالب فیروزه، تب Options ، درتب Layouts ، پروفایل مورد نظر برای تنظیم لایه ها رو انتخاب کنید.

    در قسمت Grid میتونید ماژولهای هر لایه (top-a , top-b , …) رو به 4 صورت Parallel (موازی) ، Stacked (روی هم) ، First doubled (اولین ماژول بزرگتر) و Lsat-doubled (اولین ماژول کوچکتر) تنظیم کنید.

    و در قسمت Responsive نحوه نمایش ماژول ها در موبایل و تبلت در یک لایه رو میشه تنظیم کرد.

    در Position Appearance از ستون Background میتونید برای هر لایه یک رنگ از بین 8 رنگ (Default, Gray , Dark, Primary ,Secondary ,White ,Third, Fourth) انتخاب کنید.

    در قسمت Divider Color ميتوانيد يه جدا کننه بين بخش ها ايجاد کنيد و از يکي از رنگهاي پيشفرض استفاده کنيد.

    در Pattern میتونید برای هر لایه یکی از 23 پترن قالب رو فعال کنید و با فعال کردن علامت Full Width عرض لایه رو با عرض صفحه نماش کاربر برابر کنید.

  • Sidebar

    برای تنطیم sidebar ها ، از مدیریت قالب فیروزه، تب Options ، درتب Layouts ، پروفایل مورد نظر برای تنظیم sidebar رو انتخاب کنید. مثلا پروفایل پیشفرض ، به Sidebars رفته و هر Sidebars رو طبق نیاز تنطیم کنید

  • عدم نمایش مطلب

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

    برای جلوگیری از نمایش باید گزینه Hide system output. رو فعال کنیم. اما برای اینکه در یک صفحه خاص این کار رو انجام بدیم ، باید اول یک پروفایل مخصوص صفحه اول داشته باشیم. اگر قبلا برای صفحه اولتون پروفایل ایجاد کردید از همون استفاده کنید اما اگر پروفایل صفحه اول نداشتید، از همین قسمت (Layouts) ، روی دکمه ADD در کنار اولین دراپ دون زیر متن " Store your modifications in a layout profile and assign it to different pages. The default layout will be used on pages without an assigned layout. " کلیک کنید.

    در باکس باز شده یک نام وارد کنید و روی OK کلیک کنید . (بهتره از یک کلمه تنها استفاده کنید).

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

    حالا گزینه Hide system output رو علامت بزنیدو به اخر صفحه اسکرول کنید.

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

    در اخر روی دکمه Save بالای صفحه کلیک کنید تا تنطیمات ذخیره بشن.

  • تنظیمات ماژول

    در فیروزه میتونید تنظیمات خاصی رو برای هر ماژول اعمال کنید.

    برای تنظیم ماژول ها ، از مدیریت قالب فیروزه، تب Options ، به تب Modules برید.

    در این صفحه لیست تمام ماژول هایی که در سایت منتشر کردید رو میتونید مشاهده کنید.

    از ستون Class میتونید برای هر ماول کلاس ماژول تعیر کنید ، از ستون Style یکی از یازده استایل پیشفرض رو انتخای کنید.

    از ستون Icon ، میتونید برای هدر ماژو لها یکی از ایکون فونت های قالب رو انتخاب کنید.

    و از ستون Badge ، میتونید برای ماژو مورد نظر برچسب با متن دلخواه که در باکس مقابل ان هست ، وارد کنید.

    در ستون Animation امکان تعریف هفت نوع انیمیشن وجود داره که میتونید برای هر ماژول به صورت مجزا تنظیم کنید و با فعال کردن ستون Repeat این انمیشن رو به صورت تکرار شمنده تعریف کنید.

    و در اخر در ستون Display میتونید مشخص کنید که ماژول مورد نظر در چه دستگاه هایی نمایش داده شود (دسکتاپ ، تبلت، موبایل)

  • جدول قیمت گذاری

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

    استفادهاز ماژول راک اسپراکت

    براي ساخت جدول قيمت و، بعد از نصب کامپوننت roksprocket رفته و يک ماژول جديد از نوع roksprocket ايجاد کنيد.

    در صفحه باز شده گزينه table و simple رو انتخاب کنيد.

    در صفحه باز شده اطلاعات فيلد هاي مورد نياز را تکميل نماييد

    استفاده از کد های html

    کد های جدول 3 ستونه

    <div class="uk-margin-large">
    <div class="uk-grid-width-1-1 uk-grid-width-small-1-1 uk-grid-width-medium-1-3 uk-grid-width-large-1-3 uk-grid-width-xlarge-1-3 uk-grid  uk-text-center tm-pricing-table tm-panel-line" data-uk-grid-margin="" data-uk-grid-match="{target:'> div > .uk-panel', row:true}">
    <div>
    <div class="uk-panel uk-panel-box  " style="min-height: 340px;">
    <div class="uk-margin">
    <div class="uk-margin">
    <p class="uk-h1">نقره ای</p>
    <span class="uk-h1 uk-text-primary">30 </span>هزار تومان / ماه
    <div class="tm-divider uk-margin-bottom-remove"> </div>
    <ul class="uk-list uk-list-line">
    <li>پزشک تغدیه</li>
    <li><strong style="font-family: tahoma;"> 1 </strong>نفر</li>
    <li><strong style="font-family: tahoma;"> 1 </strong>کلاس</li>
    <li><strong style="font-family: tahoma;"> 2 </strong>روز در هفته</li>
    <li>تست<strong> سلامت </strong></li>
    <li>پشتیبان انلاین</li>
    </ul>
    </div>
    <p class="uk-margin"><a class="uk-button" href="#">ثبت نام</a></p>
    </div>
    </div>
    </div>
    <div>
    <div class="uk-panel uk-panel-box uk-panel-box-pricings " style="min-height: 340px;">
    <div class="uk-margin">
    <p class="uk-h1">طلایی</p>
    <span class="uk-h1 uk-text-primary">60 </span>هزار تومان / ماه
    <div class="tm-divider uk-margin-bottom-remove"> </div>
    <ul class="uk-list uk-list-line">
    <li>پزشک تغدیه</li>
    <li><strong style="font-family: tahoma;"> 2 </strong>نفر</li>
    <li><strong style="font-family: tahoma;"> 2 </strong>کلاس</li>
    <li><strong style="font-family: tahoma;"> 3 </strong>روز در هفته</li>
    <li>تست<strong> سلامت </strong></li>
    <li>پشتیبان انلاین</li>
    </ul>
    </div>
    <p class="uk-margin"><a class="uk-button uk-button-primary" href="#">ثبت نام</a></p>
    </div>
    </div>
    <div>
    <div class="uk-panel uk-panel-box  " style="min-height: 340px;">
    <div class="uk-margin">
    <p class="uk-h1">ويژه</p>
    <span class="uk-h1 uk-text-primary">90 </span>هزار تومان / ماه
    <div class="tm-divider uk-margin-bottom-remove"> </div>
    <ul class="uk-list uk-list-line">
    <li>پزشک تغدیه</li>
    <li><strong style="font-family: tahoma;"> 3 </strong>نفر</li>
    <li><strong style="font-family: tahoma;"> 3 </strong>کلاس</li>
    <li><strong style="font-family: tahoma;"> 5 </strong>روز در هفته</li>
    <li>تست<strong> سلامت </strong></li>
    <li>پشتیبان انلاین</li>
    </ul>
    </div>
    <p class="uk-margin"><a class="uk-button" href="#">ثبت نام</a></p>
    </div>
    </div>
    </div>
    </div>
    
    

    کدهای 4 ستونه:

    <div class="uk-margin-large">
    <div class="uk-grid-width-1-1 uk-grid-width-small-1-1 uk-grid-width-medium-1-4 uk-grid-width-large-1-4 uk-grid-width-xlarge-1-4 uk-grid  uk-text-center tm-pricing-table tm-panel-line" data-uk-grid-margin="" data-uk-grid-match="{target:'> div > .uk-panel', row:true}">
    <div>
    <div class="uk-panel uk-panel-box  " style="min-height: 340px;">
    <div class="uk-margin">
    <div class="uk-margin">
    <p class="uk-h1">نقره ای</p>
    <span class="uk-h1 uk-text-primary">30 </span>هزار تومان / ماه
    <div class="tm-divider uk-margin-bottom-remove"> </div>
    <ul class="uk-list uk-list-line">
    <li>پزشک تغدیه</li>
    <li><strong style="font-family: tahoma;"> 1 </strong>نفر</li>
    <li><strong style="font-family: tahoma;"> 1 </strong>کلاس</li>
    <li><strong style="font-family: tahoma;"> 2 </strong>روز در هفته</li>
    <li>تست<strong> سلامت </strong></li>
    <li>پشتیبان انلاین</li>
    </ul>
    </div>
    <p class="uk-margin"><a class="uk-button" href="#">ثبت نام</a></p>
    </div>
    </div>
    </div>
    <div>
    <div class="uk-panel uk-panel-box uk-panel-box-pricings " style="min-height: 340px;">
    <div class="uk-margin">
    <p class="uk-h1">طلایی</p>
    <span class="uk-h1 uk-text-primary">60 </span>هزار تومان / ماه
    <div class="tm-divider uk-margin-bottom-remove"> </div>
    <ul class="uk-list uk-list-line">
    <li>پزشک تغدیه</li>
    <li><strong style="font-family: tahoma;"> 2 </strong>نفر</li>
    <li><strong style="font-family: tahoma;"> 2 </strong>کلاس</li>
    <li><strong style="font-family: tahoma;"> 3 </strong>روز در هفته</li>
    <li>تست<strong> سلامت </strong></li>
    <li>پشتیبان انلاین</li>
    </ul>
    </div>
    <p class="uk-margin"><a class="uk-button uk-button-primary" href="#">ثبت نام</a></p>
    </div>
    </div>
    <div>
    <div class="uk-panel uk-panel-box  " style="min-height: 340px;">
    <div class="uk-margin">
    <p class="uk-h1">ويژه</p>
    <span class="uk-h1 uk-text-primary">90 </span>هزار تومان / ماه
    <div class="tm-divider uk-margin-bottom-remove"> </div>
    <ul class="uk-list uk-list-line">
    <li>پزشک تغدیه</li>
    <li><strong style="font-family: tahoma;"> 3 </strong>نفر</li>
    <li><strong style="font-family: tahoma;"> 3 </strong>کلاس</li>
    <li><strong style="font-family: tahoma;"> 5 </strong>روز در هفته</li>
    <li>تست<strong> سلامت </strong></li>
    <li>پشتیبان انلاین</li>
    </ul>
    </div>
    <p class="uk-margin"><a class="uk-button" href="#">ثبت نام</a></p>
    </div>
    </div>
    <div>
    <div class="uk-panel uk-panel-box  " style="min-height: 340px;">
    <div class="uk-margin">
    <p class="uk-h1">خاص</p>
    <span class="uk-h1 uk-text-primary">120 </span>هزار تومان / ماه
    <div class="tm-divider uk-margin-bottom-remove"> </div>
    <ul class="uk-list uk-list-line">
    <li>پزشک تغدیه</li>
    <li><strong style="font-family: tahoma;"> 3 </strong>نفر</li>
    <li><strong style="font-family: tahoma;"> 3 </strong>کلاس</li>
    <li><strong style="font-family: tahoma;"> 5 </strong>روز در هفته</li>
    <li>تست<strong> سلامت </strong></li>
    <li>پشتیبان انلاین</li>
    </ul>
    </div>
    <p class="uk-margin"><a class="uk-button" href="#">ثبت نام</a></p>
    </div>
    </div>
    </div>
    </div>
    
  • ایکون فونت

    اموزش کامل استفاده از ایکون فونت ها:

    http://getuikit.com/docs/icon.html
  • دکمه ها

    دکمه های html:

    <a class="uk-button" href="/">Text</a>
    

    Text

    کلاس های بیشتر برای ایجاد رنگ و سایز های مختلف:

    uk-button-primary

    مثال:

    Text

    uk-button-third

    مثال:

    Text

     

    uk-button-fourth

    مثال:

    Text

     

    uk-button-dark

    مثال:

    Text

    سایز دکمه ها:

    uk-button-mini

    uk-button-small

    uk-button-large

    اطلاعات بیشتر:

    http://getuikit.com/docs/button.html
  • گرید و پورتفولیو

    برای ایجاد پورتفولیو، ازمدیریت ماژول ها یک ماژول جدید از نوع RokSprocket Module ایجاد کنید. در قسمت Pick a Layout گزینه Mosaic رو انتخاب کنید. و در قسمت Pick a Content Provider ورودی مطالب مورد نظر رو انتخاب کنید.

    پیشنهاد میکنم اگه تعداد ایتم ها محدود هستن از Simple استفاده کنید.

    بعد از ایجاد ماژول از قسمت Add New Item ایتم های خودتون رو ایجاد کنید و تصویر و متن مورد نظر رو هم وارد کنید.

    توجه کنید که در قسمت Mosaic Layout Options گزینه theme باید روی Default تنظیم شده باشد.

    برای تنطیم تعداد ستون ها هم Columns رو تنظیم کنید.

    برای ایجاد گرید، ازمدیریت ماژول ها یک ماژول جدید از نوع RokSprocket Module ایجاد کنید.

    در قسمت Pick a Layout گزینه Grid رو انتخاب کنید. و در قسمت Pick a Content Provider ورودی مطالب مورد نظر رو انتخاب کنید

  • تب ساز

    برای ایجاد تب ، به مدیریت ماژول ها برید و یک ماژول از نوع RokSprocket Module ایجاد کنید.

    در قسمت Pick a Layout گزینه Tab رو انتخاب کنید. و در قسمت Pick a Content Provider ورودی مطالب مورد نظر رو انتخاب کنید.

    پیشنهاد از Simple استفاده کنید.

    اولین چیزی که باید مشخص کنید موقعیت تب هاست . برای این کار از Tabs Layout Options در قسمت Tabs Position یکی از 4 موقعیت بالا ، پایین ، چپ و راست رو انتخاب کنید.

    بعد از انتخاب جهت نمايش تب ها، با کليک روي دکمه add new item ايتم هاي خود را اضافه کنيد.

  • کلاس های متن

    <p> .uk-text-small </p>
    <p> .uk-text-large </p>
    <p> .uk-text-bold </p>
    <p> .uk-text-muted </p>
    <p> .uk-text-primary  </p>
    <p> .uk-text-success </p>
    <p> .uk-text-warning </p>
    <p> .uk-text-danger </p>
    <p> .uk-text-contrast </p>
    <p> .uk-text-third </p>
    <p> .uk-text-fourth  </p>
    <p> .uk-text-secondary </p>
    
    

    Text alignment:

    <p> .uk-text-left </p>
    <p> .uk-text-right </p>
    <p> .uk-text-center </p>
    
    
    

    برای استفاده فقط باید کلاس مورد نظر رو به قسمت کلاس ها اضافه کنیم ، مثلا:

     <p class=”uk-text-center  uk-text-primary”> test</P>
    
    

    اطلاعات بیشتر:

    http://getuikit.com/docs/text.html
  • تنظیم فونت

    برای تنظیم فونت ، به مدیریت قالب رفته از تب Options ، تب Settings رو انتخاب کنید.

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

    تیک گزینه Advanced Mode را بزنید تا تنظمیات کامل نمایش داده شود.

    در ابتدا Typography رو پیدا کنید و گزینه های body font family و heading font family و subnav font family رو تنظیم کنید.

    سپس تیتر Navbar رو پیدا کنید و گزینه nav font family رو تنظیم کنید.

    در اخر روی دکمه ابی رنگ Save کلیک کنید.

  • RTL

    براي نمايش قالب فيروزه به صورت فارسي و rtl کافيست، زبان سايت در جوملا رو روي فارسي تنظيم کنيد.

  • فرم ها

    تمامی فرم های موجود در قالب با استفادهاز html ایجاد شده اند و از هیچ افزونه فرم سازی در قالب استفاده نشده است.

    برای استفاده ، شما به عنوان طراح سایت ، باید این فرم ای html رو به یک ارسال کننده متصل کنید.

    نحوه ای ایجاد فرم ها:

    http://getuikit.com/docs/form.html
  • فشرده سازی

    با توجه به این که قالب به صورت پیشفرض از تعداد زیادی فایل css و js استفاده میکنه، بهتره برای کمک به لود بهتر سایت از تنظیمات فشرده ساز قالب استفاده کنیم.

    همچنین جوملا و کامپوننت های استفاده شده در قالب مثل roksprocket هم تعداد زیادی js و css فراخوانی میکنند که با بالا رفتن تعداد فایل ها، تعداد درخواست ها به سرور افزایش پیدا میکنه و باعث کاهش سرعت لود سایت خواهد شد.

    برای این منظور در فیروزه علاوه بر فشرده ساز قالب، برای فشرده سازی از پلاگین RokBooster شرکت rockettheme استفاده کردیم.

    برای تنظیم فشرده ساز ، به مدیریت قالب رفته از تب Options ، تب Settings رو انتخاب کنید. حالا به Compression برید و از منوی دراپ دون، گزینه دوم " Minify + Data URIs" رو انتخاب کنید.

    با این کار تمام css های قالب در یک css خلاصه و تمام js ها در یک فایل js ذخیره میشوند.

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

    به سربرگ Style Sheet Settings رفته و Compress CSS Files رو روی گزینه سوم Combine and Compress قرار بدید.

    حالا به Javascript Settings رفته و Compress Scripts رو روی Combine and Compress قرار بدید.

    و بعد به تب Advanced رفته و Scan Method رو روی Joomla Header Scan تنظیم کنید .

    البته میتونید گزینه Full Header Scan رو هم انتخاب کنید. اما ما در نسخه دمو روی گزینه اول قرار دادیم.

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

    در نهایت پلاکین رو فعال و ذخیره کنید.

تور ایران

 

تور ایران

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

تور ایران         

 

 

 

 

 

 

 

 

 

 

 

 

 

تلفن تماس جهت رزرو تور:                                                                                                           Instagram: @Aria_Pars 
300 72 944 - 374+                                                                                                         Website: www.Aria-Pars.com
300 72 964 - 374+                                                                                                          Email: این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید 
تلگرام - ایمو - وایبر - واتس آپ                                                                                                                                                  

اینترو

اینترو یکی از جذابیتهای ریواس!

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

در ضمن میتونید ،تعیین کنید اینترو با افکت همراه باشه یا فقط یک موقعیت تمام صفحه در ابتدای سایت .

 

اموزش استفاده در صفحه راهنما

logo new         "آریا پارس" آژانس گردشگری و خدمات توریستی در حوزه قفقاز


logo new

 ARIA PARS.CO ALL RIGHTS RESERVED © 2018

Built with WARP 7 and UIKIT - Copyright © 2017 Joomplate

offcanvas language switcher