Il tema Twenty Sixteen di WordPress è composto da tre colonne. Nella colonna di sinistra ci sono le meta informazioni come autore, data, tag e categorie.
Se volete rimuovere la colonna sinistra e avere un layout a due colonne, potete aggiungere il codice che segue. Rimuovendo la colonna sinistra le meta informazioni vengono spostate automaticamente al fondo della pagina.
Rimuovere la colonna sinistra
Scegliete di modificare il vostro tema da Aspetto->Modifica, poi inserite il codice seguente nel campo css aggiuntivo, come suggerito sul forum WordPress.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
@media screen and (min-width: 61.5625em) { body:not(.search-results) article:not(.type-page) .entry-footer { float: none; margin-top: 1.5em; width: 100%; } .single .byline, .full-size-link, body.group-blog:not(.search-results) .byline, body:not(.search-results) .entry-format, body:not(.search-results) .cat-links, body:not(.search-results) .tags-links, body:not(.search-results) article:not(.sticky) .posted-on, body:not(.search-results) article:not(.type-page) .comments-link, body:not(.search-results) article:not(.type-page) .entry-footer .edit-link { display: inline; } body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after { display: inline; } body:not(.search-results) article:not(.type-page) .entry-content { float: none; width: 100%; } body:not(.search-results) article:not(.type-page) .entry-footer .avatar { display: inline; margin: auto 0.3em 1em auto; width: 27px; } |
Come spostare le meta informazioni in alto nella pagina
Ora, se volete spostare le meta informazioni (autore, data, …) in alto nella pagina, seguite i prossimi passi:
1) aprire da Aspetto->Editor il file template-parts/content-single.php
2) andate a riga 40 e cancellate la riga seguente
|
1 |
<?php twentysixteen_entry_meta(); ?> |
3) andate alla riga 13 e sostituite la riga seguente
|
1 |
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?> |
con
|
1 2 |
<div class="entry-footer"><?php twentysixteen_entry_meta(); ?></div> <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?> |
4) salvate
Quando la pagina ha una larghezza ridotta, le meta informazioni non sono mostrate a piena larghezza, ma sono comunque centrate (se avete un fix per questo, includerò i miglioramenti nell’articolo)
ATTENZIONE: questo non è un modo pulito per modificare un tema (ma è veloce). Perché quando aggiornerete il tema perderete le vostre modifiche.
Per spostare in alto le meta informazioni, è consigliabile creare prima un tema child, e operare le modifiche sul file template-parts/content-single.php che avrete copiato lì.
Il risultato delle modifiche al tema è mostrato sotto, rispetto all’originale nell’immagine all’inizio dell’articolo.
