Come specificare il percorso di un'immagine nell'editor di pagine WordPress?

URL assoluti

Come altri hanno detto, devi utilizzare l'URL completo per l'attributo src della tua immagine, altrimenti il browser non sarà in grado di trovarla.

WordPress fornisce la funzione get_template_directory_uri() che restituisce l'URL completo del percorso del tuo tema.

Quindi, facendo:

<?php
$img_src = get_template_directory_uri() . '/site/images/footLogo.png';
?>

<img src="<?php echo $img_src ?>" style="padding: 0px!important; color:white">

la tua immagine verrà visualizzata, assumendo che il percorso sia corretto e che il file esista.

Funzione helper

Se hai più immagini e vuoi semplificare il processo di visualizzazione nei template, puoi creare una funzione personalizzata che incapsula get_template_directory_uri().

Ad esempio:

function theme_image( $image ) {
  return get_template_directory_uri() . '/site/images/' . $image;
}

e poi nei template fai:

<img src="<?php echo theme_image('footLogo.png') ?>" 
     style="padding: 0px!important; color:white">

WordPress 4.7+ e "fallback del tema genitore"

Se utilizzi codice WP 4.7+, avrai accesso alla nuova funzione get_theme_file_uri().

Il vantaggio di questa funzione rispetto a get_template_directory_uri() è che carica automaticamente il file dal tema figlio se disponibile.

Quindi, ad esempio, se modifichi la funzione theme_image() in:

function theme_image( $image ) {
  return get_theme_file_uri( '/site/images/' . $image );
}

quando fai theme_image('footLogo.png') l'immagine 'footLogo.png' verrà caricata dal tema figlio, se il tema figlio è in uso e il file è disponibile lì, altrimenti verrà caricata dal tema genitore.

Questa nuova funzionalità fornisce un "fallback del tema genitore" che si abbina al "template parent theme fallback" dai temi genitore ai temi figlio presente fin da WP 3.0 attraverso funzioni come get_template_part().

Non puoi utilizzare PHP nell'editor dei contenuti, scrivi semplicemente il percorso completo della tua immagine.

<img src="/css/_include/img/slider-images/1.jpg" alt="Immagine" data-fullwidthcentering="on">

Dovrai copiare il percorso completo dell'immagine in questo modo:
http://www.tuo-sito.estensione/wp-content/themes/sito/images/footLogo.png nel tuo tag <img src="">.

WordPress funziona con URL assoluti.