Home / آموزش / آموزش قرار دادن عکس در سایدبار وردپرس

آموزش قرار دادن عکس در سایدبار وردپرس

آموزش قرار دادن عکس در سایدبار وردپرس

banner-1544x500
آموزش قرار دادن عکس در سایدبار وردپرس

سلام خدمت همه کاربران عزیز سون پلاگین.

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

روش اول استفاده از از افزونه image widget:

پس از دانلود افزونه،آن را نصب و فعال سازی کنید سپس به قسمت نمایش>ابزارک ها رفته در آنجا می بینید که یک ویجت جدید با نام image widget به بخش ابزارک ها اضافه شده.برای استفاده آن باید آن را درگ اند دراپ کنید.پس از آن روی دکمه select an image کلیک کنید و بعد عکس مورد نظر را آپلود و انتخاب کنید همانند تصویر زیر:

screenshot-localhost 81 2016-06-04 00-42-28
آموزش قرار دادن عکس در سایدبار وردپرس

پس از انتخاب عکس مورد نظر چند گزینه برای شما قابل نمایان می شود که می توانید آن را تنظیم نمایید.که مربوط که لینک،عنوان،و… می باشد که می توانید آن را تنظیم نمایید.

 

screenshot-localhost 81 2016-06-04 00-55-22
آموزش قرار دادن عکس در سایدبار وردپرس

۱_Title:می توانید عنوان را قرار دهید.

۲_Alternate Text:می توانید متن جایگزین را قرار دهید.

۳_Related:می توانید کلمات مرتبط را قرار دهید.

۴_caption:می توانید درباره عکس متنی را قرار دهید.

۵_می توانید لینک پیوند قرار دهید

۶_Link ID:می توانید آی دی لینک رو قرار دهید.

۷_از دو گزینه stay in window که به معنای این است که لینک پیوند در همان صفحه باز شود.و open new window به این معناست که لینک پیوند در صفحه ای جدید باز شود.که می توانید به دلخواه قرار دهید.

۸_Size:می توانید سایز عکس را تعیین کنید.

۹_Align:می توانید آن را تراز کنید یا خیر.

برای دانلود افزونه روی لینک زیر کلیک کنید.

 روش دوم استفاده از کد:

خب برای این کار ما دو خط کد را به شما معرفی می کنیم که شما می توانید از هر کدام از آن ها است

کداول:برای استفاده،آن را کپی نمایید.

کد دوم:برای استفاده، آن را کپی نمایید.

<a href=”آدرس لینک”><img class=” size-full wp-image-673 aligncenter” src=”آدرس عکس” alt=”نام عکس” width=”عرض” height=”ارتفاع” /></a>
خب دوستان این آموزش هم به پایان رسید ممنون از این تا انتهای مطلب با ما همراه بودید.

 

لینک کوتاه مطلب : http://7plugin.ir/?p=6046

درباره کاربر ناشناس

ببینید حتما

آموزش کار با اینسپکت المنت inspect element

سلام گرم خدمت شما کاربر عزیز موضوع این پست رو از مشکلات یکی از کاربران …

One comment

  1. سلام
    وای … چه افزونه خوبی
    ممنون

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

سوال امنیتی * لطفا معادله امنیتی را مجددا بارگذاری کنید