web-dev-qa-db-fra.com

Ajouter des dates de publication à partir du thème de l'enfant et modifier la taille de la police sur la page d'accueil

Je sais que ce n'est pas difficile. Je sais que cela est supposé se trouver dans le style.css dans le thème de l'enfant, mais aucune taille de police que je change ne semble faire la différence. Les titres des messages sur ma page d'accueil jamais. obtenir. tout. plus petite. Quelqu'un peut-il dire pourquoi? Je n'ai pas besoin que les lettres soient visibles de l'autre côté de la pièce. Ce serait donc formidable de résoudre ce problème.

Aussi, j'aimerais ajouter la date sous les titres. (?)

internalcompass.us/castle

<?php
/**
 * The main template file.
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * For example, it puts together the home page when no home.php file exists.
 *
 * Learn more: http://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */

get_header(); ?>

<?php ?>
<div id="primary" class="site-content">
    <div id="content" role="main">

    <div style="margin-bottom: 20px;">
        <?php easyrotator_display_rotator('erc_92_1372974446'); ?>
    </div>


    <?php if ( have_posts() ) : ?>

        <?php /* Start the Loop */ ?>
        <?php while ( have_posts() ) : the_post(); ?>
            <?php get_template_part( 'content', get_post_format() ); ?>
        <?php endwhile; ?>

        <?php twentytwelve_content_nav( 'nav-below' ); ?>

    <?php else : ?>

        <article id="post-0" class="post no-results not-found">

        <?php if ( current_user_can( 'edit_posts' ) ) :
            // Show a different message to a logged-in user who can add posts.
        ?>
            <header class="entry-header">
                <h1 class="entry-title"><?php _e( 'No posts to display', 'twentytwelve' ); ?></h1>
            </header>

            <div class="entry-content">
                <p><?php printf( __( 'Ready to publish your first post? <a href="%s">Get started here</a>.', 'twentytwelve' ), admin_url( 'post-new.php' ) ); ?></p>
            </div><!-- .entry-content -->

        <?php else :
            // Show the default message to everyone else.
        ?>
            <header class="entry-header">
                <h1 class="entry-title"><?php _e( 'Nothing Found', 'twentytwelve' ); ?></h1>
            </header>

            <div class="entry-content">
                <p><?php _e( 'Apologies, but no results were found. Perhaps searching will help find a related post.', 'twentytwelve' ); ?></p>
                <?php get_search_form(); ?>
            </div><!-- .entry-content -->
        <?php endif; // end current_user_can() check ?>

        </article><!-- #post-0 -->

    <?php endif; // end have_posts() check ?>

    </div><!-- #content -->
</div><!-- #primary -->
child-themehomepagetheme-twenty-twelve
2
kelly

Ajouter la date est potentiellement aussi simple que d'insérer the_time() à l'emplacement approprié dans le modèle si vous modifiez les fichiers de modèle.

Cependant, il semble que vous utilisiez un thème enfant. Nous devons donc utiliser le système de filtres de Wordpress.

Pour ajouter la date à la publication, essayez de filtrer les titres. Ajoutez ceci à votre functions.php:

function add_dates_to_title_wpse106605($title, $id) {
    if (is_home() && in_the_loop()) {
        $time = get_the_time( $d = 'l, F j, Y', $post = $id );
        return $title . '<br><small class="time">' . $time . '</small>';
    } else {
        return $title;
    }
}

add_filter('the_title', 'add_dates_to_title_wpse106605', 10, 2);

Vous pouvez voir que j'ai configuré la variable $ time pour la sortie avec le bit 'l, F j, Y'. Consultez la page Formatage des dates et des heures pour plus d'informations sur cette syntaxe. C'est assez simple.

Vous remarquerez également que je l'ai préparée avec une balise <br> pour la déplacer sur la ligne suivante et que je l'ai enveloppée dans une balise <small>. Je recommanderais de supprimer le <br> et de le forcer dans la ligne suivante en le ciblant dans le CSS et en ajoutant display: block;. Évidemment, modifiez le code HTML selon vos besoins.

Pour le changement de CSS, vous devez avoir au moins le même degré de spécificité que ce que vous essayez de remplacer. Le moyen le plus simple de le faire est simplement de le copier. Cela devrait faire le travail:

@media screen and (min-width: 600px) {
    .entry-header .entry-title {
        font-size: 18px;
    }
}

Évidemment, changez la taille en fonction de vos goûts.

1
Jodi Warren