为什么我的图像没有显示在 Wordpress 中
Why are my images not showing up in Wordpress
这是我的functions.php
/**
* Enqueue scripts and styles.
*/
function maxprofessional_scripts() {
wp_enqueue_style( 'maxprofessional-style', get_stylesheet_uri(), array(), _S_VERSION );
wp_enqueue_style( 'maxprofessional-main', get_template_directory_uri() . '/css/main.css' );
wp_register_script('app-js', get_template_directory_uri() . '/js/app.js', false, '1.0', true);
wp_enqueue_script( 'app-js' );
wp_enqueue_style( 'bootstrap-icons', 'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css' );
wp_style_add_data( 'maxprofessional-style', 'rtl', 'replace' );
wp_enqueue_script( 'maxprofessional-navigation', get_template_directory_uri() . '/js/navigation.js', array(), _S_VERSION, true );
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}
}
add_action( 'wp_enqueue_scripts', 'maxprofessional_scripts' );
这是 html
的代码
<div class="slider">
<div class="slides">
<!--Radio Buttons-->
<input type="radio" name="radio-btn" id="radio1">
<input type="radio" name="radio-btn" id="radio2">
<input type="radio" name="radio-btn" id="radio3">
<input type="radio" name="radio-btn" id="radio4">
<div class="slide first">
<img src="/images/1.jpg" alt="">
</div>
<div class="slide">
<img src="/images/2.jpg" alt="">
</div>
<div class="slide">
<img src="/images/3.jpg" alt="">
</div>
<div class="slide">
<img src="/images/4.jpg" alt="">
</div>
<!--Automatic Automation Start-->
<div class="navigation-auo">
<div class="auto-btn1"></div>
<div class="auto-btn2"></div>
<div class="auto-btn3"></div>
<div class="auto-btn4"></div>
</div>
</div>
<!-- Manual Navigation -->
<div class="navigation-manual">
<label for="radio1" class="manual-btn"></label>
<label for="radio2" class="manual-btn"></label>
<label for="radio3" class="manual-btn"></label>
<label for="radio4" class="manual-btn"></label>
</div>
</div>
我是 wordpress 的初学者,所以我想知道我是否必须先注册或排队包含我的图像的路径,因为我的图像没有显示在页面中。知道如何解决这个问题吗,我必须在 wordpress 设置中做些什么才能让它起作用吗?
这取决于您的“图片”目录所在的位置,但如果它是您主题目录的子目录,您可以在 php 模板中编写文件路径,如下所示,以获得您的绝对 URL图片文件:
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/1.jpg" alt="">
这是我的functions.php
/**
* Enqueue scripts and styles.
*/
function maxprofessional_scripts() {
wp_enqueue_style( 'maxprofessional-style', get_stylesheet_uri(), array(), _S_VERSION );
wp_enqueue_style( 'maxprofessional-main', get_template_directory_uri() . '/css/main.css' );
wp_register_script('app-js', get_template_directory_uri() . '/js/app.js', false, '1.0', true);
wp_enqueue_script( 'app-js' );
wp_enqueue_style( 'bootstrap-icons', 'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css' );
wp_style_add_data( 'maxprofessional-style', 'rtl', 'replace' );
wp_enqueue_script( 'maxprofessional-navigation', get_template_directory_uri() . '/js/navigation.js', array(), _S_VERSION, true );
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}
}
add_action( 'wp_enqueue_scripts', 'maxprofessional_scripts' );
这是 html
的代码<div class="slider">
<div class="slides">
<!--Radio Buttons-->
<input type="radio" name="radio-btn" id="radio1">
<input type="radio" name="radio-btn" id="radio2">
<input type="radio" name="radio-btn" id="radio3">
<input type="radio" name="radio-btn" id="radio4">
<div class="slide first">
<img src="/images/1.jpg" alt="">
</div>
<div class="slide">
<img src="/images/2.jpg" alt="">
</div>
<div class="slide">
<img src="/images/3.jpg" alt="">
</div>
<div class="slide">
<img src="/images/4.jpg" alt="">
</div>
<!--Automatic Automation Start-->
<div class="navigation-auo">
<div class="auto-btn1"></div>
<div class="auto-btn2"></div>
<div class="auto-btn3"></div>
<div class="auto-btn4"></div>
</div>
</div>
<!-- Manual Navigation -->
<div class="navigation-manual">
<label for="radio1" class="manual-btn"></label>
<label for="radio2" class="manual-btn"></label>
<label for="radio3" class="manual-btn"></label>
<label for="radio4" class="manual-btn"></label>
</div>
</div>
我是 wordpress 的初学者,所以我想知道我是否必须先注册或排队包含我的图像的路径,因为我的图像没有显示在页面中。知道如何解决这个问题吗,我必须在 wordpress 设置中做些什么才能让它起作用吗?
这取决于您的“图片”目录所在的位置,但如果它是您主题目录的子目录,您可以在 php 模板中编写文件路径,如下所示,以获得您的绝对 URL图片文件:
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/1.jpg" alt="">