آیا می خواهید عرض oEmbeds در وردپرس را محدود کنید؟
وردپرس به طور خودکار محتوای شخص ثالث مانند ویدیوهای یوتیوب، توییت ها یا پست های فیس بوک را جاسازی می کند. با این حال، گاهی اوقات ممکن است جاسازی ها بیش از حد گسترده شوند و طرح بندی صفحه شما را به هم بریزند.
در این مقاله به شما نشان خواهیم داد که چگونه oEmbed max-width را در وردپرس تنظیم کنید تا بتوانید کنترل بیشتری بر طرح بندی سایت خود داشته باشید.
چرا حداکثر عرض OEmbed را در وردپرس رفع کنیم؟
وردپرس به شما این امکان را می‌دهد تا با استفاده از فناوری به نام oEmbed، محتوای وب‌سایت‌های شخص ثالث را به صورت خودکار در پست‌ها و صفحات خود جاسازی کنید.
این به شما اجازه می دهد تا به راحتی ویدیوهای YouTube، پست های فیس بوک، توییت ها و بسیاری از انواع دیگر محتوا را در وب سایت خود جاسازی کنید. این محتوا در وب سایت وردپرس شما میزبانی نمی شود. در عوض، مستقیماً از این سایت های شخص ثالث نمایش داده می شود.
وردپرس در تنظیم خودکار عرض محتوای تعبیه شده با محتوای وب سایت شما یا مناطق نوار کناری بسیار خوب است.
با این حال، گاهی اوقات ممکن است این محتوای جاسازی شده بیش از حد گسترده باشد و با حوزه های محتوای وب سایت شما همپوشانی داشته باشد، مانند مثال زیر.
برای رفع این مشکل، باید صریحاً به وردپرس بگویید که از حداکثر عرض برای جاسازی‌های شخص ثالث استفاده کند. متاسفانه در تنظیمات وردپرس گزینه ای برای انجام این کار وجود ندارد.
همانطور که گفته شد، بیایید نگاهی بیندازیم که چگونه به راحتی oEmbed max عرض در وردپرس را بدون شکستن چیزی تنظیم کنیم.
ما 4 روش مختلف را پوشش می دهیم، و شما می توانید بهترین روش را انتخاب کنید که با نیازهای شما مطابقت دارد:
- عرض oEmbed را با کد کوتاه وردپرس تنظیم کنید
- عرض oEmbed را با وردپرس Embed Block تنظیم کنید
- حداکثر عرض oEmbed را با CSS تنظیم کنید
- حداکثر عرض oEmbed را با فیلتر وردپرس تنظیم کنید (روش کد)
روش 1. از Embed Shortcode در وردپرس استفاده کنید
این روش ساده تر است و برای تنظیم حداکثر عرض برای جاسازی ویدیو در وردپرس بسیار خوب عمل می کند.
به جای چسباندن URL یا استفاده از بلوک YouTube، از بلوک کد کوتاه استفاده خواهید کرد. در داخل آن، باید از کد کوتاه جاسازی شده استفاده کنید و پارامترهای عرض و ارتفاع را در آن لحاظ کنید.
[embed width="900" height="600"]https://youtu.be/6LwWumPeues[/embed]
به راحتی می توانید مقادیر عرض و ارتفاع را مطابق با نیاز خود تغییر دهید و URL جاسازی شده را با جاسازی خود جایگزین کنید.
اکنون می توانید پیش نمایش پست یا صفحه خود را مشاهده کنید و جاسازی را در عمل مشاهده کنید.
کد کوتاه جاسازی و پارامترهای عرض و ارتفاع آن برای همه ارائه دهندگان oEmbed کار نمی کند. به عنوان مثال، شما نمی توانید از آن برای تنظیم ارتفاع و عرض یک Giphy تعبیه شده در وردپرس استفاده کنید.
در این صورت می توانید یکی از روش های جایگزین ذکر شده در زیر را امتحان کنید.
روش 2. از Embed Blocks در وردپرس استفاده کنید
ویرایشگر پیش فرض وردپرس با چندین بلوک تعبیه شده برای ارائه دهندگان خدمات مختلف oEmbed ارائه می شود. می توانید از آنها برای جاسازی محتوا در قسمت های مختلف پست ها و صفحات خود استفاده کنید.
برخی از این بلوک‌ها همچنین به شما امکان می‌دهند تراز جاسازی را تغییر دهید و عرض محتوا را روی پهن یا کامل تنظیم کنید.
می‌توانید از این گزینه‌ها استفاده کنید تا ببینید آیا مشکل حداکثر عرض برای جاسازی برطرف می‌شود یا خیر.
روش 3. از CSS برای تنظیم حداکثر عرض برای جاسازی ها در وردپرس استفاده کنید
به طور پیش فرض، وردپرس به طور خودکار کلاس های CSS را به قسمت های مختلف پست ها و صفحات شما اضافه می کند.
همچنین چندین کلاس CSS را به بلوک‌ها اضافه می‌کند. از این کلاس های CSS می توان برای تعیین حداکثر عرض برای جاسازی ها در وب سایت وردپرسی خود استفاده کرد.
برای اینکه بفهمید کدام کلاس‌های CSS را باید هدف بگیرید، کافی است محتوا را در یک پست یا صفحه قرار دهید و سپس آن را در مرورگر خود پیش‌نمایش کنید. با بردن ماوس روی محتوای تعبیه شده کلیک راست کرده و سپس ابزار Inspect را انتخاب کنید.
شما می توانید تمام کلاس های CSS اضافه شده به عنصر جاسازی شده را ببینید. می توانید از این کلاس ها برای تعیین حداکثر عرض برای این نوع جاسازی استفاده کنید.
به عنوان مثال، اگر می‌خواهید حداکثر عرض را برای همه جاسازی‌ها تنظیم کنید، می‌توانید از CSS سفارشی زیر استفاده کنید.
.wp-block-embed {
max-width: 900px!important;
}
شما همچنین می توانید ارائه دهندگان خاص oEmbed را با استفاده از .wp-block-embed-providername کلاس به عنوان مثال، اگر می‌خواهید حداکثر عرض را فقط برای جاسازی‌های Pinterest تنظیم کنید، می‌توانید از CSS سفارشی زیر استفاده کنید.
.wp-block-embed-pinterest {
max-width: 900px!important;
}
روش 4. حداکثر عرض oEmbed را با استفاده از فیلتر وردپرس تنظیم کنید
در این روش آخر باید کد سفارشی را به وب سایت وردپرس خود اضافه کنید. اگر قبلاً این کار را انجام نداده اید، به راهنمای ما در مورد نحوه اضافه کردن آسان قطعه کد سفارشی در وردپرس نگاهی بیندازید.
برای این روش، ما کد خود را به وردپرس اضافه می کنیم تا عرض پیش فرض را برای oEmbeds تنظیم کنیم. به سادگی کد زیر را به فایل functions.php یا فایل تم خود اضافه کنید قطعه کد افزونه
add_filter( 'embed_defaults', 'wpbeginner_embed_defaults' );
function wpbeginner_embed_defaults() {
return array(
'width' => 400,
'height' => 280
);
}
فراموش نکنید که ویژگی های ارتفاع و عرض را به نیاز خود تنظیم کنید.
مشکل این روش این است که تنها در صورتی ویژگی عرض را اعمال می‌کند که محتوای تعبیه‌شده «عرض» تعریف نشده باشد. اگر کد جاسازی از قبل شامل عرض باشد، ممکن است این روش کار نکند.
نکته پاداش
اگر به طور مرتب محتوا را از پلتفرم های رسانه های اجتماعی در وب سایت وردپرس خود جاسازی می کنید، باید شروع به استفاده کنید بالون خرد کن.
این بهترین افزونه رسانه های اجتماعی برای وردپرس است و به شما امکان می دهد به راحتی فیدهای رسانه های اجتماعی سفارشی را در وردپرس جاسازی کنید.
از جاسازی های رسانه های اجتماعی محبوب مانند یوتیوب، توییتر و غیره پشتیبانی می کند. همچنین به شما امکان می دهد محتوای فیس بوک و اینستاگرام را که توسط وردپرس پشتیبانی نمی شود جاسازی کنید.
مهمتر از آن، تمام فیدهای رسانه های اجتماعی پاسخگوی تلفن همراه هستند و با هر موضوع وردپرس کار می کنند.
امیدواریم این مقاله به شما در یادگیری نحوه تنظیم حداکثر عرض oEmbed در وردپرس کمک کرده باشد. همچنین ممکن است بخواهید برگه تقلب کامل رسانه های اجتماعی ما یا مقایسه تخصصی ما از بهترین نرم افزار چت زنده برای مشاغل کوچک را ببینید.
اگر این مقاله را دوست داشتید، لطفا در ما مشترک شوید کانال یوتیوب برای آموزش ویدیویی وردپرس. شما همچنین می توانید ما را در توییتر و فیس بوک.
پست نحوه تنظیم حداکثر عرض oEmbed در وردپرس (4 روش آسان) اولین بار در WPBeginner ظاهر شد.
