ثبت‌نام ورود

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

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

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

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

GIF چیست

GIF تصاویری هستند که به‌صورت ثابت نیستند و به عبارتی متحرک می‌باشند. این کلمه مخفف عبارت Graphic Interchange Format بوده و یک فرمت قدیمی می‌باشد. این فرمت قابلیت این را ندارد که از تنوع رنگی زیادی استفاده کند و شما هنگام استفاده از آن با یک طیف رنگی کم مواجه می‌شوید. اگر قصد استفاده از این فرمت را دارید باید از عکس‌هایی که تنوع رنگی زیادی دارند صرف‌نظر کنید.

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

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

اهمیت استفاده از فرمت GIF

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

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

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

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

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

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

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

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

آپلود گیف در سایت
آپلود گیف در سایت

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

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

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

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

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

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

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

افزونه Giphypress
افزونه Giphypress

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

جستجو توسط افزونه Giphypress
جستجو توسط افزونه Giphypress

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

موفق و پیروز باشید. 🙂

نظر شما در این‌باره چیست؟

  1. U22773 ۰۶ مرداد ۱۳۹۸

    سلام ممنونم از سایت خوبتون و مطالب عالی تون.
    من این کار را کردم اما بازم گیفم متحرک نشد، از کجا بفهمم که مشکل از کدوم افزونه هست که این قابلیت رو غیرفعال کرده؟ ممنون از راهنمایی تون

  2. کاربر مهمان ۱۵ مهر ۱۳۹۷

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

  3. کاربر مهمان ۱۴ مهر ۱۳۹۷

    با سلام و تشکر از آموزش خوبتون . من طبق دستورالعمل شما سایز تصویر رو در حالت کامل قرار دادم اما همچنان تصویر ثابت هستش چه باید بکنم ؟

    • رضا حسینی راد رضا حسینی راد ۱۴ مهر ۱۳۹۷

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

  4. کاربر مهمان ۰۷ مهر ۱۳۹۷

    بسیییییییییییییییییییییار عالی
    روشش همین بود دمت گرم

  5. کاربر مهمان ۱۷ مرداد ۱۳۹۷

    ممنون از اموزش کاربردی و خوبتون