سایت برتر

اضافه کردن بوت استرپ به وردپرس با Easy Bootstrap Shortcode

اضافه کردن بوت استرپ به وردپرس

اضافه کردن بوت استرپ به وردپرس

با بوت استرپ میتوان استایل زیبا و جذابی به صفحات و نوشته سایت وردپرسی خود داد. اگر می‌خواهید بوت استرپ را به وبسایت وردپرسی خود اضافه کنید بهتر است با این افزونه این کار را انجام دهید. Easy Bootstrap Shortcode است افزونه سازگار با بوت استرپ 3.2.0 که اضافه کردن آیکون به ویرایشگر وردپرس (tinyMCE دکمه های کوتاه) و می تونید استایل بوت استرپ به وب سایت خود را فقط با کلیک بر روی آیکون ویرایشگر tinyMCE اضافه کنید.

ویژگی های افزونه  Easy Bootstrap Shortcode

  • افزودن آیکون در ویرایشگر وردپرس
  • افزودن شورتکد به ویرایشگر وردپرس
  • امکان تنظیم صفحه در سایز کوچک و معمولی
  • نمایش در سایدبار
  • سازگار با Bootstrap 3.0.3

نحوه کار با افزونه Easy Bootstrap Shortcode

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

تنظیمات افزونه

دراین قسمت چهار متاباکس وجود دارد، در اولین بخش، تنظیمات js و css را تنظیم کنید. گزینه Use from EBS Plugin را فعال کنید. در بخش font، میتوانید آیکون های Font Awesome را فعال و غیرفعال کنید. در بخش User Interface، رابط کاربری در بخش ویرایشگر را انتخاب کنید.( تعیین استایل دکمه های ویرایشگر).

در ادامه تنظیمات را به روز رسانی کنید. سپس، یک صفحه یا نوشته دلخواه در پیشخوان وردپرس ایجاد کنید. در نوار ابزار یک قسمت به نام EBS shortcode اضافه شده است. روی آن ابزار کلیک کنید. تعدادی گزینه های متفاوتی وجود دارد بر روی هر یک بر اساس دلخواه  و سلیقه خود کلیک کنید و تنظیمات را تغییر دهید و صقحه خود را به شکل جذاب تری طراحی کنید.

دکمه بوت استرپ

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

موفق و پیروز باشید.

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام میهن وردپرس عضو شوید.

نظر شما در این‌باره چیست؟

  1. U39298 ۱۸ اردیبهشت ۱۴۰۰

    سلام
    میخوام با استفاده از بوت استرپ یه قالبِ از قبل آماده شده وردپرس رو ویرایش کنم…آیا امکانش هست؟! اگر هست، باید حتما اون قالب هم با بوت استرپ ساخته شده باشه؟! و اینکه چطور میتونم اینکارو انجام بدم؟

  2. U27765 ۲۴ اسفند ۱۳۹۹

    سلام
    به طور کلی استفاده از بوت استرپ باعث افزایش سرعت سایت میشه؟

  3. U28101 ۱۱ خرداد ۱۳۹۹

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

    • تیم پشتیبانی تیم پشتیبانی ۱۱ خرداد ۱۳۹۹

      سلام
      پیشنهاد نمیکنیم چون بوت استرپ هزاران خط اضافی داره که سرعت سایت رو خیلی کم میکنه. طراحی سایت از صفر بدون استفاده از کدهای آماده رو توی دوره ۰ تا ۱۰۰ آموزش دادیم

  4. U12254 ۰۹ مهر ۱۳۹۸

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

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

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

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