آموزش افزودن تصویر به سایدبار قالب در وردپرس

ضعیفمتوسطخوببسیار خوبعالی
( 0 رای , میانگین : 0,00 از 5)
بارگذاری...

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

افزودن تصویر به سایدبار قالب

 

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

آسان ترین راه برای اضافه کردن تصویر در سایدبار وردپرس، استفاده از ابزارک پیش فرض “تصویر” است. تنها کافی است به قسمت نمایش » ابزارک ها رفته و ابزارک “تصویر” را به سایدبار قالب خود اضافه کنید.

بعد از اضافه کردن ابزارک مذکور به سایدبار قالب، ابزارک باز شده و تنظیمات آن قابل مشاهده خواهد بود.

ابتدا میبایست عنوان مورد نظر خود برای ابزارک را در قسمت “نام” وارد کنید. بعد از آن، بر روی دکمه “افزودن تصویر” کلیک کنید.

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

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

به محض اینکه این کار تمام شد، شما می توانید بر روی دکمه “افزودن به ابزارک” کلیک کنید تا تغییرات صورت گرفته ذخیره شوند. بعد از با پیش نمایشی از تصویر اضافه شده به ابزارک مواجه خواهید شد.

فراموش نکنید که بر روی دکمه “ذخیره” کلیک کنید تا ابزارک مذکور ذخیره شود.

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

 

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

اضافه کردن تصویر به سایدبار با استفاه از ابزارک “تصویر” وردپرس کار بسیار آسانی است. اما بعضی اوقات ممکن است نیاز داشته باشید که تصویری را با استفاده از فرمت متن و HTML مورد نظر خود به سایت اضافه کنید. در این شرایط، شما به ابزارک “متن” وردپرس نیاز پیدا خواهید کرد.

تنها کافی است به مسیر نمایش » ابزارک ها مراجعه کرده و ابزارک “متن” را به سایدبار قالب خود اضافه کنید. در قسمت تنظیمات مربوط به ابزارک، با گزینه “افزودن پرونده چندرسانه ای” در قسمت ویرایشگر مربوط به ابزارک مواجه خواهید شد.

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

بعد از انتخاب تصویر مورد نظر خود، بر روی دکمه “گذاشتن در نوشته” کلیک کنید. بعد از آن تصویر مذکور به ابزارک اضافه شده و می توانید پیش نمایشی از آن را مشاهده کنید.

شما می توانید کار با افزودن متن یا المان های مورد نظر خود به ابزارک ادامه دهید. نوار ابزار کوچکی که در بالای ویرایشگر موجود در ابزارک قرار دارد، به شما امکان افزودن چند فرمت ساده را می دهد.

به محض اینکه کارتان تمام شد، فراموش نکنید که بر روی دکمه “ذخیره” کلیک کنید تا تنظیمات مربوط به ابزارک ذخیره شوند.

شما حالا می توانید به سایت خود رفته و تصویر اضافه شده به سایت خود را مشاهده کنید.

 

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

در برخی موارد، نیاز است تا به صورت دستی کد HTML مربوط به تصویر را به سایدبار قالب خود اضافه کنید. ابزارک “متن” پیش فرض وردپرس به شما اجازه می دهد تا برخی کدهای ساده HTML را اجرا کنید، اما این ابزارک با کدهای پیشرفته یا فرمت های پیشرفته به خوبی کار نمی کند. در این مورد، نیاز است تا به صورت دستی تصویر مورد نظر خود را به سایدبار قالب اضافه کنید.

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

بعد از آپلود تصویر مذکور، میبایست روی لینک “ویرایش” ظاهر شده در کنار تصویر کلیک کنید.

با این کار به صفحه “ویرایش پرونده های چندرسانه ای” منتقل خواهید شد؛ صفحه ای که در آن آدرس مربوط به تصویر را در ستون سمت چپ آن مشاهده خواهید کرد. کافی است آدرس مذکور را کپی کرده و در ویرایشگر متنی مانند Notepad قرار دهید.

بعد از آن، به مسیر نمایش » ابزارک ها رفته و ابزارک “HTML سفارشی” را به سایدبار قالب خود اضافه کنید.

در ویرایشگر مربوط به ابزارک، کافی است کد زیر را اضافه کنید:

<img src="آدرس مربوط به تصویر بارگذاری شده" alt="توضیح مربوط به تصویر" />

از تگ img برای نمایش تصاویر در HTML استفاده می شود. این تگ نیازمند دو ویژگی است، اولین آن src است که معرف آدرس تصویر است. این همان آدرسی است که پیشتر در Notepad وارد کرده اید.

دومین ویژگی، alt است که از آن برای فراهم کردن متن جایگزین در صورت عدم بارگذاری تصویر استفاده می شود. کد نهایی چیزی شبیه به نمونه زیر خواهد بود:

<img src="http://https://devstuff.ir/wordpress-source/wp-content/uploads/2018/06/google-digest-110117.jpg" alt="test">

حالا کافی است بر روی دکمه “ذخیره” کلیک کنید تا تنظیمات مربوط به ابزارک ذخیره شوند.

 

اضافه کردن تصویر به سایدبار قالب با استفاده از افزونه

راه دیگر برای افوزدن تصویر به سایدبار قالب وردپرس، استفاده از افزونه است. این کار گزینه های بیشتر و ظاهری ساده را برای شما فراهم می کند، که ممکن است برای برخی کاربران تازه وارد این روش نسبت به استفاده از ابزارک “تصویر” آسان تر باشد.

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

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

بعد از نصب و فعالسازی افزونه، تنها کافی است به مسیر نمایش » ابزارک ها بروید. با ابزارک جدیدی به نام Image Widget مواجه خواهید شد که از قسمت ابزارک ها قابل دسترسی است. تنها کافی است ابزارک مذکور را کشیده و آن را به سایدبار قالب خود یعنی جاییکه میخواهید تصویر نمایش داده شود اضافه کنید.

بعد از آن بر روی دکمه “Select an Image” کلیک کنید تا بتوانید تصویر مورد نظر خود را انتخاب کرده و یا آن را آپلود کنید. بعد از اضافه کردن تصویر به ابزارک مورد نظر، با پیش نمایش مربوط به تصویر اضافه شده مواجه خواهید شد.

شما می توانید بعد از آن عنوان، توضیحات، اندازه تصویر و تنظیماتی از این دست را برای تصویر مذکور ویرایش کنید.

به محض اینکه کارتان با این بخش تمام شد، تنها کافی است بر روی دکمه “ذخیره” کلیک کنید تا تغییرات ذخیره شوند. کار تمام است، شما حالا می توانید به سایت خود رفته و تصویر اضافه شده را مشاهده کنید.

 

دانلود افزونه Image Widget

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



جواد
( عضو از 6 سال قبل )
  • 168 نوشته
  • 34 دیدگاه
  • 0 محصول
  • 0 دوره آموزشی
جواد - عضو تیم تحریریه مجموعه نوین وردپرس...

نظرات کاربران

ثبت دیدگاه

چند نکته قبل از ارسال دیدگاه :
  • تمامی دیدگاه ها قبل از انتشار عمومی توسط کارشناسان سایت بررسی خواهند شد.
  • دیدگاه هایی که جنبه تبلیغاتی داشته باشند تایید نخواهند شد.
  • آدرس سایت ، مشخصات مدیریت و... در متن دیدگاه حذف خواهند شد.
  • دیدگاه هایی که به زبان انگلیسی باشند تایید نخواهند شد.
  • دیدگاه هایی که حاوی توهین ، تهدید یا... باشند تایید نخواهند شد.

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

مطالب مرتبط



انتقال آسان سایت وردپرس در هفت مرحله اساسی

1882
1
با سلام به طور کلی، انتقال در نظر گرفته شده عمل غیر اخلاقی دارد. هنگامی که انتقال از نظر ساخت یک سایت وردپرس تکراری استفاده میکنید. تمام جهان ...
جزییات بیشتر آموزش را بخوانید!

Google Lighthouse چیست؟ + آموزش بهینه سازی سایت با گوگل لایت هاوس

493
0
به عنوان مدیر وب سایت، بهینه سازی سایت برای موتورهای جستجوگر (سئو) از اهمیت بسیار بالایی برخوردار است. با این حال؛ ابزارهای مختلفی نیز در این خصوص ارائه ...
جزییات بیشتر آموزش را بخوانید!

نصب وردپرس در ساب دامین هاست سی پنل و دایرکت ادمین

882
0
شاید این سوال در ذهن شما باشد که ساب دامین چیست و چگونه باید آن وردپرس را روی آن نصب کنیم؟ در واقع؛ ساب دامین بخشی از نام ...
جزییات بیشتر آموزش را بخوانید!

ویژگی های یک قالب وردپرس حرفه ای + دانلود

1030
0
همانطور که می دانید وردپرس یکی از بهترین و محبوب ترین سیستم های مدیریت محتوای سایت ساز جهان می باشد که بیش از 59 درصد کل وب سایت ...
جزییات بیشتر آموزش را بخوانید!

آموزش نحوه رفع خطا 429 یا too many requests وردپرس

5013
0
آیا در سایتتان با خطای 429 مواجه هستید؟ این خطا معمولاً به عنوان خطای درخواست های بیش از حد شناخته می شود و یکی از خطاهای رایج وردپرس ...
جزییات بیشتر آموزش را بخوانید!

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

2329
0
با سلام در این آموزش شما می توانید برای سایت خود دکمه های متفاوت را ایجاد کنید. در بسیاری از سایت ها برای اینکه موارد خاص از جمله لینک دانلود ...
جزییات بیشتر آموزش را بخوانید!

آشنایی با مارکت پلیس (marketplace) وردپرس

3444
2
سلام دوستان عزیز. با یکی دیگر از آموزش های رایگان وردپرس در خدمت شما هستیم. امیدوارم تا پایان این مقاله با ما همراه باشید. مارکت پلیس مارکت پلیس (Marketplace) یکی از بهترین ...
جزییات بیشتر آموزش را بخوانید!

چگونه به برگه یا نوشته اجازه نمایش در جستجوی گوگل را ندهیم؟

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

دسته بندی مطالب

محصولات حرفه ای

جستجو کنید…

همکار ما شوید

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

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