آموزش قرار دادن کد iFrame در وردپرس

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

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

چرا کد iFrame را در وردپرس قرار دهیم؟

یک iFrame به شما امکان می‌دهد ویدئوها یا سایر محتواها را در سایت خود بدون نیاز به آپلود آن قرار دهید. آپلود مستقیم ویدئو یا… می‌تواند پهنای باند و فضای ذخیره سازی شما را اشغال کند، به همین دلیل است که هرگز نباید ویدئو را مستقیماً در وردپرس آپلود کنید.

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

قرار دادن محتوای دارای حق کپی رایت از طریق iFrame نیز این قانون را نقض نمی‌کند، بنابراین می‌تواند به محافظت از شما در برابر مشکلات حقوقی کمک کند.

استفاده از کد Embed برای افزودن کد iFrame در وردپرس

بسیاری از سایت‌های اشتراک گذاری ویدئو و صوت، دارای گزینه «Embed» هستند که به شما امکان دسترسی به کد آی‌فریم محتوای مورد نظرتان جهت قرار دادن آن را در وب‌سایت خود را می‌دهد.

اگر پلتفرم محتوای مورد نظر شما تنظیمات «Sharing» یا «Embed» دارد، این سریع‌ترین و ساده‌ترین راه برای استفاده از محتوا در وب‌سایت‌تان است.

مراحل دقیق بسته به هر پلتفرم متفاوت خواهد بود، اما به عنوان مثال به یوتیوب نگاه کنیم. برای قرار دادن ویدئوهای یوتیوب در وردپرس، روی دکمه Share در زیر ویدئویی که می‌خواهید استفاده کنید کلیک کنید.

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

یوتیوب اکنون کد iFrame را به شما نشان می‌دهد.

به ‌طور پیش‌فرض، یوتیوب کادر «Show player controls» را علامت می‌زند، اما توصیه می‌شود حالت «privacy-enhanced» را فعال کنید. این حالت به بازدیدکنندگان اجازه می‌دهد تا محتوای قرار داده شده در وب‌سایت وردپرس شما را بدون تأثیر گذاشتن بر تجربه کاربری آن‌ها در یوتیوب تماشا کنند.

پس از آن روی دکمه «Copy» کلیک کنید.

وارد صفحه ویرایشگر نوشته یا برگه در وردپرس شده و سپس بر روی دکمه + کلیک کنید. در پنجره ظاهر شده، شروع به تایپ «HTML» کنید تا بلوک HTML سفارشی را پیدا کنید.

برای افزودن بلوک، روی آن کلیک کرده و سپس، کد آی‌فریم یوتیوب را در محتوای آن Paste کنید.

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

در این روش لازم است که افزونه iFrame نصب و فعال کنید. (لینک در انتهای مطلب موجود است)

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

پس از آن، شورت کد زیر را اضافه کنید:

[iframe src="URL goes here"]

آدرس محتوایی را که می‌خواهید در سایت خود جاسازی کنید جایگزین متن «URL goes here» کنید.

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

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

ابتدا کد زیر را در بلوک HTML خود قرار دهید:

<iframe src="URL goes here"></iframe>

لینک محتوای مورد نظرتان را با متن «URL goes here» جایگزین کنید.

می توانید پارامترهای اضافی را برای تغییر ظاهر محتوا در وب‌سایت خود اضافه کنید. به عنوان مثال، عرض را روی 600 پیکسل و ارتفاع را روی 200 پیکسل قرار می‌دهیم:

<iframe src="URL goes here" width="600" height="300"></iframe>

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

مسئله دیگر این است که سایت‌هایی با پروتکل HTTPS فقط می‌توانند از iFrame برای محتوای سایر سایت‌های HTTPS استفاده کنند. به طور مشابه، برای سایت‌های HTTP نیز این چنین است.

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

امیدواریم این پست در افزودن کد iFrame در وردپرس به شما کمک کرده باشد.