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

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

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

نگران نباشید، در این آموزش به شما نشان خواهم داد که چگونه یک ویدیو را نمایش دهید (یوتیوب - ویمئو - و غیره...) در جعبه نور.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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=0" width="640" height="480" anchor="Une simple vidéo" description="Par Dr WP"]

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

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

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

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

قبل از ترک

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

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

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

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

1. FileBird

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

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

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

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

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

2. Social Share & Locker Pro

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

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

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

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

این افزونه وردپرس برای افزونه فرم تماس ۷، قابلیت نمایش آسان راهنما (tooltip) را اضافه می‌کند. این راهنماها زمانی که ماوس روی عنصر هدف قرار می‌گیرد، ظاهر می‌شوند. در دستگاه‌های تلفن همراه، راهنماها نشان می‌دهند که چه زمانی با عنصر هدف تعامل برقرار می‌شود.

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

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

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

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

• Elementor: چگونه یک پنجره بازشو از آدرس یا منو باز کنیم
• چگونه نسخه نهایی افزونه وردپرس را بازنویسی کنیم
• چگونه یک اسپانسر پیدا کنیم و از وبلاگ خود کسب درآمد کنیم؟ : راهنما
• چگونه به سفارشی داشبورد وردپرس برای یک مشتری
• چگونه برای ایجاد یک منو همراه پاسخگو در وردپرس

نتیجه

وجود دارد! این تمام چیزی بود که برای این آموزش نیاز داشتیم؛ امیدوارم به شما در نمایش ویدیوهای یوتیوب یا ویمئو در ... کمک کند. سبد در وب سایت وردپرس خود را. دریغ نکن. با دوستان خود در شبکه های اجتماعی مورد علاقه خود به اشتراک بگذارید. 

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

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

...