• Trang chủ
  • Windows
  • Mac OS
  • Điện thoại
  • Game hay
  • Thủ thuật
  • Website
  • Hướng dẫn
  • Tài liệu
Friday, 27 January, 2023
Chia sẻ thủ thuật IT, tải phần mềm miễn phí
No Result
View All Result
  • Trang chủ
  • Windows
  • Mac OS
  • Điện thoại
  • Game hay
  • Thủ thuật
  • Website
  • Hướng dẫn
  • Tài liệu
  • Trang chủ
  • Windows
  • Mac OS
  • Điện thoại
  • Game hay
  • Thủ thuật
  • Website
  • Hướng dẫn
  • Tài liệu
No Result
View All Result
Chia sẻ thủ thuật IT, tải phần mềm miễn phí
No Result
View All Result
Home Hướng dẫn

Add Widget Before Content in any WordPress theme

Harris by Harris
14/09/2022
in Hướng dẫn, Tài liệu
Reading Time: 2 mins read
0
huanvmdotcom widget before content
12
SHARES
36
VIEWS
Share to FacebookShare to TwitterPin on Pinterest

Add Widget Before Content – Hiển thị bất cứ thứ gì bạn muốn như các bài viết liên quan, quảng cáo..vv
Một số theme có cung cấp bạn các Widget Before Content. Nhưng vấn đề nằm ở chỗ theme mà bạn sử dụng không có sẵn Widget Before Content. Vì vậy bạn phải Active một Plugin nếu như bạn không biết code thế nào. Bài viết này sẽ giúp bạn thêm một Custom Widget không cần sử dụng Plugin.

huanvmdotcom widget before content

Đăng ký một Widget area

Đầu tiên chúng ta đăng ký một class_exists , class này có nhiệm vụ kiểm tra xem class đã tồn tại hay chưa. Bạn sẽ cần phải thêm code vào file functions.php theme của bạn.

1
2
3
if ( !class_exists( 'AddWidgetBeforeContent' ) ) {
    // php this
}

Tiếp theo chúng ta hãy đăng ký một Widget area và hook nó vào đầu nội dung của post, page. Sử dụng add_action ‘widgets_init’ và add_filter ‘the_content’ chúng ta có code. Add nó vào function.php trong theme của bạn.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
// Add Widget Before content In Any WordPress Theme.
if ( !class_exists( 'AddWidgetBeforeContent' ) ) {
    class AddWidgetBeforeContent {
        function __construct() {
            add_action( 'widgets_init', array( $this,'before_widgets_init' ) );
            add_filter( 'the_content', array( $this,'insert_before_content') );
        }
        function before_widgets_init() {
            $args = array(
                'name'          => 'Widget Before Content ',
                'id'            => 'widget_before_content',
                'description'   => __( 'This is the widgets area before the content.', 'longviet' ),
                'before_widget' => '<div class="awbc-wrapper">',
                'after_widget'  => '</div>',
                'before_title'  => '<h4 class="widget-title">',
                'after_title'   => '</h4>'
            );
            register_sidebar( apply_filters( 'awbc_sidebar_arguments', $args ) );
        }
        public function insert_before_content( $content ) {
            if ( is_singular( array( 'post', 'page' ) ) && is_active_sidebar( 'widget_before_content' ) && is_main_query() ) {
                dynamic_sidebar( 'widget_before_content' );
            }
            return $content;
        }
    }
    new AddWidgetBeforeContent();
}

Code trên hiển thị Widget area vào đầu nội dung post, page. Nếu bạn muốn nó chỉ hiển thị trên Post hoặc Page hãy chỉnh sửa dòng 23.

Tôi nghĩ khá đơn giản để thực hiện. Tôi hy vọng bạn tìm thấy hướng dẫn này hữu ích. Nếu vậy, hãy chia sẻ nó với bạn bè của bạn!

Digiprove sealCopyright protected by Digiprove © 2022
5/5 - (1 vote)
Chào ! Bạn thấy nội dung này thế nào?
Hữu ích 47Tạm được 47
Previous Post

[Hướng dẫn] Auto title, alt text, caption & description cho hình ảnh upload

Next Post

[Hướng dẫn] Hiển thị thông tin sản phẩm dạng Tooltip cho Woocommerce

Harris

Harris

Thích du lịch, khám phá và thích vọc vạch

Next Post
[Hướng dẫn] Hiển thị thông tin sản phẩm dạng Tooltip cho Woocommerce

[Hướng dẫn] Hiển thị thông tin sản phẩm dạng Tooltip cho Woocommerce

Đăng nhập bằng
Tôi đồng ý tạo tài khoản
Khi bạn đăng nhập lần đầu tiên thông qua nút Đăng nhập xã hội, chúng tôi thu thập thông tin hồ sơ công khai tài khoản của bạn do nhà cung cấp tài khoản mạng xã hội chia sẻ, dựa trên cài đặt quyền riêng tư của bạn. Chúng tôi cũng lưu địa chỉ email của bạn để tự động tạo tài khoản cho bạn trên trang web của chúng tôi. Khi tài khoản của bạn được tạo, bạn sẽ đăng nhập vào tài khoản này.
Không đồng ýĐồng ý
guest
Đăng nhập bằng
Tôi đồng ý tạo tài khoản
Khi bạn đăng nhập lần đầu tiên thông qua nút Đăng nhập xã hội, chúng tôi thu thập thông tin hồ sơ công khai tài khoản của bạn do nhà cung cấp tài khoản mạng xã hội chia sẻ, dựa trên cài đặt quyền riêng tư của bạn. Chúng tôi cũng lưu địa chỉ email của bạn để tự động tạo tài khoản cho bạn trên trang web của chúng tôi. Khi tài khoản của bạn được tạo, bạn sẽ đăng nhập vào tài khoản này.
Không đồng ýĐồng ý
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận

KHUYÊN DÙNG

Download Wondershare Filmora X 10.7.8.12 (Full + Repack)

Download Wondershare Filmora X 10.7.8.12 (Full + Repack)

28/12/2022
5.7k
[Hướng dẫn] Hiển thị thông tin sản phẩm dạng Tooltip cho Woocommerce

[Hướng dẫn] Hiển thị thông tin sản phẩm dạng Tooltip cho Woocommerce

28/12/2022
26

ĐANG THỊNH HÀNH

Steinberg – Cubase Pro 12.0.0.205 x64

Steinberg – Cubase Pro 12.0.0.205 x64

24/03/2022
1.7k
Download Cubase 10 Pro All in One – Hướng dẫn cài đặt chi tiết

Download Cubase 10 Pro All in One – Hướng dẫn cài đặt chi tiết

30/12/2022
1.6k
Cách dùng hook Woocommerce để hiển thị thông tin bên dưới sản phẩm

Cách dùng hook Woocommerce để hiển thị thông tin bên dưới sản phẩm

28/12/2022
36
Tạo file Feed sản phẩm Woocommerce theo chuẩn Google Shopping

Tạo file Feed sản phẩm Woocommerce theo chuẩn Google Shopping

05/03/2022
204
Steinberg – Cubase Elements 11.0.0

Steinberg Cubase 11 Elements v11.0.0 Full

05/03/2022
1.4k

GIỚI THIỆU

Chia sẻ thủ thuật IT, tải phần mềm miễn phí

Xin chào! Mình là Mạnh Huấn, website này mình xây dựng nhằm mục đích chia sẻ miễn phí các kiến thức, thủ thuật máy tính, làm web WordPress, SEO, MMO, các phần mềm hay... mà mình biết cho tất cả mọi người. Cảm ơn các bạn đã ghé qua, nếu thấy bài viết hay, hãy chia sẻ để ủng hộ tinh thần cho mình nhé!

Theo dõi mình tại đây:

BÀI VIẾT GẦN ĐÂY

Code hiển thị đếm ngược khuyến mại và sản phẩm đã bán trên Woocommerce

Code hiển thị đếm ngược khuyến mại và sản phẩm đã bán trên Woocommerce

28/12/2022
Woocommerce hooks là gì, cách dùng Actions Hook và Filters Hook trong WordPress

Woocommerce hooks là gì, cách dùng Actions Hook và Filters Hook trong WordPress

28/12/2022
Cách hiển thị số lượng sản phẩm đã bán khi dùng Woocommerce

Cách hiển thị số lượng sản phẩm đã bán khi dùng Woocommerce

28/12/2022

HV MEDIA ON FACEBOOK

  • Giới thiệu
  • Chính sách bảo mật
  • Bản quyền
  • Liên hệ
  • Quảng cáo
  • Gửi yêu cầu
  • Báo link hỏng

© 2020 HV Media - Chia sẻ thủ thuật IT, phần mềm by HV Media Center.

No Result
View All Result
  • Home
  • Mac OS
    • Adobe
    • Developer Tools
    • Graphics & Design
    • Internet – Security
    • Productivity
    • Utilities
    • Video – Audio
  • Windows
    • Anti Virus
    • Development
    • Graphics & Design
    • Office – Study
    • Tools
    • Utilities
    • Video – Audio
  • Điện thoại
    • Apps, Game Cho iOS
    • Phần mềm Android
  • Thủ thuật
    • Thủ thuật máy tính
    • Thủ thuật Mobile
    • Thủ thuật Facebook
  • Game hay
    • Game MacOS
    • Game Windows
  • Website
  • Hướng dẫn
  • Tài liệu

© 2020 HV Media - Chia sẻ thủ thuật IT, phần mềm by HV Media Center.

wpDiscuz
0
0
Bạn đang nghĩ gì, hãy để lại bình luận nhé !x
()
x
| Phản hồi