WordPress : Création d’un nouveau thème

Publié par Jean-Michel le

Je cherche à créer mon tout premier thème WordPress. Je souhaite déplacer mon apparence actuelle que j’ai créée via html / css vers WordPress.

Ce que je voudrais, c’est avoir une liste de catégories sur ma page d’accueil.

Ensuite, cliquer sur l’une de ces catégories fera apparaître une page qui affichera une liste de publications avec une description des publications.

Ensuite, si vous cliquez sur un seul article de cette page, une seule page sera chargée avec un seul article affiché dessus. (la description complète sera affichée ici)

Je ne suis pas bon en PHP car je connais principalement HTML et CSS, donc si quelqu’un peut me guider sur la façon de procéder ou même m’orienter vers un thème connexe, je l’apprécierais.

Lire également:  Wordpress : Le meilleur endroit du code pour créer un fichier robots.txt

une idée de ce que je veux, ressemble à ceci. Celui-ci est mon site actuel créé en HTML/CSS.

Solution n°1 trouvée

Eh bien, vous avez besoin de index.php , category.php , single.php , header.php et footer.php .

Le code devrait ressembler à ceci :

index.php

<?PHP
$category_ids = get_all_category_ids();
sort($category_ids);
foreach($category_ids as $cat_id):?>
      <!-- Category Start -->
      <div class="category" id="cat-<?PHP echo $cat_id; ?>">
        <!-- Category Title -->
        <div class="cat-title"> <a href="<?PHP echo get_category_link( $cat_id ); ?>">
          <h1><?PHP echo get_cat_name($cat_id); ?></h1>
          </a> </div>
        <!-- // Category Title End -->
      </div>
      <!-- // Category End -->
<?PHP endforeach; ?>

<?PHP get_footer(); ?>

catégorie.php

<?PHP get_header(); ?>
  <?PHP if( have_posts() ): while( have_posts()) : the_post(); ?>
  <!-- Content Post Start -->
  <div class="content-post">
    <h1><a href="<?PHP the_permalink(); ?>">
      <?PHP the_title(); ?>
      </a> </h1>
  </div>
  <!-- // Content Post End -->
  <?PHP         endwhile;
            endif;
    ?>
</div>
<!-- // Content End -->
<?PHP get_footer(); ?>

single.php

<?PHP get_header(); ?>
<!-- Content Start -->
  <?PHP if( have_posts() ): while( have_posts()) : the_post(); ?>
  <!-- Content Post Start -->
  <div class="content-post">
    <h1><a href="<?PHP the_permalink(); ?>">
      <?PHP the_title(); ?>
      </a> </h1>
      <div class="post-info">
      <div class="date"><?PHP the_time('M d, Y'); ?></div> BY <?PHP the_author(); ?>
      </div>
    <?PHP echo get_post_image(); ?>
    <?PHP the_content(); ?>
  </div>
  <!-- // Content Post End -->
</div>
<!-- // Content End -->
<?PHP get_footer(); ?>

Dans header.php , vous devez inclure vos fichiers css/js.

Lire également:  Wordpress : Recherche d'un type de "message collant"

Ce lien peut vous aider à construire la structure du thème wordpress

Solution n°2 trouvée

J’ai trouvé le didacticiel de développement de thèmes de Ian Stewart un merveilleux pour commencer à partir de zéro avec très peu de connaissances sur WordPress.

Comment créer un thème WordPress : le didacticiel ultime sur le thème WordPress

J’espère que l’explication qui s’y trouve pourrait vous aider beaucoup à comprendre quel bloc de code est pour quoi. Vous pouvez donc modifier le vôtre à votre guise. 🙂

Lire également:  Comment connecter plusieurs messages les uns dans les autres wordpress?

Solution n°3 trouvée

Vous pouvez utiliser la structure de thème Parent / Enfant dans wordpress pour développer votre propre thème et le styliser selon vos besoins. Thème CSS minimal, par exemple http://rtcamp.com/rtpanel/

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *