[PHP, WordPress] Chèn code vào Footer

Dưới đây là mã PHP giúp bạn chèn thêm CSS, JavaScript hoặc HTML vào phần footer của trang web WordPress. Hãy thêm mã này vào tệp functions.php của giao diện (theme) hoặc sử dụng các plugin như: Code Snippets, WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager.

function add_code_to_footer() {	
    ?>	

    <!--Thêm mã CSS, JS hoặc HTML tại đây-->
    <!--VÍ DỤ-->
    <!--Thêm CSS-->
    <style>
        a
    </style>
    <!--Thêm JS-->
    <script></script>
    <!--Thêm HTML-->
    <div></div>

    <?php
};

add_action( 'wp_footer', 'add_code_to_footer' );Code language: PHP (php)

function add_code_to_footer() { … }, đây là cách bạn định nghĩa một hàm trong PHP. Bên trong hàm, có một khối mã PHP mở và đóng (<?php ... ?>). Bạn sẽ thêm các mã JS, CSS, HTML vào trong <?php ... ?>.

add_action( 'wp_footer', 'add_code_to_footer' );, đây là cách bạn thêm một hành động vào một hook trong WordPress.

  • wp_footer là tên của hook. Hook này được gọi ở cuối mỗi trang, ngay trước thẻ </body>.
  • add_code_to_footer là tên của hàm mà bạn muốn gọi khi wp_footer được kích hoạt.

Do vậy, đoạn mã trên sẽ thêm nội dung của hàm add_code_to_footer vào cuối mỗi trang của website WordPress, ngay trước thẻ </body>

Gửi phản hồi