روش قرار دادن iFrame در وردپرس با استفاده از بلوک وردپرس، افزونه iFrame و دستی

اگر می خواهید مطالبی را از سایت های دیگر درج کنید روی وب سایت وردپرس شما، تعبیه iFrame یکی از ساده ترین روش ها است.

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

این مقاله به بررسی سه راه برای جاسازی iFrame در وردپرس می پردازد. محبوب ترین روش جاسازی محتوای وب با استفاده از بلوک HTML است. از طرف دیگر، می توانید iFrames را با استفاده از یک افزونه یا به صورت دستی جاسازی کنید.

همچنین درباره دلایلی که می خواهید از iFrame استفاده کنید و تفاوت آن با بلوک وردپرس Embed صحبت خواهیم کرد. بیایید به آن برسیم!

روش قرار دادن iFrame در وردپرس

در اینجا سه ​​راه آسان برای جاسازی iFrames در وردپرس وجود دارد.

روش استفاده از کد جاسازی و بلوک HTML سفارشی

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

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

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

1. را بیابید اشتراک گذاری دکمه زیر ویدیوی یوتیوب

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

3. کد iFrame YouTube را که ظاهر می شود کپی کنید. همچنین می توانید پارامترهای iFrame مانند ارتفاع و عرض محتوا را تعریف کنید.

4. ویرایشگر بلوک را برای پست یا page که می خواهید ویدیو را جاسازی کنید روی سایت وردپرس شما
5. کلیک روی را + برای افزودن یک بلوک جدید و انتخاب کنید HTML سفارشی.
6. کد iFrame را جایگذاری کنید.
7. سوئیچ به پیش نمایش برگه اکنون iFrame باید ظاهر شود.

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

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

اگر می خواهید به طور منظم محتوای خارجی را به سایت خود اضافه کنید، استفاده از یک افزونه ممکن است راحت تر باشد. همچنین اگر با استفاده از کد HTML آشنا نیستید، گزینه بسیار خوبی است.

تعداد زیادی افزونه iFrame وردپرس برای انتخاب وجود دارد، اما آی فریم پیشرفته یکی از بهترین ها است

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

برای شروع، افزونه Advanced iFrame را از داشبورد وردپرس خود نصب و فعال کنید.

سپس برو به آی فریم پیشرفته و انتخاب کنید گزینه ها برگه:

در اینجا می‌توانید تنظیمات مختلفی از جمله نمایشگر و گزینه‌های فنی را تنظیم کنید.

قبل از تعبیه iFrame روی سایت وردپرس خود، از افزونه استفاده کنید جستجوگر رایگان آی فریم برای دیدن اینکه آیا URL حاوی اسکریپت هایی است که از بارگیری محتوا جلوگیری می کند یا خیر.

پس از بررسی، به افزونه برگردید تنظیمات پایه برگه روی داشبورد وردپرس شما

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

کلیک یک کد کوتاه برای تنظیمات فعلی ایجاد کنید.

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

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

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

مزیت اصلی این روش این است که شما کنترل کاملی بر روش نمایش iFrame خواهید داشت. می توانید عرض و ارتفاع iFrame را تغییر دهید، مشاهده تمام صفحه را فعال کنید یا تعیین کنید که چه زمانی باید بارگیری شود.

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

برای شروع، کد iFrame را با استفاده از HTML سفارشی مسدود کردن روی پست وردپرس شما یا page.&

تگ های HTML باز و بسته را با URL محتوا که بین آنها قرار گرفته است اضافه کنید:

<iframe src=”example.com”></iframe>. 

باید چیزی شبیه این باشد:

اگر می خواهید عرض یا ارتفاع را تغییر دهید، ابعاد دقیق iFrame را بعد از URL مشخص کنید. به عنوان مثال، اجازه دهید عرض را روی 700 پیکسل و ارتفاع را روی 900 پیکسل قرار دهیم:

<iframe src=”example.com” width=”700” height=”900” ></iframe>.

پس از انجام سفارشی سازی iFrame، پیش نمایش نتیجه را مشاهده کنید تا مطمئن شوید که خوب به نظر می رسد. وقتی از نتیجه راضی هستید، خود را منتشر یا به روز کنید page.

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

iFrame یکی از ساده ترین راه ها برای نمایش محتوای خارجی است روی وب سایت خود را بدون نقض قوانین کپی رایت. به عبارت دیگر، این یک راه قانونی و اخلاقی برای به اشتراک گذاری محتوا است روی وب سایت شما که توسط دیگران ساخته شده است.

iFrames همچنین برای جاسازی فیلم ها یا سایر فایل های بزرگ مفید است. از آنجایی که شما مجبور نیستید host محتوای iFrame در کتابخانه رسانه خود، می توانید فضای ذخیره سازی را ذخیره کنید روی حساب میزبانی شما

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

تفاوت بین iFrame و Embed Blocks در وردپرس چیست؟

می توانید محتوای خارجی را به اشتراک بگذارید روی سایت وردپرس شما با استفاده از بلوک های iFrames و Embed که توسط oEmbed API پشتیبانی می شود.

با این حال، iFrame و Embed تفاوت های کلیدی دارند. به طور عمده، آنها برای انواع مختلف محتوا استفاده می شوند.

iFrame برای نمایش اسناد HTML از سایت های دیگر بهترین است. همچنین می توانید ظاهر محتوا را سفارشی کنید.

در همین حال، Embed را می توان برای به اشتراک گذاری انواع محتوای دیگر مانند PDF یا انیمیشن های فلش استفاده کرد. با این حال، جاسازی بلوک ها فقط با سایت های شخص ثالث خاصی از جمله YouTube، Vimeo و Twitter کار کنید. فیسبوک و اینستاگرام دیگر از oEmbed API پشتیبانی نمی کند.

برای استفاده از بلوک Embed WordPress، ویرایشگر را برای یک پست یا باز کنید page از داشبورد وردپرس خود و انتخاب کنید جاسازی کنید مسدود کردن.

نتیجه

iFrame یکی از ساده ترین راه ها برای نمایش محتوا از منابع دیگر است روی وبسایت شما. به عنوان مثال، می توانید از آن برای به اشتراک گذاری فایل های صوتی و تصویری بزرگ استفاده کنید.

برای جمع بندی، در اینجا سه ​​راه برای جاسازی iFrame در وب سایت وردپرس شما وجود دارد:

1. کد iFrame جاسازی شده را کپی کرده و آن را در بلوک HTML قرار دهید.
2. یک افزونه وردپرس مانند Advanced iFrame را نصب کنید.
3. کد HTML iFrame را ویرایش و اضافه کنید تا به صورت دستی آن را جاسازی کنید.

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

روش قرار دادن iFrame در سوالات متداول وردپرس

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