نمایش دادن Section مخفی با کلیک بر روی دکمه توسط المنتور

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email
اشتراک گذاری در print
نمایش دادن یک بخش با دکمه
5/5 - (6 امتیاز)

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

در این آموزش نحوه نمایش یک بخش توسط دکمه را یاد می گیریم.

برای اجرای این آموزش، نیاز به افزونه جانبی زیر داریم:

نمایش دادن یک بخش با کلیک بر روی دکمه

تعیین یک شناسه برای بخش مورد نظر

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

در ایجا شناسه ما section_hide_b می باشد.

نمایش دادن یک بخش با دکمه

قرار دادن ویجت دکمه افزونه Jet Tricks

بعد از اینکه شناسه CSS بخش مورد نظرتان را تعیین کردید، به سراغ ویجت Read More از افزونه Jet Tricks بروید.

نمایش دادن یک بخش با دکمه

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

نمایش دادن یک بخش با دکمه

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

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

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

فهرست مطالب

علی ابراهیم زاده در 20:50

سلام وقت بخیر
منظورتون اینه که منویی که توی فوتر قرار دادین بالا نمیاد ؟
ُوالتون یک مقدار گنگ
چون فوتر ارتباطی به منوی بالای صفحه نداره شما میتونین برای فوتر از قالب هایی که با المنتور طراحی کردین استفاده کنین
ولی هدر سات رو از تنظیمات و هدر خود قالب استفاده کنین

پاسخ
منصوره در 15:04

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

پاسخ
المنتور فارسی در 17:12

با سلام
لطفا یک نمونه ارسال کنید بررسی کنیم.

پاسخ
solan در 23:57

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

من وقتی مثلا برای فوتر یک فوتر اختصاصی می سازم و اون رو به کل سایت تنظیم می کنم

دیگه قالب با منوی پیش فرض نمیاد بالا و منو رو نمیاره

آیا راهی هست که همزمان بشه از تنظیمات قالب پیش فرض و المنتور استفاده کرد؟

تشکر

پاسخ
مکسوس در 11:52

سلام. مطلب مفیدی بود سپاس از شما

پاسخ
افسانه در 00:14

من افزونه رو خریداری کردم چه جور میتونم کاری کنم که با زدن روی دکمه read more خود دکمه مخفی نشه؟

پاسخ
المنتور فارسی در 15:03

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

پاسخ
بابک در 21:22

وقت بخیر
اگر بخواهیم در یک برگه با کلیک بر روی یک دکمه یا متن به یک سکشن در همان برگه هدایت شویم چه راهی وجود داره.من همین راه رو برای همین مورد انجام دادم اما کار نمیکنه.مثلا بخواهیم یک About در هدر قرار دهیم و بعد با کلیک بروی ام به پایین همان برگه هدایت شویم.
ممنون

پاسخ
علی ابراهیم زاده در 20:43

با سلام میتونین برای اینکار از المان “لنگر مربوط به فهرست” استفاده کنین
یک شناسه ازتون میگیره که این شناسه رو باید تو پیوند دکمه یا المان متنی که دارین به همراه شارپ وارد کنین که نتیجه مد نظرتون رو بهتون برگردونه
برای مثال
about در لنگر فهرست مینویسین (لنگر فهرست رو به بالای بخش درباره ما اضافه کنید)
و about# رو تو قسمت لینک یا همون پیوند دکمه یا متن مورد نظرتون مینویسین
با اینکار وقتی رو دکمه کلیک کنن اسکرول میشه به سمت همون بخش درباره ما

پاسخ
المنتور فارسی در 11:08

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

پاسخ
احمد در 15:54

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

پاسخ
المنتور فارسی در 17:06

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

پاسخ
iman hz در 12:53

یک سوال دارم اینکه بعد از به نمایش درآوردن چطور میشه با زدن بر روی همان دکمه سکشن نمایش داده شده مخفی گردد ؟

پاسخ
المنتور فارسی در 14:04

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

پاسخ
میلاد در 02:32

سلام ،کاش این آموزش ها به صورت ویدئو یا گیف بود بهتر

پاسخ
المنتور فارسی در 10:58

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

پاسخ

نظرات ارزشمند خود را به اشتراک بگذارید