web-design

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

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

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

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

بوت استرپ توسط Mark Otto و Jacob Thornton در توییتر بعنوان یک بدنه برای تشویق ثبات در سراسر ابزار داخلی توسعه یافت و بعد از آن بعنوان یک ابزار منبع باز منتشر شد. اولین کاری که باید انجام دهید نصب و فعال سازی افزونه  WordPress Twitter Bootstrap CSS میباشد,پس از فعال سازی افزونه آیتم منوی توییتر بوت استرپ را به بخش مدیریت اضافه میکند. برای رفتن به داشبورد افزونه روی آن کلیک کنید.

منوی بوت استرپ

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

مثال کو کوتاه

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

اکنون نگاهی به پیکر بندی انداحته و برخی عناصر بوت استرپ css را به وبلاگ پست اضافه میکنیم. بسادگی کد کوتاهی مانند زیر را به صفحه محتوا یا پست خود اضافه کنید:

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

نمایش گزینه ها

عناصر css زیادی مانند راهنمای ابزار,منوهای آکاردئونی,جعبه پنجره,نوار پیشرفت و عناصر دیگری وجود دارد که میتوانید به پست خود اضافه کنید. \ موفق باشید

در اینستاگرام ما: تخفیف بگیرید ٬ انرژی بگیرید و یک کسب و کار اینترنتی عالی راه اندازی کنید.فالو می کنم

پکیج های آموزشی

پیشنهاد می کنیم
نظرات کاربران
  • درخواست شما پس از تایید در سایت نمایش داده می شود. از ارسال پرسش تکراری خودداری نمایید.

avatar
wpDiscuz