Hướng dẫn wordpress shortcode video
|
Video shortcode là chức năng cho phép bạn chèn video trên WordPress. Bạn có thể chèn video trực tiếp bằng cách upload lên WordPress. Và bạn cũng có thể chèn video từ url trên mạng. Nội dung của bài viết này mình sẽ hướng dẫn cho bạn dùng video shortcode để chèn vào blog WordPress. Show  WordPress có một chức năng rất hay đó là bạn chỉ cần bỏ url vào trong nội dung bài viết, hệ thống sẽ tự động chuyển thành video chứ không cần dùng shortcode. Mục lục nội dung
Bạn hoàn toàn có thể chèn phim, ảnh hoặc nhạc vào WordPress một cách dễ dàng. Đối với bất kỳ post hoặc page nào có hỗ trợ editor (trình soạn thảo), bạn chỉ việc sao chép đường dẫn và bỏ vào nội dung bài viết. Xem video hướng dẫn làm thịt nướng mọi chấm muối ớt: https://www.youtube.com/watch?v=fiHDrn0sX1A Đây là video ngắn với nội dung giải trí. Như bạn thấy đoạn nội dung bên trên, mình chỉ chèn url video từ YouTube chứ không làm bất kỳ việc gì khác. Tuy nhiên, video của bạn phải nằm trong danh sách các dịch vụ hỗ trợ embed video vào WordPress. Tronh danh sách có tới hơn 30 dịch vụ. Đây đều là những dịch vụ cho phép upload video, nhạc và chia sẻ hình ảnh phổ biến hiện nay. Sử dụng video shortcodeNếu như bạn hoàn toàn có
thể embed video hoặc nhạc một cách tự động thì bạn cũng có thể dùng shortcode Cửa sổ thêm media hiển thị lên. Bạn có thể upload video hoặc nhạc trực tiếp lên WordPress. Bên cạnh đó, bạn cũng có thể chèn media từ url như trong hình ảnh bên trên. Nếu bạn chọn cách upload video trực tiếp lên WordPress thì nên hạn chế nhé. Xem thêm: Không nên upload nhạc và video trực tiếp lên WordPress Ngoài cách dùng nút Add Media thì bạn có thể dùng shortcode video như bên dưới: {video mp4="source.mp4" ogv="source.ogv" webm="source.webm" poster="video-thumbnail.jpg"};
Bạn thay dấu ngoặc { thành dấu ngoặc vuông nhé. Bạn có url nào của video thì cứ để vào, nếu không có định dạng OGV và định dạng WEBM thì chỉ điền MP4 thôi là đủ. Poster là thuộc tính cho phép bạn thiết lập thumbnail cho video. Tự động thêm thumbnail cho video trên WordPressCách sử dụng video shortcode rất đơn giản. Chỉ một dòng như mình hướng dẫn bên trên. Nhưng để hiển thị thumbnail tự động cho video thay vì màn hình đen thuôi thì bạn bỏ đoạn code sau vào tập tin functions.php của giao diện. function hocwp_theme_custom_video_code( $attr, $content = '' ) {
if ( ! isset( $attr['poster'] ) && has_post_thumbnail() ) {
$poster = wp_get_attachment_image_src(
get_post_thumbnail_id(),
'poster'
);
$attr['poster'] = $poster['0'];
}
return wp_video_shortcode( $attr, $content );
}
add_shortcode( 'video', 'hocwp_theme_custom_video_code' );
Bạn thêm đoạn code bên trên vào tập tin functions.php của giao diện. Mục địch của đoạn code này là định nghĩa lại shortcode video thay cho các mặc định của WordPress. Video shortcode không hoạt động trong AJAXNếu bạn đang viết code có sử dụng AJAX mà video shortcode không hoạt động thì bạn chỉ cần dùng bộ lọc the_content để lọc nội dung hiển thị. Sau khi thực hiện xong AJAX thì bạn để trong callback success hoặc complete đoạn script sau: $("video,audio").mediaelementplayer();MediaElement là framework cho phép bạn chạy video và audio bằng thẻ HTML5. Hiện tại thì framework này đã tích hợp vào bộ nhân của WordPress. Như vậy qua bài viết này thì bạn đã biết cách chèn video hoặc audio vào WordPress rồi nhé. Cách chèn audio thì tương tự
như video vậy. Bạn sử dụng shortcode Hy vọng bài viết này sẽ giúp ích được bạn. Nếu bạn gặp bất kỳ rắc rối nào thì có thể để lại bình luận nhờ sự trợ giúp của cộng đồng WordPress. Chúc bạn thành công. Hướng dẫn wp-config phpMột trong những tệp quan trọng nhất của cài đặt WordPress là tệp cấu hình. Nó nằm trong thư mục gốc và chứa các định nghĩa không thay đổi và hướng dẫn ... How to update php in cpanelOverviewAvailable PHP VersionsHow to Upgrade PHPFix MultiPHP Errorphp.iniLimitsView SettingsSuppose you ever encounter problems with the way your server handles PHP packages or find WordPress ... How do i check my wordpress memory limit?WordPress can sometimes run out of memory. This isnt very common, and usually only happens on either extremely busy or fully featured sites (lots of plug-ins and/or functionality) or if theres a ... Hướng dẫn change php version namecheapIn some cases, the correct functioning of your website depends on a PHP version installed on the server. This guide describes how to change php version on Shared servers (Stellar, Stellar Plus plans ... How to put video on wordpress websiteDo you want to embed videos in your WordPress blog posts? Videos bring life to your website, and they are a great way to increase user engagement.WordPress makes it super easy to embed videos from ... Hướng dẫn cài wordpress trên ubuntuWordPress được biết đến như một CMS (Content Management System) miễn phí và dễ sử dụng nhất trên thế giới. WordPress được viết bằng ngôn ngữ PHP và sử ... Why is index php in my url?If you are using a WordPress website, you may notice that the URL of your website contains index.php at the end and this may be due to some reasons such as, you have just migrated your site to ... Hướng dẫn add video controls javascriptThe HTML Wordpress not recognizing php version godaddyI researched a few topics on this issue but haven’t found a solution. The site is hosted using cPanel on GoDaddy which had an outdated version of PHP running. I updated it to 7.4 and it clearly ... How does php generate session id?Here is the code that generates the id: Session.cSpecifically the php_session_create_id function:PHPAPI char *php_session_create_id(PS_CREATE_SID_ARGS) /* {{{ */ { PHP_MD5_CTX md5_context; ... Hướng dẫn wordpress handbookTh8 01, 2022 Hai G. 19ít nhất Đọc Trong bài hướng dẫn WordPress này bạn sẽ tìm thấy được tất cả nhưng điều bạn cần để tạo một website với mã ... Hướng dẫn khóa học php wordpressNếu bạn đã yêu thích mã nguồn WordPress và muốn đi sâu hơn về nó, cụ thể là lập trình các tính năng trong WordPress, viết plugin hoặc làm theme thì bạn phải ... Wordpress sorry, this content could not be embeddedWhen I copied content from Libre Office doc into this page maost of the links embedded but one did not.I got the above message and so left it as a link for a while. I am now trying to get it to embed ... Hướng dẫn dns wordpress12/09/2021 18:04 pm | Luợt xem : 1894WordPress là hệ quản trị nội dung hỗ trợ người dùng tạo ra nhiều thể loại website khác nhau miễn phí. Vì vậy, cách trỏ tên ... Hướng dẫn dùng w3schools functions trong PHPThe real power of PHP comes from its functions.PHP has more than 1000 built-in functions, and in addition you can create your own custom functions.PHP Built-in FunctionsPHP has over 1000 built-in ... Trình tải video từ facebookBạn xem video trên Facebook, muốn lưu về điện thoại để tiện xem lại nhưng không biết cách thực hiện. Vậy Điện máy XANH xin mời bạn tham khảo bài viết sau ... Hướng dẫn wordpress a-zWordPress là một dự án nguồn mở, bất cứ ai cũng có thể tùy chỉnh mã nguồn theo nhu cầu sử dụng. WordPress có hàng ngàn Plugin/Theme hoàn toàn miễn phí, cũng ... Hướng dẫn chèn script vào wordpressJavaScript là ngôn ngữ lập trình không chạy trên server của bạn mà trên trình duyệt của người dùng. Chương trình client-side này cho phép developer thực hiện ... Cài đặt wordpress trên xamppSau khi cài đặt xong một localhost hoàn chỉnh rồi, bây giờ chúng ta có thể tiến hành cài đặt WordPress vào localhost để khởi tạo một website trên mạng host ảo ... Hướng dẫn wordpress truyện full26/10/2021 10:06 am | Luợt xem : 2492Hiện nay, nhu cầu đọc truyện tranh online trên website để giải trí, thư giãn đã trở nên rất phổ biến và luôn nhận được sự ... Tải video trên fb bằng ChromeCách download video facebook bằng Google Chrome là cách nhanh nhất nếu như máy tính của bạn không cài đặt IDM. Download video Facebook giúp bạn có thể xem lại bất cứ ... How do i save a video from html?Downloading videos is easy when you see a download button. Unfortunately, most video sharing sites obviously don’t allow downloads, usually to protect copyrights or because there’s not a large ... How do i download a video from html?Downloading videos is easy when you see a download button. Unfortunately, most video sharing sites obviously don’t allow downloads, usually to protect copyrights or because there’s not a large ... Hướng dẫn mod phpPHP có xây dựng sẵn rất nhiều hàm toán học (math function) giúp thao tác, tính toán trên các con số. Trong bài này, chúng ta sẽ tìm hiểu cách sử dụng một số ... Hướng dẫn dùng catches definition trong PHPTLDR; scroll to: Use PHPUnits Data ProviderNội dung chínhHow to test multiple Exceptions?Split multiple exceptions into separate tests: Catch an exception and check it with an assertionUse ... Wordpress embed url not workingYou can embed videos, maps, and many other types of content from many different sites, including YouTube, Vimeo, Facebook, Instagram, GitHub, CodePen, Instagram, Twitter, Speaker ... Hướng dẫn w3schools htmlEasy Learning with HTML Try it YourselfWith our Try it Yourself editor, you can edit the HTML code and view the result:Example |