پنل کناری – سفارشی‌ساز

  • نویسندۀ پست:
  • دسته‌بندی پست:Customizer
  • نظرات پست:۰ دیدگاه
  • زمان خواندن:19 دقیقه زمان خواندن
  • آخرین اصلاح پست:اسفند ۲۲, ۱۴۰۳

در صورتی که یکی از قالب‌های وبسایت از پیش ساخته شدۀ OceanWP را برای وردپرس ایمپورت کرده باشید، ممکن است تنظیمات پیش‌فرض پوسته متفاوت باشند؛ چراکه این قالب‌ها تنظیمات سفارشی‌ساز مخصوص به خود را دارند. با این حال، نحوۀ استفاده از سفارشی‌ساز برای تنظیم وبسایت‌تان تغییر نخواهد کرد.

پنل OceanWP Customizer Side Panel به شما این قابلیت را می‌دهد تا یک سایدبار خارج از بوم (off-canvas) در وبسایت‌تان نمایش دهید که می‌توانید آن را به طور دلخواه طراحی استایل کنید و همچنین به آن محتوا اضافه نمایید. این پنل از قالب‌های سفارشی نیز پشتیبانی می‌کند.

پنل کناری (Side Panel) یکی از ویژگی‌های پریمیوم OceanWP است که با باندل OceanWP Pro Bundle در دسترس می‌باشد.همین حالا می‌توانید پلن خود را ارتقا دهید و به این پنل و ویژگی‌های فراوان دیگر، قالب‌های کاملِ پریمیومِ وبسایت، پشتیبانی اختصاصی و موارد بیشتر دسترسی پیدا کنید.

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

گزینه‌های در دسترس برای پنل کناری عبارتند از:

  • نقاط شکست
  • بخش دکمۀ باز کردن:
    • موقعیت دکمۀ باز کردن
    • آیکون دکمۀ باز کردن
    • انیمیشن دکمۀ باز کردن (برای موقعیت دکمۀ باز کردن در داخل منوی اصلی)
    • متن دکمۀ باز کردن (برای موقعیت دکمۀ باز کردن در داخل منوی اصلی)
    • موقعیت متن (برای موقعیت دکمۀ باز کردن در داخل منوی اصلی)
  • بخش محتوای پنل کناری:
    • موقعیت پنل
    • عرض پنل (px)
    • پدینگ محتوا (px)
    • محتوای پنل کناری سفارشی
  • بخش جلوه‌های پنل کناری:
    • جابه‌جایی
    • روکش رنگ
  • بخش دکمۀ بستن:
    • نمایش دکمۀ بستن
    • متن دکمۀ بستن
  • بخش تایپوگرافی و رنگ‌ها:
    • برای موقعیت دکمۀ باز کردن در داخل منوی اصلی:
      • رنگ‌ها:
        • آیکون دکمۀ باز کردن
    • برای موقعیت دکمۀ باز کردن در کنار پنل:
      • تایپوگرافی:
        • اندازۀ آیکون (px)
      • رنگ‌ها:
        • پس‌زمینۀ دکمه
        • آیکون دکمه
        • بوردر دکمه
    • رنگ‌ها:
      • روکش رنگ
      • پس‌زمینۀ پنل
      • پس‌زمینۀ دکمۀ بستن
      • متن / آیکون دکمۀ بستن
      • هدینگ‌ها
      • متن
      • لینک‌ها
      • جداکننده‌های ابزارک

نقاط شکست

گزینۀ نقاط شکست (Breakpoints) به شما اجازه می‌دهد تا عرض صفحه را تنظیم کنید که با توجه به آن، نمایشِ پنل کناری (دکمه و محتوا) متوقف خواهد شد.

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

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

موقعیت دکمۀ باز کردن

گزینۀ «موقعیت دکمۀ باز کردن» به شما اجازه می‌دهد تا موقعیت قرارگیری دکمۀ باز کردن پنل کناری را انتخاب نمایید.

گزینه‌های در دسترس عبارتند از:

  • داخل منوی اصلی (پیش‌فرض): در انتهای پیمایش منوی اصلی نمایش داده می‌شود.
  • در کنار پنل: در کنار صفحه نمایش داده می‌شود. موقعیت دکمه در صفحه (چپ یا راست) به انتخاب «موقعیت پنل» توسط شما بستگی دارد.
  • غیرفعال شده: دکمۀ باز کردن در صفحه یا منو نمایش داده نمی‌شود. در عوض می‌توانید برای نمایش دکمۀ باز کردن پنل کناری در هر کجای صفحه، از یک کد کوتاه استفاده کنید.

آیکون دکمۀ باز کردن

گزینۀ آیکون دکمۀ باز کردن به شما این قابلیت را می‌دهد تا آیکون مورد نظرتان را برای دکمۀ باز کردن پنل کناری انتخاب نمایید.

این بخش انتخاب‌های متعددی دارد.

انیمیشن دکمۀ باز کردن

گزینۀ انیمیشن دکمۀ باز کردن زمانی در دسترس است که موقعیت دکمۀ باز کردن روی گزینۀ «داخل منوی اصلی» تنظیم شده باشد.

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

این بخش انتخاب‌های متعددی دارد.

متن دکمۀ باز کردن

گزینۀ متن دکمۀ باز کردن زمانی در دسترس است که موقعیت دکمۀ باز کردن روی گزینۀ «داخل منوی اصلی» تنظیم شده باشد.

با استفاده از این گزینه شما می‌توانید یک متن سفارشی اضافه کنید که در کنار آیکون باز کردن نمایش داده می‌شود.

موقعیت متن

گزینۀ موقعیت متن زمانی در دسترس است که موقعیت دکمۀ باز کردن روی گزینۀ «داخل منوی اصلی» تنظیم شده باشد.

این گزینه به شما اجازه می‌دهد تا موقعیت متن دکمۀ باز کردن نسبت به آیکون را انتخاب نمایید:

  • قبل: متن قبل از آیکون نمایش داده می‌شود.
  • بعد: متن بعد از آیکون نمایش داده می‌شود.

موقعیت پنل

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

  • راست: پنل کناری در سمت راست صفحه نمایش داده می‌شود.
  • چپ: پنل کناری در سمت چپ صفحه نمایش داده می‌شود.

عرض پنل (px)

گزینۀ عرض پنل (px) به شما این قابلیت را می‌دهد تا عرضِ پنل کناری را تنظیم کنید.

این گزینه همیشه با واحد پیکسل (px) اندازه‌گیری می‌شود.

پدینگ محتوا (px)

گزینۀ پدینگ محتوا (px) به شما این قابلیت را می‌دهد تا به اطراف محتوای پنل کناری، پدینگ (فاصله) اضافه کنید.

محتوای پنل کناری سفارشی

گزینۀ محتوای پنل کناری سفارشی به شما اجازه می‌دهد که یک قالب سفارشی ساخته شده در مسیر داشبورد وردپرس، OceanWP > کتابخانۀ من را انتخاب نمایید که جایگزین محتوای پیش‌فرضِ پنل کناری می‌شود.

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

برای افزودن محتوای پیش‌فرض به پنل کناری، به مسیر داشبورد وردپرس، ظاهر > ابزارک‌ها بروید و ابزارک‌ها (در صورتی که از افزونۀ Classic Widgets استفاده می‌کنید) یا بلوک‌ها را (در صورتی که از ویرایشگر بلوک استفاده می‌کنید) به ناحیۀ اختصاصی پنل کناری اضافه کنید.

جابه‌جایی

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

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

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

روکش رنگ

گزینۀ روکش رنگ به شما این قابلیت را می‌دهد که هنگام باز بودن پنل کناری، یک روکش رنگی را روی محتوای وبسایت اعمال کنید.

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

نمایش دکمۀ بستن

گزینۀ نمایش دکمۀ بستن به شما این قابلیت را می‌دهد تا انتخاب کنید که یک دکمۀ بستن اختصاصی در بالای محتوای پنل کناری نمایش داده شود یا نمایش داده نشود (هنگامی که پنل کناری باز است).

اگر دکمۀ بستن اختصاصی نمایش داده نشود، کاربران می‌توانند با کلیک کردن روی آیکون باز کردن، پنل کناری را ببندند.

متن دکمۀ بستن

گزینۀ متن دکمۀ بستن به شما اجازه می‌دهد تا متنی سفارشی اضافه کنید که کاربرد دکمۀ بستن را توضیح دهد (در صورتی که گزینۀ نمایش دکمۀ بستن فعال باشد).

آیکون دکمۀ باز کردن

گزینۀ رنگِ آیکون دکمۀ باز کردن به شما اجازه می‌دهد که رنگ عادی و رنگ هاور را برای آیکون اعمال کنید. این آیکون زمانی پدیدار می‌شود که موقعیت دکمۀ باز کردن روی گزینۀ «داخل منوی اصلی» تنظیم شده باشد.

اندازۀ آیکون (px)

گزینۀ تایپوگرافی اندازۀ آیکون به شما این قابلیت را می‌دهد تا اندازۀ آیکون دکمۀ باز کردن را تنظیم کنید. این آیکون زمانی پدیدار می‌شود که موقعیت دکمۀ باز کردن روی گزینۀ «در کنار پنل» تنظیم شده باشد.

این گزینه همیشه با واحد پیکسل (px) اندازه‌گیری می‌شود.

پس‌زمینۀ دکمه

گزینۀ رنگِ پس‌زمینۀ دکمه به شما این قابلیت را می‌دهد تا رنگی را برای پس‌زمینۀ دکمۀ باز کردن اعمال کنید. این دکمه زمانی پدیدار می‌شود که موقعیت دکمۀ باز کردن روی گزینۀ «در کنار پنل» تنظیم شده باشد.

آیکون دکمه

گزینۀ رنگِ آیکون دکمه به شما اجازه می‌دهد که رنگی را برای بوردرِ اطرافِ دکمۀ باز کردن، اعمال کنید. این دکمه زمانی پدیدار می‌شود که موقعیت دکمۀ باز کردن روی گزینۀ «در کنار پنل» تنظیم شده باشد.

روکش رنگ

در صورت فعال بودن جلوۀ «روکش رنگ»، گزینۀ رنگِ «روکش رنگ» به شما اجازه می‌دهد که رنگی را برای روکش اعمال کنید.

پس‌زمینۀ پنل

گزینۀ رنگِ پس‌زمینۀ پنل به شما این قابلیت را می‌دهد تا رنگی را برای پس‌زمینۀ پنل کناری اعمال کنید.

پس‌زمینۀ دکمۀ بستن

گزینۀ رنگِ پس‌زمینۀ دکمۀ بستن به شما این قابلیت را می‌دهد تا رنگ عادی و رنگ هاور را برای ناحیۀ دکمۀ بستنِ پنل کناری اعمال کنید.

متن / آیکون دکمۀ بستن

گزینۀ رنگِ متن / آیکون دکمۀ بستن به شما اجازه می‌دهد که رنگ عادی و رنگ هاور را برای متن یا آیکون دکمۀ بستنِ پنل کناری اعمال کنید.

هدینگ‌ها

گزینۀ رنگِ هدینگ‌ها به شما اجازه می‌دهد که رنگی را برای تمام هدینگ‌های نمایش داده شده در ناحیۀ محتوای پنل کناری اعمال کنید.

این گزینۀ رنگ به اینکه چگونه محتوای پنل کناری را اضافه کرده‌اید بستگی دارد:

  • ابزارک‌ها (با استفاده از افزونۀ Classic Widgets): رنگ اعمال شده است.
  • بلوک‌ها (با استفاده از ویرایشگر بلوک): رنگ از پوسته گرفته می‌شود یا در هر بلوک اعمال می‌گردد؛ در نتیجه به تنظیمات شما بستگی دارد.
  • محتوای سفارشی (با استفاده از سازنده‌ها): رنگ از پوسته گرفته می‌شود یا در داخل خودِ قالب اعمال می‌گردد؛ در نتیجه به تنظیمات شما بستگی دارد.

متن

گزینۀ رنگِ متن به شما این قابلیت را می‌دهد تا رنگی را برای تمام بخش‌های متنی (غیرلینک) در ناحیۀ محتوای پنل کناری اعمال کنید.

این گزینۀ رنگ به اینکه چگونه محتوای پنل کناری را اضافه کرده‌اید بستگی دارد:

  • ابزارک‌ها (با استفاده از افزونۀ Classic Widgets): رنگ اعمال شده است.
  • بلوک‌ها (با استفاده از ویرایشگر بلوک): رنگ از پوسته گرفته می‌شود یا در هر بلوک اعمال می‌گردد؛ در نتیجه به تنظیمات شما بستگی دارد.
  • محتوای سفارشی (با استفاده از سازنده‌ها): رنگ از پوسته گرفته می‌شود یا در داخل خودِ قالب اعمال می‌گردد؛ در نتیجه به تنظیمات شما بستگی دارد.

لینک‌ها

گزینۀ رنگِ لینک‌ها به شما این قابلیت را می‌دهد تا رنگ عادی و رنگ هاور را برای تمام لینک‌های موجود در ناحیۀ محتوای پنل کناری اعمال کنید.

این گزینۀ رنگ به اینکه چگونه محتوای پنل کناری را اضافه کرده‌اید بستگی دارد:

  • ابزارک‌ها (با استفاده از افزونۀ Classic Widgets): رنگ اعمال شده است.
  • بلوک‌ها (با استفاده از ویرایشگر بلوک): رنگ از پوسته گرفته می‌شود یا در هر بلوک اعمال می‌گردد؛ در نتیجه به تنظیمات شما بستگی دارد.
  • محتوای سفارشی (با استفاده از سازنده‌ها): رنگ از پوسته گرفته می‌شود یا در داخل خودِ قالب اعمال می‌گردد؛ در نتیجه به تنظیمات شما بستگی دارد.

جداکننده‌های ابزارک

در صورتی که با استفاده از ابزارک‌ها به پنل کناری محتوا اضافه کرده‌اید (یا از افزونۀ Classic Widgets استفاده می‌کنید)، گزینۀ رنگِ جداکننده‌های ابزارک به شما اجازه می‌دهد تا رنگی را برای جداکننده (دیوایدر) اعمال کنید که به طور خودکار بین تمام ابزارک‌ها اضافه می‌گردد.

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

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

این هم از این مقاله!

از ساخت وبسایت وردپرس خود با OceanWP لذت ببرید!

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