Пользовательская тема WordPress, изображения не отображаются? - PullRequest
Новая
       11

Пользовательская тема WordPress, изображения не отображаются?

0 голосов
/ 10 декабря 2018

Поэтому я попытался найти решение: настраиваемая тема WordPress: изображения макета не отображаются

Это не сработало для меня.

enter image description here

Моя директория для моей темы 

wp-content/themes/fearnothing/

и состоит из этих файлов 

/css(folder) 
/js (folder)
/images (folder)
header.php
index.php
function.php
footer.php
style.css
hrtbrk.gif
hrtbrk.png

Папка css содержит 

fearnothing.css

js папка пуста 

fearnothing.js

Мой header.php имеет следующий код: 

    <!DOCTYPE html>
    <html>
    <head>
        <title>example title</title>
        <?php wp_head(); ?>
    </head>

    <body>

<img class ="nightsky" src="wp-content/themes/fearnothing/hrtbrk.png" alt ="3">

functions.php 

<?php 
    function fearnothing_script_enqueue(){
        wp_enqueue_style('customstyle',  get_template_directory_uri().'/css/fearnothing.css',array(), '1.1.2', 'all');


    }

    add_action('wp_enqueue_scripts', 'fearnothing_script_enqueue');

fearnothing.css 

html,body{
        background: black;
        color: #8c0707;
        font-family: Courier,Courier New,Lucida Sans Typewriter,Lucida Typewriter,monospace;
        font-size: 10px;
        cursor: pointer;
    }
    .nightsky{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
        }

Я пытаюсь добавить gif, но он не работает.поэтому я попробовал изображение вместо этого.Я проверил мой код в автономном режиме с помощью HTML, и он работает нормально?

РЕДАКТИРОВАТЬ Я добавил папку с изображениями в свою тему, где будет расположена тема.

Ответы [ 5 ]

0 голосов
/ 11 декабря 2018

Итак, я разобрался с методом, который работает не совсем так, как я хотел, чтобы он работал.

Мне нужно было загрузить изображение напрямую через WordPress.

Который хранится в /wp-content/uploads Я хотел, чтобы изображения находились в папке тем wp-content/themes/fearnothing/images

, но по какой-то странной причине файлы были повреждены.(отсюда поврежденный файл изображения)

После загрузки непосредственно в папку загрузки я смог использовать тег, который был у меня изначально.

<img  class ="nightsky" src="https://mywesbiteurl.com/wp-content/uploads/2018/12/hrtbrk.png" alt="" >
0 голосов
/ 10 декабря 2018

Попробуйте использовать get_template_directory() функцию

<img class="nightsky" src="<?php echo get_stylesheet_directory_uri()?>/hrtbrk.png" alt="">

0 голосов
/ 10 декабря 2018

Попробуйте использовать get_stylesheet_directory_uri() функцию 

<img class="nightsky" src="<?php echo get_stylesheet_directory_uri()?>/hrtbrk.png" alt="">

Ссылка ссылка

0 голосов
/ 10 декабря 2018

Попробуйте следующие варианты. 

<img class ="nightsky" src="<?php echo site_url(); ?>/wp-content/themes/fearnothing/hrtbrk.png" alt ="3">

OR 

<img class ="nightsky" src="<?php echo home_url(); ?>/wp-content/themes/fearnothing/hrtbrk.png" alt ="3">
0 голосов
/ 10 декабря 2018

добавить домашний URL выше wp-содержимого 

<img class ="nightsky" src="<?php echo home_url(); ?>/wp-content/themes/fearnothing/hrtbrk.png" alt ="3">
...