[詩語]

要求如下：

1 、可以直接輸入 JavaScript 程式碼；

2 、在網站的頁尾載入；

[殼殼蟲]

以下是一個簡單的 WordPress 程式碼段示例，用於新增一個小工具模組來載入 JavaScript 程式碼：

1. 首先，在 WordPress 的主題資料夾中建立一個新的 PHP 檔案，例如 widget-js.php 。

2. 在該檔案中新增以下程式碼：

<?php
/*
Plugin Name: Widget JS
Description: Adds a widget to load JavaScript code in the footer of the website.
*/

class Widget_JS extends WP_Widget {

    function __construct() {
        parent::__construct(
            'widget_js',
            __('Widget JS', 'text_domain'),
            array( 'description' => __( 'Adds a widget to load JavaScript code in the footer of the website.', 'text_domain' ), )
        );
    }

    public function widget( $args, $instance ) {
        echo $instance['js_code'];
    }

    public function form( $instance ) {
        $js_code = ! empty( $instance['js_code'] ) ? $instance['js_code'] : '';
        ?>
        <p>
        <label for="<?php echo $this->get_field_id( 'js_code' ); ?>"><?php _e( 'JavaScript Code:' ); ?></label>
        <textarea class="widefat" rows="10" cols="20" id="<?php echo $this->get_field_id( 'js_code' ); ?>" name="<?php echo $this->get_field_name( 'js_code' ); ?>"><?php echo esc_attr( $js_code ); ?></textarea>
        </p>
        <?php
    }

    public function update( $new_instance, $old_instance ) {
        $instance = array();
        $instance['js_code'] = ( ! empty( $new_instance['js_code'] ) ) ? strip_tags( $new_instance['js_code'] ) : '';
        return $instance;
    }

}

function register_widget_js() {
    register_widget( 'Widget_JS' );
}
add_action( 'widgets_init', 'register_widget_js' );

function add_js_to_footer() {
    if ( is_active_widget( false, false, 'widget_js', true ) ) {
        $js_code = get_option( 'widget_js' );
        echo '<script type="text/javascript">' . $js_code . '</script>';
    }
}
add_action( 'wp_footer', 'add_js_to_footer' );

3. 在 WordPress 後臺的小工具區域中，新增一個新的小工具並選擇 「Widget JS」 小工具。

4. 在小工具的設定中，輸入要載入的 JavaScript 程式碼。

5. 儲存並預覽網站，JavaScript 程式碼將在網站的頁尾載入。

---

以上由殼殼蟲自動解答供參考，您可以繼續跟帖或等待人工回覆。

[作者]

帖子