Alternativa al tag <br> su WP

[gasweb]

Salve, ho notato che su WP, se compilo una pagina in modalità Testo e vado a capo con un Invio da tastiera, va a capo anche il testo visualizzato sul browser, come se avessi inserito nel codice un

<br>

Comodo, senz'altro, ma poco pratico dato che in altri casi nei quali vorrei mandare a capo delle immagini all'interno di un div (per avere una piccola griglia di miniature 2x2 anziché una riga da 4 immagini), il tag sopra citato viene cordialmente ignorato.

Come faccio, in sostanza, ad andare a capo su WP senza necessariamente sperare che venga interpretato l'Invio da tastiera?

[alemoppo]

Quale versione di wordpress hai?
Ho provato e mi inserisce un nuovo paragrafo <p>, mentre tenendo premuto shift un <br>. Con i paragrafi non ho problemi a mandare a capo delle immagini.

Ciao!

[gasweb]

Versione 4.9.1 tema MaidenHair.
A me con i paragrafi

<p></p>

non risolve nulla, a meno che non devo mettere tutto all'esterno del div contenitore delle immagini, creato apposta per affiancarci del testo.

Con frammenti di php c'erano problemi di sicurezza, e va bene, adeguiamoci con un plugin... Ora che problema c'è per cui un vecchio tag <br> debba essere ignorato all'interno di un <div> dove ha sempre funzionato al di fuori di WP?

[alemoppo]

Io ho provato non vedo alcun problema: https://alemoppo.altervista.org/blog...test-immagini/

(p.s: il tutto fatto in modalità visuale; perché utilizzi la modalità testo?)

Ciao!

[gasweb]

(p.s: il tutto fatto in modalità visuale; perché utilizzi la modalità testo?)

Ho imparato dai tempi di FrontPage che la modalità visuale sporca e appesantisce il codice di tag inutili che peraltro inficiano anche la rintracciabilità del sito da parte dei motori di ricerca. Se per esempio sto scrivendo un paragrafo in corsivo, e mi accorgo di dovere aggiungere una parola nel mezzo, l'editor visuale spesso e volentieri chiude il tag del corsivo dove sto inserendo la parola nuova (prima e dopo) e mette un altro tag del corsivo apposta per la parola aggiunta... Per fare un esempio che all'epoca mi costò alcune critiche suggerendomi di lavorare "a codice" per controllare in modo capillare quello che stessi facendo.

Tra l'altro la modalità visuale di WP non considera i CSS aggiuntivi, per cui il risultato provvisorio resta sempre da verificare lanciando l'anteprima.

Provo comunque a fare come dici, mi convinco però che WP è più un continuo compromesso che fare sviluppo web. Sarà ottimo per chi parte scarico di nozioni, ma se le hai, spesso il metterli in pratica si scontra con il tale plugin da installare, o il tale codice da aggirare...

[alemoppo]

Ho imparato dai tempi di FrontPage che la modalità visuale sporca e appesantisce il codice di tag inutili

FrontPage era il male: non l'ho mai utilizzato, nemmeno la prima volta che ho fatto una pagina html.
Hai controllato se wordpress inserisce tag inutili?

Tra l'altro la modalità visuale di WP non considera i CSS aggiuntivi, per cui il risultato provvisorio resta sempre da verificare lanciando l'anteprima.

Nemmeno quella di testo!

mi convinco però che WP è più un continuo compromesso che fare sviluppo web

Perché? Se vuoi scrivere in PHP puoi creare un tuo plugin.

Ciao!

[gasweb]

Hai controllato se wordpress inserisce tag inutili?

Fosse facile... Un conto è il controllo della pagina in modalità testo, un altro il controllo di tutto quello che "combina" mediante i settaggi dell'area Personalizza.

Nemmeno quella di testo!

Certo ma in modalità testo non mi aspetto alcuna anteprima, in visuale vorrei un minimo di coerenza con quello che mostrerà il browser.

Perché? Se vuoi scrivere in PHP puoi creare un tuo plugin.

Nel tempo che impiego a creare un plugin, imparo a usare Dreamweaver...
Tanto per i blog di per sé mi trovo benissimo con Blogspot.

Comunque in modalità visuale non combino niente: se mando a capo dalla terza immagine, in visuale vedo terza e quarta leggermente ribassate rispetto alle prime due, ma sempre sulla riga di prima. In sostanza viene ignorato il tag <br> e non ne emerge un'alternativa spicciola che sblocchi il problema.

[alemoppo]

Comunque in modalità visuale non combino niente: se mando a capo dalla terza immagine, in visuale vedo terza e quarta leggermente ribassate rispetto alle prime due, ma sempre sulla riga di prima. In sostanza viene ignorato il tag <br> e non ne emerge un'alternativa spicciola che sblocchi il problema.

Sicuro di non aver mandato a capo più volte? Ho provato inserendo 5 immagini e non risultano problemi di ribassamento: https://alemoppo.altervista.org/blog...test-immagini/

Certo ma in modalità testo non mi aspetto alcuna anteprima, in visuale vorrei un minimo di coerenza con quello che mostrerà il browser.

Capisco, ma prima di inserire CSS personalizzato crea la pagina come dovrebbe essere. Una volta fatta poi andrai a personalizzare il CSS e quindi utilizzerai l'anteprima.

Nel tempo che impiego a creare un plugin, imparo a usare Dreamweaver...

Beh, dreamweaver, oltre ad essere a pagamento, se non ricordo male produce codice fatto male, almeno nelle vecchie versioni; in ogni caso ha funzionalità limitate che dovresti comunque integrare con del PHP JS o CSS scritto manualmente (nemmeno Dreamweaver da quanto ricordo non mostrava l'anteprima del CSS personalizzato nella modalità visuale).

Fosse facile...

Beh è sufficiente guardare il sorgente prodotto. A me non sembra proprio male:

<p>Immagini inserite normalmente affiancate:</p>
<p><a href="https://alemoppo.altervista.org/blog/test_immagini/rosso/" rel="attachment wp-att-65"><img class="alignnone size-thumbnail wp-image-65" src="https://alemoppo.altervista.org/blog/wp-content/uploads/2018/01/rosso-150x150.png" alt="" width="150" height="150" /></a><a href="https://alemoppo.altervista.org/blog/test_immagini/rosso/" rel="attachment wp-att-65"><img class="alignnone size-thumbnail wp-image-65" src="https://alemoppo.altervista.org/blog/wp-content/uploads/2018/01/rosso-150x150.png" alt="" width="150" height="150" /></a></p>
<p>Immagini inserite con un a capo &lt;p&gt;:</p>
<p><a href="https://alemoppo.altervista.org/blog/test_immagini/rosso/" rel="attachment wp-att-65"><img class="alignnone size-thumbnail wp-image-65" src="https://alemoppo.altervista.org/blog/wp-content/uploads/2018/01/rosso-150x150.png" alt="" width="150" height="150" /></a></p>
<p><a href="https://alemoppo.altervista.org/blog/test_immagini/rosso/" rel="attachment wp-att-65"><img class="alignnone size-thumbnail wp-image-65" src="https://alemoppo.altervista.org/blog/wp-content/uploads/2018/01/rosso-150x150.png" alt="" width="150" height="150" /></a></p>
<p>Immagini inserite con a capo shiftato (&lt;br&gt;):</p>
<p><a href="https://alemoppo.altervista.org/blog/test_immagini/rosso/" rel="attachment wp-att-65"><img class="alignnone size-thumbnail wp-image-65" src="https://alemoppo.altervista.org/blog/wp-content/uploads/2018/01/rosso-150x150.png" alt="" width="150" height="150" /></a><br />
<a href="https://alemoppo.altervista.org/blog/test_immagini/rosso/" rel="attachment wp-att-65"><img class="alignnone size-thumbnail wp-image-65" src="https://alemoppo.altervista.org/blog/wp-content/uploads/2018/01/rosso-150x150.png" alt="" width="150" height="150" /></a></p>
<p>Inserisco 5 immagini:</p>
<p><a href="https://alemoppo.altervista.org/blog/test_immagini/rosso/" rel="attachment wp-att-65"><img class="alignnone size-thumbnail wp-image-65" src="https://alemoppo.altervista.org/blog/wp-content/uploads/2018/01/rosso-150x150.png" alt="" width="150" height="150" /></a></p>
<p><a href="https://alemoppo.altervista.org/blog/test_immagini/rosso/" rel="attachment wp-att-65"><img class="alignnone size-thumbnail wp-image-65" src="https://alemoppo.altervista.org/blog/wp-content/uploads/2018/01/rosso-150x150.png" alt="" width="150" height="150" /></a></p>
<p><a href="https://alemoppo.altervista.org/blog/test_immagini/rosso/" rel="attachment wp-att-65"><img class="alignnone size-thumbnail wp-image-65" src="https://alemoppo.altervista.org/blog/wp-content/uploads/2018/01/rosso-150x150.png" alt="" width="150" height="150" /></a></p>
<p><a href="https://alemoppo.altervista.org/blog/test_immagini/rosso/" rel="attachment wp-att-65"><img class="alignnone size-thumbnail wp-image-65" src="https://alemoppo.altervista.org/blog/wp-content/uploads/2018/01/rosso-150x150.png" alt="" width="150" height="150" /></a></p>
<p><a href="https://alemoppo.altervista.org/blog/test_immagini/rosso/" rel="attachment wp-att-65"><img class="alignnone size-thumbnail wp-image-65" src="https://alemoppo.altervista.org/blog/wp-content/uploads/2018/01/rosso-150x150.png" alt="" width="150" height="150" /></a></p>

Tanto per i blog di per sé mi trovo benissimo con Blogspot.

Non ho beh capito; in ogni caso cosa ti fa preferire Blogspot da Altervista?


Ciao!

[gasweb]

Sto perdendo il filo del discorso... Non avevi suggerito di operare in modalità visuale?

Comunque sia, confermo che all'interno di quel <div>, vengono ignorati tanto i <br> quanto i <p>... In modalità visuale l'unico effetto e vedere terza e quarta immagine più in basso, tipo un rigo di testo sotto rispetto al margine superiore delle restanti due immagini.
Nel tuo caso tuttavia utilizzi i paragrafi <p> e non i divisori di pagina <div>... Ci ho messo anni per ripulire i codici dei miei siti dai paragrafi, per via di una visualizzazione che dipendeva dal browser...

Non è tanto preferire Blogspot ad Altervista, quanto preferire Blogspot ai blog di WordPress, dato che su Altervista ho già degli account che, a parte WP, non mi hanno mai dato problemi.
Su Blogspot, grazie a un account Google preesistente, ho creato e gestisco un blog con estrema facilità, senza davvero dover sapere qualcosa del codice che c'è dietro. Con WP già per mandare a capo un'immagine in una pagina peraltro statica vado in crisi! Figuriamoci la gestione degli accessi, dei diritti a commentare, della gestione dei tag, dell'elenco dinamico dei blog amici...