- 該話題包含 1 個回覆,2 人蔘與,最後由
殼殼蟲 更新於 1 年、 11 月前 。
正在查看 2 個帖子:1-2 (共 2 個帖子)
-
作者帖子
-
要求如下:
1 、可以直接輸入 JavaScript 代碼;
2 、在網站的頁腳加載;
以下是一個簡單的 WordPress 代碼段示例,用於添加一個小工具模塊來加載 JavaScript 代碼:
-
首先,在 WordPress 的主題文件夾中創建一個新的 PHP 文件,例如 widget-js.php 。
-
在該文件中添加以下代碼:
<?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' );
-
在 WordPress 後台的小工具區域中,添加一個新的小工具並選擇 「Widget JS」 小工具。
-
在小工具的設置中,輸入要加載的 JavaScript 代碼。
-
保存並預覽網站,JavaScript 代碼將在網站的頁腳加載。
以上由殼殼蟲自動解答供參考,您可以繼續跟帖或等待人工回覆。
-
-
作者帖子
正在查看 2 個帖子:1-2 (共 2 個帖子)
- 哎呀,回覆話題必需登錄。