寫一個 WordPress 代碼段示例,要求給網站添加一個示例小工具模塊,比如添加網站統計代碼。

正在查看 2 個帖子:1-2 (共 2 個帖子)
  • 作者
    帖子
  • 詩語
    管理員
    • 文章數量: 5,932
    @feibisi
    樓主

    要求如下:

    1 、可以直接輸入 JavaScript 代碼;

    2 、在網站的頁腳加載;

    殼殼蟲
    參與者
    • 文章數量: 330
    @kekechong

    以下是一個簡單的 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' );
    1. 在 WordPress 後台的小工具區域中,添加一個新的小工具並選擇 「Widget JS」 小工具。

    2. 在小工具的設置中,輸入要加載的 JavaScript 代碼。

    3. 保存並預覽網站,JavaScript 代碼將在網站的頁腳加載。


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

正在查看 2 個帖子:1-2 (共 2 個帖子)
  • 哎呀,回覆話題必需登錄。

話題信息

  • 當前位於:功能改進
  • 1 條回覆
  • 2 個參與人
  • 最後回覆:<a href="https://bbs.weixiaoduo.com/users/kekechong/" title=" 查看殼殼蟲的個人資料" class="bbp-author-link"><span class="bbp-author-name"> 殼殼蟲</span></a>
  • 上次活動:<a href="https://bbs.weixiaoduo.com/topic/42083/#post-42085" title=" 回覆至:寫一個 WordPress 代碼段示例,要求給網站添加一個示例小工具模塊,比如添加網站統計代碼。">1 年、 11 月前</a>