۱۳۹۲ اسفند ۱۹, دوشنبه

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

اضافه کردن عناصر css  به عنوان ابزار راهنما می تواند زیبایی سایت وردپرسی را دو چندان کند.در این مقاله،چگونگی استفاده از توییتر بوت استرپ CSS را در وردپرس با استفاده از کد کوتاه نشان خواهیم داد.
توییتر بوت استرپ یک فریم ورک از  CSS و جاوا اسکریپت است که کمک می کند تا طراحی سایت با سرعت و زیبایی بیشتری صورت گیرد از ویژگی های مهم  بوت استرپ زیبایی، سادگی و سازگاری آن با تمامی مرورگرها است.
خب در ابتدا باید افزونه توییتر بوت استرپ CSS  وردپرس را از اینجا دریافت کنید.پس از نصب و فعال سازی افزونه  توییتر بوت استرپ وردپرس , یک آیتم به منوهای مدیریت اضافه خواهد شد.
با کلیک بروی داشبورد می توانید نمونه هایی کدهای کوتاه بوت استرپ را ببینید.در قسمت بوت استرپ در منو می توانید تنظیمات مربوط به پیکربندی بوت استرپ را انجام دهید.اما کدهای کوتاهی که شاید به دفعات به ان نیاز داشته باشید عبارت است از:
	[TBS_BUTTON id="mySpecialButton" color="primary" class="btn-large" link="http://example.com"]Download[/TBS_BUTTON]
	[TBS_BUTTON id="mySpecialButton" color="danger" link="http://example.com"]Cancel[/TBS_BUTTON]
	[TBS_BUTTON id="mySpecialButton" color="success" link="http://example.com"]Learn more[/TBS_BUTTON]
	Icons:
	[TBS_ICON class="icon-globe"]
	[TBS_ICON class="icon-globe"]
	[TBS_ICON class="icon-chevron-right"]
	[TBS_ICON class="icon-music"]
	[TBS_ICON class="icon-film"]
	[TBS_ICON class="icon-user"]
	[TBS_ICON class="icon-wrench"]
	[TBS_LABEL class="warning"]Warning: Label[/TBS_LABEL]
	[TBS_LABEL class="danger"]Danger: Label[/TBS_LABEL]
	[TBS_LABEL class="success"]Green: Label[/TBS_LABEL]
	[TBS_ALERT class="success"]Settings saved[/TBS_ALERT]
نگران نباشد این کدها به سادگی به محتوای صفحه اضافه می شوند.عناصر css بوت استرپ تنها به اینجا ختم نمی شود بلکه بسیاری از امکانات css و js دیگری دارد که اگر کنجکاو باشید می توانید آن ها در سایت اصلی بوت استرپ ببینید و استفاده کنید.
ارسال شده توسط در
برچسب‌ها:

هیچ نظری موجود نیست:

ارسال یک نظر

اشتراک در: نظرات پیام (Atom)