Thème créé moi-même > Fonctionnalités indisponibles

WordPress :6.2
Statut : non résolu

Ce sujet contient 3 réponses, 3 participants et a été mis à jour pour la dernière fois par ferman, le il y a 1 mois et 3 semaines.

4 sujets de 1 à 4 (sur un total de 4)

Auteur

Messages

26 juillet 2023 à 21 h 29 min #2458318

eultartuffe

Participant

Initié WordPress

2 contributions

Bonjour,

J’ai crée mon propre thème. J’ai donc inclus les fichier suivants :

style.css :

/*
Theme Name: WP Pour Les Nuls
Author: Louis-Philippe Dea
Description: Template WordPress d'exemple pour un article de WP Pour les Nuls
Version: 0.0.1
Tags: bootstrap
*/
.header {
  background: #377bb5;
}

#navigation-principale li {
  position: relative;
  display: inline-block;
  padding: 10px;
  font-weight: 500;
}

#navigation-principale li a {
  color: #fff;
}

Style du site

index.php :

<?php get_header(); ?>
<div class="row">
  <div class="col-sm-8 blog-main">
    <?php
    if (have_posts()):
      while (have_posts()):
        the_post();
        get_template_part('content', get_post_format());
      endwhile;
    endif;
    ?>
  </div> <!-- /.blog-main -->
  <?php get_sidebar(); ?>
</div> <!-- /.row -->
<?php get_footer(); ?>

index.php

functions.php :

<?php
/*** Ajouter un script ou un fichier CSS de la bonne façon */
function wpdocs_theme_name_scripts()
{
  wp_register_style('main-style', get_template_directory_uri() . '/index.css', array(), true);
  wp_enqueue_style('main-style');
  wp_register_style('bootstrap-style', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css', array(), true);
  wp_enqueue_style('bootstrap-style');
}
add_action('wp_enqueue_scripts', 'wpdocs_theme_name_scripts');
register_nav_menus( array(
  'menu-principal' => 'Menu principal'
  ) );
?>

functions.php

Ainsi que header.php, sidebar.php, footer.php, content.php. Exemple pour header.php :

<!DOCTYPE html>
<html lang="fr">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta name="author" content="">
  <title>Exemple de thème WordPress</title>
  <!-- Ajout d'une nouvelle feuille de style qui sera spécifique à notre thème -->
  <link href="<?php bloginfo('template_directory'); ?>/style.css" rel="stylesheet">
  <!-- HTML5 shim et Respond.js pour supporter les éléments HTML5 pour Internet Explorer 8 -->
  <!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
  <?php wp_head(); ?>
</head>

<body>
  <div class="header">
    <div class="container">
      <nav id="navigation-principale" role="navigation">
        <?php wp_nav_menu(array('theme_location' => 'menu-principal')); ?>
      </nav>
    </div>
  </div>
  <div class="container">
    <div class="blog-header">
      <h1 class="blog-title"><a href="<?php echo get_bloginfo('wpurl'); ?>"><?php echo get_bloginfo('name'); ?></a>
      </h1>
      <p class="lead blog-description">
        <?php echo get_bloginfo('description'); ?>
      </p>
    </div>

header.php

Tout fonctionne, mais lorsque que je veux modifier mon site :
– Uniquement le header dispose de la fonction « Cliquer pour modifier ce menu » (cf. premier screen01)
– Et je n’ai pas pas les onglets (cf. screen02 pour mon site et screen03 pour un theme WordPress)

Quelqu’un aurait-il une piste pour résoudre ces problèmes ?

Merci d’avancr