دیجی اسکریپت

تصاویر در وردپرس Archives | دیجی اسکریپت

چگونه آدرس تصاویر آپلود شده در وردپرس را پیدا کنیم؟
[ad_1]

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

 

چگونه آدرس تصاویر آپلود شده را پیدا کنیم؟

وردپرس برای هر تصویری که در آن آپلود می‌شود، یک آدرس در نظر می‌گیرد. این آدرس معمولا به این صورت است:

https://domain.com//wp-content/uploads//تاریخ بارگذاری تصویر/نام تصویر

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

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

چگونه آدرس تصاویر آپلود شده در وردپرس را پیدا کنیم؟

با جستجو در بخش رسانه‌ها تصویر مورد نظر را بیابید

 

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

چگونه آدرس تصاویر آپلود شده در وردپرس را پیدا کنیم؟

نمایش اطلاعات تصویر در سمت چپ

 

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

 

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

 

یافتن آدرس تصویر در سمت کاربر

نوشته یا برگه مورد نظر که تصویر در آن وجود دارد را باز کنید، حال روی آن راست کلیک کرده و گزینه “Open image in new tab” را انتخاب نمایید.

چگونه آدرس تصاویر آپلود شده در وردپرس را پیدا کنیم؟

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

 

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

نوشته چگونه آدرس تصاویر آپلود شده در وردپرس را پیدا کنیم؟ اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

قاب بندی تصاویر در وردپرس با کمک افزونه Easy Image Collage
[ad_1]

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

 

قاب بندی تصاویر در وردپرس

اگر از شبکه اجتماعی محبوب اینستاگرام استفاده می‌کنید، به احتمال زیاد با اپلیکیشن Instagram Layouts آشنایی دارید. این اپلیکیشن به ما اجازه می‌دهد تا چند عکس مختلف را با کادر بندی و قاب مناسب با هم ادغام کنیم و در قالب یک عکس در اینستاگرام به اشتراک بگذاریم.

 

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

 

ادغام تصاویر در وردپرس و ساخت تصاویر چندگانه با Easy Image Collage

افزونه Easy Image Collage دقیقا همان کاری را انجام می‌دهد که اپلیکیشن Instagram Layouts برای ما روی گوشی موبایل انجام می‌دهد. البته با این تفاوت که می‌توانید از Easy Image Collage برای خلق تصاویر چندگانه و ادغام تصاویر در وردپرس در وردپرس استفاده کنید.

 

برخی از امکانات این افزونه عبارت‌اند از:

  • سازگار با هر دو ویرایشگر گوتنبرگ و کلاسیک وردپرس
  • ساخت تصاویر چندگانه با حالت واکنش‌گرا و ادغام تصاویر در وردپرس
  • تغییر راحت سایز طرح بندی‌ها
  • امکان ساخت نامحدود طرح

 

نصب و راه اندازی افزونه Easy Image Collage

قاب بندی تصاویر در وردپرس با کمک افزونه Easy Image Collage

ابتدا افزونه را از انتهای این مقاله دانلود کنید؛ سپس وارد پیشخوان وردپرس شده و از بخش افزونه‌ها، روی “افزودن” کلیک کنید. در صفحه باز شده، دکمه “بارگذاری افزونه” را بزنید و فایل دانلود شده را انتخاب کنید و در نهایت افزونه را فعال نمایید. پس از فعال سازی، به بخش افزودن نوشته یا برگه بروید تا ویرایشگر گوتنبرگ برای شما باز شود. حال دکمه + را بزنید و وارد سربرگ “عناصر طرح” شوید. اکنون بلوک Easy Image Collage را مشاهده خواهید کرد. روی آن کلیک کنید تا بلوک مربوطه به صفحه اضافه شود.

قاب بندی تصاویر در وردپرس با کمک افزونه Easy Image Collage

دقت داشته باشید که در ویرایشگر کلاسیک، دکمه Add Image Collage در بالای ویرایشگر نمایش داده می شود که برای افزودن یک طرح جدید باید روی آن کلیک کنید تا به سراغ قاب بندی تصاویر در وردپرس برویم.

قاب بندی تصاویر در وردپرس با کمک افزونه Easy Image Collage

Create New Image Collage

حال روی دکمه Create New Image Collage کلیک کنید. در مرحله بعد صفحه‌ای برای شما باز خواهد شد که می‌توانید طرح بندی تصاویر خود را از بین چندین طرح بندی مختلف انتخاب نمایید. روی طرح بندی دلخواه خود کلیک کنید تا به صفحه اضافه شود.

قاب بندی تصاویر در وردپرس با کمک افزونه Easy Image Collage

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

قاب بندی تصاویر در وردپرس با کمک افزونه Easy Image Collage

در بالای این طرح‌بندی نیز تنظیماتی وجود دارد که مربوط به نحوه نمایش طرح‌بندی است. با استفاده از Grid می‌توانید سایز طرح را کم و زیاد کنید. با استفاده از غلطک بعدی می‌توانید فاصله بین اجزای طرح را تغییر دهید. در قسمت Borders نیز می‌توانید ضخامت قاب دور عکس‌ها و همچنین رنگ آن را تغییر دهید.

 

بعد از اینکه عکس‌ها را در جای خود قرار دادید، می‌توانید آن‌ها را در جای خود جا به جا کنید تا سوژه عکس شما در داخل کادر قرار گیرد. در نهایت روی عبارت Finish در سمت راست و بالای صفحه کلیک کنید تا عکس‌ها در صفحه قرار بگیرند. اکنون می‌توانید تغییرات را برای ایجاد قاب بندی تصاویر در وردپرس ذخیره نمایید و برگه یا نوشته خود را منتشر کنید و از دیدن نتیجه کار لذت ببرید.

 

ما یک نمونه از تصاویر چندگانه با استفاده از افزونه Easy Image Collage ساخته‌ایم که می توانید در زیر آن را مشاهده نمایید. این نمونه کامل و مشخصی از ادغام تصاویر در وردپرس است.

قاب بندی تصاویر در وردپرس با کمک افزونه Easy Image Collage

سخن پایانی

اگر شما هم دوست دارید تصاویر مختلف را با یکدیگر ترکیب کنید و با یک کادر بندی زیبا در وردپرس نمایش دهید، ما به شما افزونه Easy Image Collage را پیشنهاد می‌کنیم. به راحتی می‌توانید عکس‌های رویدادها، همایش‌ها و تیم خود را به شکلی جذاب‌تر با کمک قاب بندی تصاویر در وردپرس، نمایش دهید. شاید افزونه Easy Image Collage جزو یکی از افزونه‌های ضروری سایت‌هایی در زمینه عکاسی به شمار بیاید.

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

[ad_2]

لینک منبع مطلب

نمایش تصاویر ۳۶۰ درجه در وردپرس با افزونه WP-VR-view
[ad_1]

افزودن تصاویری با زاویه‌ای بالاتر از ۱۰۰ درجه در وردپرس… افزونه ایی کاربردی در مخزن وردپرس که به شما چنین امکانی میدهد. در این نوشته از آموزش وردپرس به بررسی این افزونه خواهیم پرداخت.

 

استفاده از تصاویر ۳۶۰ درجه در وردپرس

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

 

افزونه WP-VR-view وردپرس

این افزونه وردپرس بیش از ۹٫۰۰۰ نصب موفق و فعال در مخزن وردپرس به ثبت رسانده است. شما میتوانید در انتهای همین نوشته، افزونه WP-VR-view را بصورت رایگان دانلود کنید

 

نمایش تصاویر ۳۶۰ درجه در وردپرس با افزونه WP VR view

 

پس از دانلود، نصب و فعالسازی این پلاگین وردپرس، دو آیکون مشابه تصویر زیر به ویرایشگر سایت وردپرسی شما افزوده خواهد شد؛ یکی از آیکون‌ها برای درج تصویر و دیگری برای درج ویدیو می‌باشد. در صورتی که قصد افزودن عکس را دارید بر روی آیکون عکس و در صورتی که قصد افزودن فیلم ۳۶۰ درجه را دارید بر روی آیکون ویدئو کلیک کنید.

نمایش تصاویر ۳۶۰ درجه در وردپرس با افزونه WP VR view

بر روی افزودن تصویر کلیک کنید تا مشابه تصویر پنجره مربوط به آن برای شما باز شود.

مانند تصویر زیر:

نمایش تصاویر ۳۶۰ درجه در وردپرس با افزونه WP VR view

همان طور که در تصویر مشاهده می‌کنید ابتدا در بخش PhotoSphere image URL آدرس تصویر ۳۶۰ درجه خود را وارد کنید.

 

سپس در فیلد Preview image URL نیز آدرس پیش نمایش تصویر خود را وارد کنید تا با مشاهده صفحه این تصویر برای کاربر نمایش داده شود.

 

اگر قصد دارید تا تصاویر شما کش داده شوند حالت Stereo را روی YES بگذارید و در غیر این صورت آن را بر روی NO قرار دهید. حالت کش دادن برای هر نوع تصویری مناسب نیست و ممکن است تا تصویر شما به درستی نمایش داده نشود.

 

در بخش Width و Height اندازه پهنا و ارتفاع کادر خود را مشخص کنید و بر روی Insert کلیک کنید. اندازه کادر تصاویر در حالت پیشفرض بر روی پهنای ۱۰۰% و ارتفاع ۵۰۰px تنظیم شده است.

 

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

 

اکنون میتوانید تصاویر ۳۶۰ درجه خود را در سایت خود مشاهده کنید و با حرکت ددادن موس بر روی آن، از ان لذت ببرید.
موفق و پاینده باشید…

نوشته نمایش تصاویر ۳۶۰ درجه در وردپرس با افزونه WP-VR-view اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

افزودن قابلیت بزرگنمایی تصاویر در وردپرس با افزونه WP Image Zoom
[ad_1]

محتوای هر سایت یکی از مهم‌ترین بخش‌های آن را تشکیل می‌دهد، که بیشتر فعالیت کاربران در سایت به‌خاطر وجود محتوا در سایت است. محتوای وب به چندین دسته مختلف تقسیم‌بندی می‌شود، که از مهم‌ترین آنها می‌توان به محتوای متنی، تصاویر، ویدئو، پادکست و… اشاره کرد. در هنگام نگارش محتوای متنی در سایت، استفاده از تصاویر بسیار مهم است! این راه همه ما به خوبی می‌دانیم.
استفاده از تصاویر در میان متن، مزیت‌های زیادی دارد که از جمله آنها می‌توان به تاثیر مثبت ارتباط بصری روی کاربران، جذاب‌تر شدن متن و خروج از یک‌نواختی، افزایش قدرت‌ یادگیری کاربران و… اشاره کرد. در این مقاله قصد معرفی یک افزونه کاربردی برای وردپرس را داریم که با استفاده از آن قادر به ایجاد قابلیت بزرگنمایی تصاویر در وردپرس خواهید بود.

 

بزرگنمایی تصاویر در وردپرس

افزونه وردپرس WP Image Zoom یک افزونه کاربردی برای وردپرس است، که با استفاده از آن قادر به ایجاد بزرگنمایی تصاویر در وردپرس هستید. این افزونه کاربردی در مخزن وردپرس به ثبت رسیده است و توانسته از میان +۱۰,۰۰۰ نصب فعال، امتیاز ۴/۴ از ۵ را به خود اختصاص دهد. که می‌توان گفت امتیاز خوبی را تاکنون به خود اختصاص داده است.

 

نصب و راه‌اندازی افزونه

افزودن قابلیت بزرگنمایی تصاویر در وردپرس با افزونه WP Image Zoom

برای استفاده از این افزونه، ابتدا از انتهای همین مقاله اقدام به دانلود افزونه و نصب آن در سایت وردپرسی خود کنید. پس از نصب افزونه، بخشی به نام WP Image Zoom برای بزرگنمایی تصاویر در وردپرس در پیشخوان وردپرس نمایان می‌شود که از طریق منوهای بخش مدیریت وردپرس در دسترس است.

 

General Settings

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

افزودن قابلیت بزرگنمایی تصاویر در وردپرس با افزونه WP Image Zoom

  • Enable the zoom on WooCommerce products: با فعال‌سازی این گزینه، بزرگنمایی تصاویر در وردپرس برای محصولات ووکامرس فعال می‌شود.
  • Enable the zoom on WooCommerce category pages: با فعال‌سازی این گزینه، بزرگنمایی تصاویر در وردپرس و بر روی دسته‌ها، فعال می‌شود.
  • Enable the zoom on mobile devices: با فعال‌سازی این گزینه، بزرگنمایی تصاویر در وردپرس در هنگام بازدید کاربران با موبایل‌ فعال می‌شود.
  • Remove the Lightbox on thumbnail images: با فعال‌سازی این گزینه، لایت‌باکس‌ها روی تصاویر شاخص غیرفعال می‌شوند.
  • Remove the Lightbox: با فعال‌سازی این گزینه، لایت‌باکس‌ها غیرفعال می‌شوند.
  • Enable on attachments pages: با فعال‌سازی این گزینه، زوم روی صفحه پیوست‌ها فعال می‌شود.

 

Zoom Settings

در این بخش تنظیمات مربوط به بزرگنمایی تصاویر در وردپرس در دسترس است، که باید آن را شخصی‌سازی کنید.

  • Choose the Lens Shape: در این بخش می‌توانید آیکن مربوط به بزرگنمایی تصاویر در وردپرس را انتخاب کنید.
  • Check your configuration changes on the image: در این بخش تصویری وجود دارد که می‌توانید تنظیمات اعمال ‌شده را روی آن مشاهده کنید.

 

General

در این بخش تنظیمات اصلی مربوط به بزرگنمایی تصاویر در وردپرس در دسترس است.

افزودن قابلیت بزرگنمایی تصاویر در وردپرس با افزونه WP Image Zoom

  • Cursor Type: در این بخش می‌توانید آیکن نمایشی در پنجره زوم را شخصی‌سازی و انتخاب کنید.
  • nimation Easing Effect: در این بخش می‌توانید سرعت زوم ‌شدن را شخصی‌سازی کنید.
  • Zoom Level: در این بخش می‌توانید میزان زوم کردن روی تصاویر را مشخص کنید.

 

Lens

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

 

Zoom Window

در این بخش می‌توانید تنظیمات مربوط به پنجره نمایشی بزرگنمایی تصاویر در وردپرس را شخصی‌سازی کنید.

  • Zoom Window Width: در این بخش می‌توانید عرض پنجره بزرگنمایی تصاویر در وردپرس را مشخص کنید.
  • Zoom Window Height: در این بخش می‌توانید ارتفاع پنجره بزرگنمایی تصاویر در وردپرس را مشخص کنید.
  • Responsive: با انتخاب این گزینه می‌توانید حالت واکنش‌گرایی را روی پنجره زوم فعال کنید.
  • Distance from the Main Image: در این بخش می‌توانید فاصله بزرگنمایی تصاویر در وردپرس را شخصی‌سازی کنید.
  • Border Thickness: در این بخش می‌توانید ضخامت حاشیه اطراف پنجره زوم را شخصی‌سازی کنید.
  • Border Color: در این بخش می‌توانید رنگ حاشیه اطراف پنجره زوم را شخصی‌سازی کنید.

 

Custom Text

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

افزودن قابلیت بزرگنمایی تصاویر در وردپرس با افزونه WP Image Zoom

 نتیجه‌گیری

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

نوشته افزودن قابلیت بزرگنمایی تصاویر در وردپرس با افزونه WP Image Zoom اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

افکت گذاری تصاویر در وردپرس با افزونه Amazing Hover Effects
[ad_1]

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

 

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

 

افکت گذاری تصاویر در وردپرس

افکت گذاری تصاویر در وردپرس با افزونه Amazing Hover Effects

افزونه‌ای که قصد معرفی آن را دارم با عنوان Amazing Hover Effects در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۴.۰۰۰ نصب فعال و کسب امتیاز ۴.۳ را ازآن خود نماید که با استفاده از آن قادر به ایجاد افکت‌های زیبا و چشم نواز در تصاویر خود خواهید بود.

 

نصب و فعال سازی

پس از نصب و فعال سازی افزونه مشابه تصویر زیر منویی با عنوان Hover Effects در پیشخوان سات وردپرسی شما افزوده خواهد شد، روی آن کلیک کرده و سپس در صفحه باز شده بر روی دکمه افزودن نوشته کلیک کنید.

افکت گذاری تصاویر در وردپرس با افزونه Amazing Hover Effects

همانطور که در تصویر مشاهده می‌کنید ابتدا یک عنوان برای افکت تصاویر در وردپرس خود انتخاب کنید و سپس از قسمت Select Style نوع استایل مدنظر خود را که در چهار حالت ممکن می‌باشد انتخاب کنید.
 
سپس بر روی دکمه Add New Hover Item کلیک کنید تا پنجره مربوط به افزودن تصویر و جزییات آن برای شما باز شود.

 

افکت گذاری تصاویر در وردپرس با افزونه Amazing Hover Effects

  • Hover Image: با کلیک بر روی دکمه اضافه کردن تصویر در این بخش به بخش رسانه وردپرس هداست شده و می‌توانید تصویر مورد نظر را آپلود کرده و یا آن را از رسانه وردپرس انتخاب کنید.
  • Title: در این بخش عنوان تصویر خود را وارد کنید.
  • Description: در این بخش توضیحات تصویر خود را وارد کنید.
  • Image Link: با استفاده از این گزینه می‌توانید تصویر ساخته شده را لینکدار کنید اما همانطور که در تصویر نیز مشاهده می‌کتید این امکان صرفا در نسخه تجاری افزونه فعال می‌باشد.

 

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

 

افکت گذاری تصاویر در وردپرس با افزونه Amazing Hover Effects

 

  • Select Effect: از این بخش می‌توانید افکت دلخواه خود را انتخاب کنید.
  • Animation Direction: از این بخش می‌توانید حالت انیمیشن را به انتخاب خود روی یکی از گزینه‌های راست به چپ، چپ به راست، بالا به پایین و یا پایین به بالا انتخاب کنید.
  • پیشنهاد بعدی  ایجاد پنل مدیریت حرفه ای قالب وردپرس با افزونه ipanel
  • Column Space: فاصله بین ستون با تصویر را بر حسب پیکسل وارد کنید.
  • Row Space: فاصله بین ردیف و تصویر را بر حسب پیکسل وارد کنید.

 

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

 

افکت گذاری تصاویر در وردپرس با افزونه Amazing Hover Effects

 

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

 

افکت گذاری تصاویر در وردپرس با افزونه Amazing Hover Effects

 

موفق باشید.

نوشته افکت گذاری تصاویر در وردپرس با افزونه Amazing Hover Effects اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

نمایش تصاویر متحرک در وردپرس با افزونه WP GIF Player
[ad_1]

قدرتی که تصاویر، ویدئوها و فایل‌های صوتی بر مخاطب می‌گذارند به مراتب بسیار بیشتر از خواندن یک متن است. برای همین منظور همیشه گفته‌ایم در متون حداقل از تصاویر برای رساندن بهتر منظور استفاده کنید. به نظر شما اگر بخواهیم از تصاویر متحرک در وردپرس کمک بگیریم، تاثیرگذاری آن بیشتر نخواهد شد؟

 

گاهی لازم است تصویر متحرکی را برای نمایش یک اجرای کوتاه، برای نشان دادن یک بخش آموزشی پیوسته و… به کار بگیریم که با فرمت Gif ذخیره می‌شود. در مطلب آموزشی امروز می‌خواهیم امکان اضافه کردن تصاویر متحرک را با کمک یک افزونه خدمت شما آموزش دهیم.

 

تصاویر متحرک در وردپرس

معمولا هر چه تصاویر بهینه و واضح‌تر باشند تاثیرگذاری آن‌ها بیشتر است پس اگر به صورت متحرک تصویری را به نمایش بگذاریم، بهتر هم می‌شود.

 

پیش‌نیازها

  • برای استفاده از این افزونه نیاز به سیستم مدیریت محتوای وردپرس دارید. سپس می‌توانید متن خود را نوشته و تصاویر متحرک در وردپرس را در آن به نمایش بگذارید.

 

نصب و راه‌اندازی افزونه

 

نمایش تصاویر متحرک در وردپرس با افزونه WP GIF Player

 

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

 

Thumbnail Settings

نمایش تصاویر متحرک در وردپرس با افزونه WP GIF Player

 

چنانچه تمایل به تنظیم تصویر شاخص به صورت متحرک دارید، می‌توانید در این بخش تنظیمات را انجام دهید.

برای اینکه بتوانیم تصاویر متحرک در وردپرس را نمایش دهیم به ویرایشگر وردپرس (بخش نوشته‌ها یا برگه‌ها) مراجعه می‌کنیم.

 

Add gif

 

نمایش تصاویر متحرک در وردپرس با افزونه WP GIF Player

 

با کلیک روی دکمه‌ای که بالای ویرایشگر ایجاد شده می‌توانید فایل gif مورد نظر را بارگذاری کنید.

 

نمایش تصاویر متحرک در وردپرس با افزونه WP GIF Player

 

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

 

نکته مهم: قابلیت جالبی که این افزونه دارد و باعث مزاحمت کاربران نمی‌شود این است که تا بر روی آن کلیک نکنید، شروع به حرکت نمی‌کند. این خود یک مزیت خوب برای افزونه به حساب می‌آید.

 

نمایش تصاویر متحرک در وردپرس با افزونه WP GIF Player

 

موفق باشید.

نوشته نمایش تصاویر متحرک در وردپرس با افزونه WP GIF Player اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب