تـم لایـن | بهترین مرجع قالب و افزونه وردپرس


آموزش اضافه کردن تصویر در سایدبار با استفاده از ویجت

چطور با استفاده از ویجت، تصاویر را به سایدبار وردپرس اضافه کنیم ؟

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

اضافه کردن یک تصویر در سایدبار sidebar وردپرس ( به صورت دستی )

در قدم اول شما باید عکس مورد نظر خود را در وردپرس آپلود کنید . مسیر رسانه / افزودن را برای آپلود تصویر خود دنبال کنید . پس از آپلود شما باید بر روی ویرایش کلیک کنید ( طبق تصویر زیر )

آپلود مدیا فایل

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

image02

سپس به مسیر نمایش / ابزارک ها رفته و با ابزار drag-drop یک ویجت متن به تصویر خود برای نمایش در نوار کنار وردپرس اضافه کنید

image03

در قسمت text box با استفاده از کد زیر تصویر خود را اضافه کنید

تگ IMG در کد HTML برای نمایش تصویر است . ویژگی SRC محل فایل تصویر می باشد و شما باید URL مورد نظر را در قسمت تعیین شده در کد بالا ، پیست کنید

ویژگی ATL برای گذاشتن یک متن برای تصویر است . در نهایت کد شما چیزی شبیه به کد زیر خواهد شد

سپس این کد را در ویجت خود ذخیره کنید و در وب سایت شما تصاویر نشان داده خواهند شد

اضافه کردن تصویر در نوار کناری وردپرس ( با استفاده از افزونه Image Widget )

یک راه ساده تر برای اضافه کردن تصویر به نوار کناری وردپرس با استفاده از یک افزونه وجود دارد . در ابتدا شما نیاز به نصب و راه اندازی افزونه Image Widget دارید

پس از نصب به قسمت نمایش/ ابزارک ها بروید . سپس طبق تصویر زیر عمل کنید

image04

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

image05

همچنین شما می توانید تنظیمات پیکربندی از جمله سایز تصاویر ، اضافه کردن عنوان و متن را انجام دهید

image06

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

منبع تم لاین

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

دیدگاه خود را بیان کنید

81 + = 82