آموزش افزودن انیمیشن گیف ( GIF ) در نوشته های سایت وردپرسی

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

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

چرا GIF های متحرک تبدیل به یک تصویر استاتیک در وردپرس می شوند؟

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

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

سه اندازه پیش فرض وردپرس تصویر بند انگشتی، متوسط و بزرگ به طور پیش فرض وجود دارد.

همچنین تصویر اصلی خود را در اندازه کامل نگه می دارد.

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

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

در ابتدا شما باید صفحه و یا پستی را که می خواهید GIF های وردپرس را در آن ایجاد کنید را ویرایش نمایید سپس بر روی دکمه Add Media کلیک کنید.

در این بخش پنچره ای که ظاهر میشود پنجره آپلود کننده رسانه را برای شما نمایش می دهد.

در این قسمت ما باید بر روی دکمه upload files کلیک کرده و فایل GIF متحرک را از کامپیوتر خود انتخاب کنید تا آن را آپلود نمایید.

پس از آپلود کرن فایل گزینه full size زیر بخش Attachment Display Settings در سمت راست را انتخاب کنید.

  • پس از اعمال کردن تغییرات برای ادامه کار بر روی دکمه Insert into post کلیک کنید.
  • وردپرس اکنون GIF متحرک شما را در ویرایشگر پست قرار می دهد.
  • این تصویر با اندازه کامل GIF متحرک اصلی شما را به وردپرس آپلود کرده است.
  • شما قادر خواهید بود از این انیمیشن در ویرایشگر پست ویژوال خود استفاده کنید.

اکنون می توانید پست خود را ویرایش کنید یا پیش نمایش آن را ذخیره نمایید.

راهنمای استفاده از GIF های متحرک در وردپرس

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

به یاد داشته باشید اضافه کردن تصاویر GIF بیش از حد در یک صفحه وردپرس می تواند باعث کاهش سرعت وب سایت ما شود.

اگر از Giphy برای پیدا کردن GIF های متحرک استفاده می کنید افزونه Giphypres می تواند بهترین انتخاب برای شما باشد با استفاده از این افزونه می توانید پایگاه داده Giphy از منطقه مدیریت خود وردپرس را جستجو کرده و GIF ها را بدون ترک سایت وردپرس خود اضافه کنید.

دانلود افزونه giphypress

پایان…!

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



رویا مفاخر
( عضو از 6 سال قبل )
  • 263 نوشته
  • 1397 دیدگاه
  • 0 محصول
  • 0 دوره آموزشی
از اعضای بخش پشتیبانی مجموعه نوین وردپرس

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

ثبت دیدگاه

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

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

مطالب مرتبط



چطور مقالات قدیمی را آپدیت کنیم تا رتبه بهتری بگیرند؟

539
0
کسب رتبه بالا در نتایج جستجوگر گوگل باعث می شود که کسب و کار شما بیشتر دیده شود و در نتیجه فروش بیشتری تجربه کنید. فرقی نمی کند ...
جزییات بیشتر آموزش را بخوانید!

آموزش انتقال وبلاگ از WordPress.com به WordPress.org

1154
0
خب شما تا الان کاربری بوده اید که از WordPress.com استفاده می کردید. اتفاقاتی افتاده و شما به این نتیجه رسیده اید که از WordPress.com به سیستم دیگری ...
جزییات بیشتر آموزش را بخوانید!

آموزش تغییر رنگ لینک در وردپرس | ساده و تصویری

5772
3
لینک ها، یکی از بخش های مهم برای هر وب سایتی محسوب می شوند. به صورت پیش فرض، لینک هایی که در وردپرس وجود دارد ممکن خیلی جذاب ...
جزییات بیشتر آموزش را بخوانید!

نمایش تصاویر به صورت گالری ( پازلی ) بدون نیاز به افزونه

2027
0
نمایش تصاویر وردپرس به صورت ستونی و ردیفی اگر شما مایل به نمایش دادن تصاویر وردپرس به صورن ردیفی و ستونی هستید ما در این مطلب به شما چگونگی ...
جزییات بیشتر آموزش را بخوانید!

۱۲ نکته برای کاهش نرخ پرش و افزایش نرخ تبدیل کاربر به مشتری

1464
0
درک نرخ پرش، رابطه آن با تبدیل کاربران و نحوه کاهش آن برای موفقیت هر نوع وب سایتی بسیار مهم است. یک استراتژی برای کاهش نرخ پرش یک ...
جزییات بیشتر آموزش را بخوانید!

وردپرس یا جوملا؛ کدام CMS بهتر است؟

43
0
وردپرس تنها سیستم مدیریت محتوای مدولار (CMS) نیست که دارای پایه و انجمن فعال است. جوملا همچنین یک پلتفرم رایگان برای نصب و منبع باز است که با ...
جزییات بیشتر آموزش را بخوانید!

نحوه responsive کردن وردپرس؛ چگونه سایت وردپرس خود را ریسپانسیو کنیم؟

14361
3
همانطور که می دانید امروزه اکثر کاربران از طریق گوشی موبایل کارهای خود را انجام می دهند و با استفاده از آن وارد وب سایت های مختلف می ...
جزییات بیشتر آموزش را بخوانید!

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

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

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

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

جستجو کنید…

همکار ما شوید

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

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