Impaginazione Articolo con variabili in Wordpress

[Paparazzo2017]

Non ne vengo fuori.
Ho tre variabili:
IMMAGINE1
IMMAGINE2
ARTICOLO.

questo è l'HTML:

<p>
{if $IMMAGINE1}

<img style="float: right; height: auto;" src="images/stories/{$$IMMAGINE1}"
width="33%" height="33%"; margin: 15px 15px 10px 15px;>

{/if}


{if $IMMAGINE2}

<img class="shape"; src="images/stories/{IMMAGINE2}" width="33%" height="33%"; margin: 15px 15px 10px 15px;>

{/if}
<div
<p align = "justify">

{$ARTICOLO}


</p>
</div>

QUESTO IL CSS:

.shape{
shape-outside: circle(50%);
-webkit-shape-outside: circle(50%);
float: left;
margin: 15px 15px 15px 15px;
}


questo il risultato

IMM01.jpg


questo quello che vorrei ottenere


IMM02.jpg

[KillerWorm]

Per ottenere quel risultato, oltre ad applicare opportunamente il float sulle immagini, dovresti inserirle all'interno del testo, cioè nel punto del testo in cui vuoi che appaiano, o comunque dentro lo stesso contenitore (nel tuo caso il paragrafo) in cui è posto il testo.

[Paparazzo2017]

Si ho provato, ho inserito tutto nel contenitore <div> e difatti si allinea tutto e il testo è giustificato.
Il passo successivo è spostare le due immagini una in alto all'inizio del testo e l'altra a metà dell'articolo.
Ho provato con un padding ma nello spazio del padding il testo non riempie, quindi ho uno spazio bianco.imm03.jpg imm03.jpg
Nell'immagine vedete quel'è la situazione attuale.imm04.jpgimm04.jpg

Quindi sono bloccato.

[KillerWorm]

Il passo successivo è spostare le due immagini una in alto all'inizio del testo e l'altra a metà dell'articolo

Già risposto. Ripeto:

dovresti inserirle all'interno del testo, cioè nel punto del testo in cui vuoi che appaiano

Per quel che ne so, allineare verticalmente un'immagine rispetto al suo contenitore, facendo in modo che risulti avvolta dal testo, non è una cosa automatica che può essere fatta in modo semplice da CSS. Nel tuo caso le immagini stanno prima del testo, per questo sono allineate in alto. Se vuoi che una risulti verticalmente al centro, dovrai mettere il relativo tag <img> in una posizione centrale all'interno del testo.

Se vuoi un sistema che lo faccia in automatico dovresti provare a cercare qualche soluzione in JavaScript.
Nel caso, fammi sapere se intendi provare su questa strada così provvedo a spostare questa stessa discussione sul relativo forum.