Personnalisation du thème Twenty Sixteen

Ce site est basé sur le thème Twenty Sixteen. Voici les personnalisations les plus significatives apportées à ce dernier.

En créer un thème enfant

La procédure est expliquée sur cette page.

Article pleine page

Sur écran large, les articles n’occupent pas toute la largeur, comme les pages, car les méta données de l’article (auteur, date, mots-clés, …) sont affichées sur la gauche de celui-ci.

Pour passer les métadonnées en dessous de l’article, rajouter ces lignes dans le fichier style.css du thème enfant.

/*
 * Pour afficher les articles en pleine page et afficher les méta données sous l'article
 */
@media screen and (min-width: 61.5625em) {
    body:not(.search-results) article:not(.type-page) .entry-content {
        float: none;
        width: 100%;
    }

    body:not(.search-results) article:not(.type-page) .entry-footer {
        float: none;
        margin-top: 1em;
        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-footer .avatar {
        display: inline-block;
        margin: 1em 0.3em 1em auto;
        width: 27px;
    }   
}