آیا می خواهید دریابید که چگونه یک ویدیوی YouTube را در یک پنجره بازشو در وردپرس باز کنید؟

La جعبه نور یا پنجره معین (پاپ آپ) یک ویژگی بسیار رایج در شبکه است. با این حال، به طور کلی برای نمایش تصاویر، فرم های ضبط ایمیل، تبلیغات یا حتی فرم های ثبت نام استفاده می شود. 

اما آیا می دانید استفاده از آن برای نمایش فیلم ها نیز امکان پذیر است وردپرس ? نه؟ 

جای نگرانی نیست ، در این آموزش نحوه نمایش فیلم را به شما نشان می دهم (YouTube – Vimeo – و غیره) در جعبه نور.

اما قبل از آن ، اگر هرگز WordPress را نصب نکرده اید کشف کنید چگونه به نصب یک وبلاگ وردپرس مراحل 7 et چگونه برای پیدا کردن، نصب و فعال یک تم وردپرس در وبلاگ خود 

سپس به این دلیل که چرا ما اینجا هستیم

دلایلی که باید از a استفاده کنید سبد برای نمایش فیلم های خود 

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

Le هدایتگر بار له تصاویر وقتی که جعبه نور باز می شود ، این مورد در مورد فیلم ها نیز وجود دارد. به طور خلاصه ، این یک ویژگی است اجازه می دهد تا صفحات شما سریعتر باز شوند. همچنین به شما امکان می دهد سایز را کاهش دهید (طول) صفحه شمازیرا بخشی از محتوای این صفحه در این پنجره معین در دسترس خواهد بود.

آتش بس ، بیایید به تجارت بپردازیم.

چگونه به نصب و پیکربندی پلاگین WP Video Lightbox

WP Video Lightbox یک است پلاگین در WordPress.org موجود است. به این معنی که می توانید آن را مستقیماً از داشبورد وردپرس خود نصب کنید ، یا آن را بارگیری کنید به عنوان فایل زیپ.

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

بعد از فعال سازی پلاگین، از این مکان به صفحه تنظیمات آن بروید " تنظیمات >> تصویری جعبه نور '.

ما مستقیماً به " از prettyPhoto '.

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

برای همین چند گزینه را توضیح خواهم داد (مورد نیاز)به طوری که آن را به عنوان شما می خواهید.

در حال حاضر کتابفروشی از prettyPhoto باید فعال شود (بررسی کنید فعال از prettyPhoto »)برای اینکه به کاربران اطلاع دهید که در یک صفحه هستند ، می توانید پنجره را شفاف کنید (تعریف مقداری از 0 تا 1. مقادیر کاما پذیرفته می شوند).

کشف ویژگی های یک پنجره موثر برای وردپرس 

همه جعبه های سبد شما می توانند عنوانی داشته باشند که قابل نمایش باشد (نمایش عنوان). بعضی اوقات برای پنجره های بزرگ بزرگ باید تغییر اندازه دهید (اجازه دادن تغییر اندازه). و برای فیلم های طولانی تر ، کاربران قادر به بزرگ کردن آنها خواهند بود (اجازه دادن گسترش)، بهتر است آنها را تماشا کنید.

برای عرض و ارتفاع جعبه نورمی توانید فیلدها را ویرایش کنید " به طور پیش فرض عرض "و" به طور پیش فرض ارتفاع '. 

برای انتخاب موضوع جعبه نور، منوی کشویی را تغییر دهید موضوع " همچنین امکان فعال سازی خودکار وجود دارد (جعبه را تیک بزنید " خودکار ").

یک ویدیوی Youtube را در یک پنجره باز کنید - تعریف کنید - les-regalges

چگونه یک صفحه نمایش داده شود جعبه نور در یک مقاله

Le پلاگین لیستی را پیشنهاد می دهد کد کوتاه که به شما امکان نمایش می دهد جعبه نور در مقالات فراموش کردم به شما بگویم که می توانید فیلم های موجود را نیز مشاهده کنید Vimeo و.

برای مشاهده یک فیلم یوتیوب ou Vimeo وشما باید استفاده کنید کد کوتاه suivant:

[video_lightbox_youtube] (pour YouTube)
[video_lightbox_vimeo5] (pour Vimeo)

هر یک از اینها کد کوتاه پارامترهایی را می پذیرد ، که به شما امکان می دهد:

  • شناسه را مشخص کنید (شناسه_ویدیو) از یک ویدیو ، معمولاً در این قالب " YzqKMmQ_3Sg '. Exemple [video_lightbox_youtub شناسه_ویدیو = "YzqKMmQ_3Sg"]
  • ارتفاع فیلم را تنظیم کنید (ارتفاع)
  • عرض فیلم را تنظیم کنید (عرض)
  • یک توضیح اضافه کنید (شرح)
  • یک لنگر HTML اضافه کنید (لنگر) ، یا متن پیوندی که پنجره را باز می کند
  • یک تصویر کوچک اضافه کنید (auto_thumb)

اگر یک لنگر HTML تنظیم کنید ، تصویر کوچک نادیده گرفته می شود. در غیر این صورت، auto_thumb مقدار را می گیرد " 1 '.

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

نسخه ی نمایشی استفاده

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

[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0width="640height="480anchor="Une simple vidéo" description="Par Dr WP"]

برای نتیجه مشابه

ارائه برای نتایج

می توانید یک تصویر کوچک را مطابق تصویر بالا با کد مشابه این مورد مشاهده کنید.

[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0width="640height="480auto_thumb="1description="Par Dr WP"]

برای نتیجه مشابه با این یکی

مینیاتوری-تپه-ویدئو

قبل از ترک

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

همچنین برخی از افزونه های برتر WordPress را کشف کنید  

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

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

1. FileBird

FileBird

آیا تا به حال برای مدیریت هزاران فایل تصویری، ویدئویی یا سندی که در FTP وردپرس خود آپلود کرده اید، مشکل داشته اید؟ بله یا خیر، مهم نیست، مهم این است که بدانید که پلاگین وردپرس FileBird به شما کمک می کند تا فایل های رسانه ای خود را به راحتی مدیریت کنید و قدرت بیشتری را به کتابخانه خود بیاورید.

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

ما را نیز کشف کنید 6 افزونه وردپرس برای روح بخشیدن به مقالات خود

علاوه بر این ، این افزونه کاملاً با محبوب ترین پلاگین ها سازگار است ، خصوصاً با از WooCommerce، و همچنین از تعداد زیادی زبان پشتیبانی می کند. بنابراین اگر می خواهید مدیریت کتابخانه رسانه خود را تقویت کنید، پلاگین وردپرس FileBird می تواند سلاح مخفی شما باشد.

دانلودنسخه ی نمایشی میزبانی وب

2. Social Share & Locker Pro

افزونه Social Share & Locker Pro برای کمک به وب سایت شما در شبکه های اجتماعی بیشتر دیده شده است. فقط با چند کلیک می توانید موقعیت آیکون های اجتماعی خود را تنظیم کنید یا با الزام به اشتراک گذاری در یکی از شبکه های اجتماعی ارائه شده توسط خود ، محتوای خود را قفل کنید.

افزونه Share Share Locker Pro WordPress

شما 10 الگو دارید که باید رایج ترین آرزوها را پوشش دهد. همه مدل های او عالی هستند و فوق العاده کار می کنند. همچنین ، با Social Share & Locker Pro ، قادر خواهید بود نام کامل شبکه های اجتماعی یا فقط نماد را نمایش دهید. این به طراحی شما ، فضای موجود یا سلیقه شما بستگی دارد.

دانلود | نسخه ی نمایشی | میزبانی وب

3. فرم تماس با راهنمایی های 7

این افزونه وردپرس از افزونه Contact Form 7 یک قابلیت راهنمای ابزار آسان را برای افزونه Contact Form 7 شما به ارمغان می آورد. راهنمایی های ابزار آن زمانی که عنصر هدف روی ماوس قرار می گیرد نمایش داده می شود. در دستگاه های تلفن همراه، راهنمای ابزار نشان می دهد که عنصر هدف چه زمانی درگیر است.

فرم تماس با 7 راهنمای ابزار

ویژگی های اصلی آن عبارتند از: سهولت استفاده ، پشتیبانی از همه نسخه های فرم تماس 7 ، شخصی سازی رنگ پس زمینه راهنمای ابزار ، پشتیبانی از کد HTML ، طرح بندی کامل پاسخگو ، و بیشتر.

دانلود | نسخه ی نمایشی | میزبانی وب

سایر منابع پیشنهادی

ما همچنین از شما دعوت می کنیم تا با منابع زیر مشورت کنید تا بیشتر در کنترل و کنترل وب سایت و وبلاگ خود باشید.

نتیجه

وجود دارد! این برای این آموزش است ، امیدوارم به شما کمک کند ویدیوهای Youtube یا Vimeo را در یک صفحه نمایش دهید سبد در وب سایت وردپرس خود را. در صورت تمایل به با دوستان خود در شبکه های اجتماعی مورد علاقه خود به اشتراک بگذارید

با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس.

در ضمن ، در مورد خودتان به ما بگویید نظر و پیشنهادات در بخش اختصاصی

...