آمر یاران

بهبود و رفع خطاهای وب‌سایت

طراحی انواع مختلف وب‌سایت‌ها

افزایش امنیت وردپرس و هاست

بهینه سازی وب سایت برای موتورهای جستجو

طراحی لوگو و آرم

طراحی ست اداری

تدوین و ساخت تیزر

فیلمبرداری + هلی‌شات

اجرای برنامه‌های لایو + استودیو مجازی

0

هیچ محصولی در سبد خرید نیست.

آمر یاران

بهبود و رفع خطاهای وب‌سایت

طراحی انواع مختلف وب‌سایت‌ها

افزایش امنیت وردپرس و هاست

بهینه سازی وب سایت برای موتورهای جستجو

طراحی لوگو و آرم

طراحی ست اداری

تدوین و ساخت تیزر

فیلمبرداری + هلی‌شات

اجرای برنامه‌های لایو + استودیو مجازی

نوشته‌های بلاگ

آموزش و معرفی افزونه jannah extensions [آموزش قالب جنّه Jannah | قسمت هفتم]

آموزش و معرفی افزونه jannah extensions [آموزش قالب جنّه Jannah | قسمت هفتم]

آموزش و معرفی افزونه jannah extensions 

در معرفی افزونه jannah extensions قصد داریم افزونه jannah extensions که در بخش نوشته ها در هنگام افزودن نوشته ها می‌توانید از آن استفاده کنید را کامل توضیح دهیم.
برای فعال سازی افزونه به بخش افزونه ها، قسمت افزونه های نصب شده می‌رویم و افزونه jannah-extensions را فعال می‌کنیم.

فعال سازی افزونه

اگر این افزونه را نصب نکرده اید نحوه نصب آن را در قسمت سوم ببینید.
بعد از فعال سازی این افزونه در بخش افزودن نوشته قابلیتی برای شما اضافه می‌شود که با آیکون جنّه در نوار بالای قالب کلاسیک قرار دارد. در ادامه تمام این قابلیت ها را توضیح می‌دهیم.

جعبه

این گزینه در نوشته شما جعبه ای ایجاد می‌کند که می‌توانید نوشته و شورت کد های دیگر را در آن قرار دهید. می‌توانید برای این گزینه تنظیمات زیر را اعمال کنید.
۱.استایل/ از این بخش می توانید استایل جعبه را با توجه به نیاز خود تعیین کنید.
۲.ترازبندی/ از این باکس مشخص کنید که متن شما در کدام قسمت از جعبه قرار بگیرد.
۳.کلاس دلخواه/ اگر کلاس دلخواهی مد نظر شماست می توانید در این باکس وارد کنید.
۴.پهنا/ در این باکس پهنای جعبه خود را بر اساس درصد وارد کنید.
۵.محتوا/ در این قسمت هم محتوایی که می‌خواهید در جعبه نمایش داده شود را وارد کنید.

تنظیمات جعبه

کد های اعمال شده به این صورت می‌باشد.

کد های جعبه

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نوشته جعبه

دکمه

از طریق این گزینه می‌توانید دکمه هایی را به متن خود اضافه کنید که با تنظیمات زیر قابل شخصی سازی است.
۱.رنگ/ از بین رنگ های موجود یکی را برای دکمه انتخاب کنید.
۲.اندازه/ مشخص کنید که دکمه شما در چه اندازه ای باشد.
۳.ارتباط دادن/ می توانید لینکی را وارد کنید تا کاربر با کلیک روی دکمه وارد آن شود.
۴.متن/ برای دکمه خود متنی وارد کنید.
۵.آیکون/ می‌توانید یک آیکون برای دکمه خود در نظر بگیرید.
۶.بازکردن پیوند در پنجره جدید/ می‌توانید این گزینه را هم برای دکمه خود فعال کنید.
۷.نوفالو؟/ انتخاب کنید که لینک این دکمه فالو باشد یا نوفالو.

تنظیمات دکمه

کد های اعمال شده به این صورت می‌باشد.

کدهای دکمه

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نوشته دکمه

تب ها(tab)

می‌توانید با این گزینه متن خود را به چند تب جداگانه تقسیم کنید و در هر تب مطالب مربوط به همان تب را قرار دهید.
در تنظیمات این گزینه می‌توانید مشخص کنید که تب ها به صورت عمودی باشند یا افقی.

تنظیمات تب

کد های اعمال شده به این صورت می‌باشد.

کدهای تب

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نوشته تب

باکس باز و بسته شونده

یکی از بخش های مهم معرفی افزونه jannah extensions باکس باز و بسته شونده است.

برای اینکه در نوشته خود باکسی را قرار دهید تا قابلیت باز و بسته شدن داشته باشند می‌توانید از این گزینه استفاده کنید. در تنظیمات آن می‌توانید بخش های زیر را شخصی سازی کنید.
۱.عنوان پویش/ برای باکس خود عنوانی انتخاب کنید.
۲.وضعیت/ می‌توانید مشخص کنید که باکس شما از ابتدا باز باشد و کاربر برای باز شدن روی آن کلیک کند یا برعکس.
۳.محتوا/ محتوایی که می‌خواهید در باکس نمایش داده شود را وارد کنید.

تنظیمات باکس بازشونده

کد های اعمال شده به این صورت می‌باشد.

کد های باکس بازشونده

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش باکس بازشونده

اسلاید شو محتوی

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

کد های اعمال شده به این صورت می‌باشد.

کد های اسلایدر

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش اسلایدر

بیوگرافی نویسنده

از طریق این گزینه می‌توانید اطلاعات نویسنده متن را در انتهای متن بیاورید. تنظیمات آن در سه عنوان قابل شخصی سازی است.
۱.عنوان پویش/ برای باکسی که در پایین نوشته ایجاد می‌شود عنوانی انتخاب کنید.
۲.آدرس تصویر نویسنده/ اگر می‌خواهید تصویر نویسنده را قرار دهید آدرس آن را در این باکس وارد کنید.
۳.محتوا/ می‌توانید در این باکس اطلاعتی که می‌خواهید را درباره نویسنده به کاربر منتقل کنید.

تنظیمات بیوگرافی

کد های اعمال شده به این صورت می‌باشد.

کد های بیوگرافی

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش بیوگرافی

feeds

اگر می‌خواهید محتوا های به روز سایت دیگری را در سایت خود قرار دهید می توانید از این طریق آدرس rss آن را وارد کرده و در سایت خود نمایش دهید. در این بخش باید دو باکس را تکمیل کنید.
۱.آدرس فید/ باید آدرس فید سایت مد نظر خود را اینجا وارد کنید.
۲.تعداد فید ها/ مشخص کنید چه تعداد از فید های سایت نمایش داده شود.

تنظیمات فید

کد های اعمال شده به این صورت می‌باشد.

کد های فید

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش فید

راهنمای ابزار

اگر می‌خواهید برای بخشی از متن و یا کلمه خاصی راهنمایی قرار دهید تا کاربر با عبور ماوس بر روی آن کلمه بتواند آن را مطالعه کند می‌توانید این گزینه را فعال کنید و تنظیمات زیر را اعمال کنید.
۱.عنوان پویش/ متنی که می‌خواهید شامل این راهنما باشد را وارد کنید.
۲.محتوا/ راهنمایی که می‌خواهید کاربر مطالعه کند را وارد کنید.
۳.جهت بندی/ از این باکس می‌توانید مشخص کنید که راهنما در کدام جهت باز شود.

تنظیمات راهنمای ابزار

کد های اعمال شده به این صورت می‌باشد.

کد های راهنمای ابزار

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش راهنمای ابزار

دکمه های اشتراک گذاری

می‌توانید در نوشته خود دکمه های اشتراک گذاری قرار دهید تا کاربر پست شما را به اشتراک بگذارد. دکمه های زیر را می‌توانید از این بخش انتخاب کنید.
۱.دکمه لایک فیسبوک
۲.دکمه توئین
۳.دکمه پینترست
۴.دکمه فالو توئیت
۵.نام کاربری توییتر/ بهتر است نام کاربری توییتر خود را در این باکس وارد کنید.

تنظیمات اشتراک گذاری

کد های اعمال شده به این صورت می‌باشد.

کدهای اشتراک گذاری

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش اشتراک گذاری

دراپ کپ

اگر می‌خواهید متن شما متفاوت باشد و ابتدای آن با کلمات بزرگ تری شروع شود این گزینه این قابلیت را به متن شما اضافه می‌کند.
کد های اعمال شده به این صورت می‌باشد.

کدهای دراپ کپ

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش دراپ کپ

ابر برچسب‌ها

از طریق این گزینه در ابتدای متن شما لیستی از برچسب ها قرار می‌گیرد که کاربر با کلیک روی آن به آن بخش هدایت می‌شود.
کد های اعمال شده به این صورت می‌باشد.

کد ابر برچسب

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش ابربرچسب

متن برجسته

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

کد برجسته

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش متن برجسته

چسباندن(padding)

از طریق این گزینه شما می‌توانید فاصله هایی را از چپ و راست تصویر در نظر بگیرید تا بر روی هر نوشته ای که بین این کد ها قرار می‌دهید اعمال شود.

تنظیمات چسباندن

کد های اعمال شده به این صورت می‌باشد.

کد چسباندن

نوشته شما به این صورت به کاربر نمایش داده می‌شود. ( میتوانید مشاهده کنید که فاصله از راست ۱۰% و از چپ ۲۰٪ می‌باشد.)

نمایش چسباندن

خط جداکننده

برای اینکه نوشته های خود را با خطی از هم جدا کنید می‌توانید از این شورت کد استفاده کنید. برای این شورت کد می‌توانید تنظیمات زیر را اعمال کنید.

۱.استایل/ از این باکس استایل خط را انتخاب کنید.

۲.حاشیه بیرونی از بالا/ در این باکس عددی وارد کنید تا حاشیه آن با متن بالا را مشخص کند.

۳.حاشیه بیرونی از پایین/ در این باکس عددی وارد کنید تا حاشیه آن با متن پایین را مشخص کند.

تنظیمات خط جداکننده

کد های اعمال شده به این صورت می‌باشد.

کد خط جداکننده

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش خط جداکننده

لیست ها

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

کد لیست

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش لیست

محدودیت محتوا

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

کد محدودیت محتوا

و نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش محدودیت محتوا

اگر برای مهمان ها قرار دهید،کد های اعمال شده به این صورت می‌باشد.

کد محدودیت محتوا

و نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش محدودیت محتوا

ستون

اگر می‌خواهید پست خود را ستون بندی کنید با استفاده از این شورت کد می‌توانید ستون هایی با تعداد متفاوت ایجاد کنید.
کد های اعمال شده به این صورت می‌باشد.

کد ستون

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش ستون

در ادامه معرفی افزونه jannah extensions به بخش هایی می‌پردازیم که بدون این افزونه هم قابل اجرا می‌باشند اما به صورت شورت کد هم می‌توان آنها را اجرا کرد.

ویدئو

برای قرار دادن ویدئو می‌توانید از این بخش استفاده کنید و تنظیمات زیر را اعمال کنید.
۱.آدرس ویدیو/ در این باکس آدرس ویدیو خود را وارد کنید.
۲.پهنا/ عرض ویدیو را وارد کنید.
۳.ارتفاع/ ارتفاع ک می‌خواهید نمایش داده شود را وارد کنید.

ویدیو

صوت

برای صوت از این شورت کد استفاده کنید و از آدرس های زیر را وارد کنید.
۱.آدرس فایلMP3
۲.آدرس فایلM4A
۳.آدرس فایلOGG

صوت

لایت باکس

لایت باکس را در قسمت قبلی توضیح دادیم، اگر می‌خواهید ویدیو یا عکسی را به صورت لایت باکس قرار دهید می‌توانید از این بخش استفاده کنید.
۱.تصویرکامل یا آدرس ویدئو یوتوب/ویمئو
۲.عنوان پویش
۳.محتوا

لایت باکس

پاسخ

در این بخش از معرفی افزونه jannah extensions  می‌پردازیم به پاسخ یا همان نقل قول.

از طریق این شورت کد می‌توانید متنی را در قالب نقل قول به پست خود اضافه کنید. از طریق باکس های زیر تنظیم کنید.
۱.محتوا/ محتوای پاسخ خود را در این بخش وارد کنید.
۲.ترازبندی/ مشخص کنید در کدام قسمت باکس متن شما قرار بگیرد.
۳.نویسنده/ می‌توانید نام نویسنده را در این باکس وارد کنید.
۴.استایل/ از این باکس استایل دلخواه خود را انتخاب کنید.

تنظیمات پاسخ

کد های اعمال شده به این صورت می‌باشد.

کد پاسخ

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش پاسخ

تبلیغات

در بخش قبلی کد هایی برای تبلیغات در نظر گرفتیم که می‌توانید از این بخش آنها را استفاده کنید.
کد های اعمال شده به این صورت می‌باشد.

تبلیغات

فرم ورود به پرتابل

می‌توانید در پست خود فرمی را قرار دهید تا کاربران به وسیله آن به حساب خودشان وارد شوند.
کد های اعمال شده به این صورت می‌باشد.

کد فرم ورود

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش فرم ورود

عرض تصویر به صورت کامل

اگر می‌خواهید تصویری را قرار دهید و عرض آن به صورت تمام صفحه باشد می‌توانید از این شورت کد استفاده کنید.
کد های اعمال شده به این صورت می‌باشد.

کد فول تصویر

تصویر شما به این صورت به کاربر نمایش داده می‌شود.

نمایش فول تصویر

نمایان محتوا

این شورت کد آخرین شورت کد در آموزش و معرفی افزونه jannah extensions است که قابلیت جالبی به نوشته شما اضافه می‌کند. در هرجایی از متن خود که از این شورت کد استفاده کنید کاربر می‌تواند با استفاده از منویی که در کنار نوشته شما ایجاد شده مستقیم به همان قسمت منتقل شود. در باکس متن باید متنی را وارد کنید تا در منو کنار پست نمایش داده شود.

تنظیمات نمایان محتوا

کد های اعمال شده به این صورت می‌باشد.

کد نمایان محتوا

نوشته شما به این صورت به کاربر نمایش داده می‌شود.

نمایش نمایان محتوا

امیدواریم که معرفی افزونه jannah extensions برای شما سودمند بوده باشه، موفق باشید.

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

برچسب ها:
نوشته های مرتبط
سفارشی سازی اندازه تصاویر شاخص
آموزش سفارشی سازی اندازه تصاویر شاخص در قالب جنّه [آموزش قالب جنّه Jannah | قسمت هجدهم]

مهم! از نسخه 6.0.0 قالب جنه، دیگر جهت تغییر اندازه تصاویر شاخص نیازی به انجام آموزش زیر نیست. فقط کافی…

تغییر فرم ورود و پروفایل پیش فرض قالب
آموزش تغییر فرم ورود و پروفایل پیش فرض قالب جنّه [آموزش قالب جنّه Jannah | قسمت هفدهم]

در انتهای همین مطلب، به روشی دیگر این آموزش آپدیت شده که در ویدیو آموزشی نمی باشد. پیشنهاد می شود…

خبرنامه پیامکی

با عضویت در خبرنامه آمریاران، مطالب و آموزش های جدید به شما اطلاع رسانی می شود.