COMMENT CRÉER LA SIDEBAR DANS LE BLOG ? | BLOG PHP PARTIE 3

Posted on 10th Sep 2021 in php


Tagged as: comment créer un blog avec php, apprendre à créer un cms de blog, dévelopement web, formation php gratuit, apprendre php, cours php, créer un blog avec php, apprendre créer un cms, comment créer un cms blog avec php et mysql, créer cms blog en php et mysql, création blog avec php

La barre latérale "sidebar" joue un rôle très important dans le site Web du blog. Nous étendons "comment créer un blog depuis le début en PHP" dans les détails. Ceci est la troisième partie du CMS du blog. Dans ce tutoriel, nous allons apprendre à créer une barre latérale sur un site Web de blog. Dans la barre latérale, nous pouvons afficher les articles récents, les catégories et les tags récents.

La feuille de style CSS est utilisée pour créer une barre latérale. Nous avions créé un style de barre latérale dans le premier tutoriel du blog CMS. Ici, nous allons créer une barre latérale pour l'administrateur et le blog. Créons une barre latérale dans les pages de blog public.

Créez un fichier sidebar.php dans le dossier du blog –

blog/sidebar.php

<div class="sidebar">
	<h2>Recent Articles</h2>
     <a href="#">Blog Recent post 1</a>
         <a href="#">Blog Recent post 2</a>
            <a href="#">Blog Recent post 3</a>
                <a href="#">Blog Posts List (In the later tutorial)</a>

<h2>Categories</h2>

     <a href="#">Blog Category 1</a>
         <a href="#">Blog Category 2</a>
             <a href="#">Blog Category 3</a>
                 <a href="#">Blog Categories List (In the later tutorial)</a>

<h2>Tags </h2>
  <a href="#">Blog Tag 1</a>
         <a href="#">Blog Tag 2</a>
            <a href="#">Blog Tag 3</a>
                <a href="#">Blog Tags List (In the later tutorial)</a>


</div>
 

Dans le code ci-dessus. nous avons créé une liste de démonstration des articles récents du blog, des catégories et des tags. Nous ajouterons ces réflexions dans des tutoriels ultérieurs.

Le fichier de la barre latérale est prêt.

Maintenant, incluez le fichier de la barre latérale dans l'index et le fichier show.php du dossier du blog.

Ouvrez le fichier d'index et ajoutez la ligne au-dessus du fichier de pied de page (à la ligne 50, à l'intérieur du bloc div du conteneur)

Vérifiez le code ci-dessous -

blog/index.php

 <?php //sidebar content //added sidebar 
include("sidebar.php");  ?> 
</div> 
<?php //footer content //already added 
include("footer.php");  ?>

Dans le code ci-dessus, nous avons ajouté le fichier de la barre latérale à l'aide de la fonction include() à l'intérieur du bloc div du conteneur.

Maintenant, ouvrez le fichier show.php et incluez le fichier sidebar.php dans le bloc div du conteneur.

blog/show.php

<?php //sidebar content 
include("sidebar.php");  ?>

Maintenant, ajoutez la barre latérale pour le panneau d'administration.

Créons un autre fichier de barre latérale dans le dossier admin et utilisons le code ci-dessous.

admin/sidebar.php

<div class="sidebar">
    <h2>Quick Shorcut</h2>
  
        <a href="index.php">View Articles </a>
         <a href="add-blog-article.php">Add New Blog Post </a>

        <a href="blog-categories.php">View Categories </a>
           <a href="add-blog-category.php">Add New Category </a>
             <a href="blog-users.php">View Users </a>
             <a href="add-blog-page.php">Add New Page </a>
              <a href="blog-pages.php">View Pages </a>
               <a href="add-blog-user.php">Add New Users  </a>
                 <a target="_blank" href="../">Visit Blog </a>
  <?php 
  $sql = $db->query('select count(*) from dorosk_blog')->fetchColumn(); 
echo'<h2>Total Posted '.'<font color="red">'.$sql.'</font>'.'</h2>' ;
?>


</div>
 

Comprenons le code ci-dessus.

Nous avons ajouté quelques liens vers le code de la barre latérale pour un raccourci rapide. Nous avons créé un code de comptage pour le compteur des articles de blog qui compte toutes les artcilces publiés et affiche le nombre des articles dans la barre latérale de la table dorosk_blog.

Maintenant, incluez le fichier sidebar.php dans –

admin/index.php
admin/add-blog-article.php
admin/add-blog-user.php
admin/blog-users.php
admin/edit-blog-article.php

admin/edit-blog-user.php

Incluez le fichier sidebar.php au-dessus du fichier footer.php.

<?php //add above the footer
include("sidebar.php");  ?>

<?php //already added 
include("footer.php");  ?>
 

Certains liens dans la barre latérale de l'administrateur donnent la page introuvable car les pages de ces liens seront créées dans les prochains tutoriels. Merci de ne supprimer aucun lien. Ceux-ci seront utilisés dans les prochains tutoriels.

admin/index.php(Screenshot)

Please Share




Scroll to Top