Tag cloud PHP avec démo en ligne

Information

Nous avons utiliser directement la table du site pour la démo.

Explication du code :

En définitif il vous faut 2 champs:
- l'un c'est le nom du tag, (ca peut être des titres sur votre site).
- ensuite il faut le nombre de hits sur le tag.

Vous avez une table SQL a titre d'exemple. C'est aussi pour vous indiquer le nom des champs dans le code.

Si vous ne voulez pas de l'aléatoire en sortie, supprimer la commande ORDER BY RAND()

N'hésiter pas a poser vos questions si vous avez un problème de mise en place.

code source classé dans Tag Cloud

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98

                               
                            <?php
/*---------------------------------------------------------------*/
/*
    Titre : Tag Cloud avec démo en ligne                                                                                 
                                                                                                                          
    URL   : https://phpsources.net/code_s.php?id=1055
    Date édition     : 17 Fév 2019                                                                                        
    Date mise à jour : 11 Aout 2019                                                                                      
    Rapport de la maj:                                                                                                    
    - fonctionnement du code vérifié                                                                                    
    - maintenance du code                                                                                                 
*/
/*---------------------------------------------------------------*/
 
    /*
     CREATE TABLE IF NOT EXISTS `scripts` (
      `id` int(10) NOT NULL AUTO_INCREMENT,
      `cat` text NOT NULL,
      `hits` int(10) NOT NULL,
      PRIMARY KEY (`id`)
    ) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=0 ;
    */
 
 
 
    $db_server = 'localhost'; //adresse du serveur MySQL
    $db_name = ''; //nom de la base de données
    $db_user_login = 'root'; //nom d'utilisateur pour la BD
    $db_user_pass = ''; //mot de passe pour la BD
 
    // Connection au serveur mySQL
    $conn = mysqli_connect($db_server,$db_user_login, $db_user_pass, $db_name);
 
    ?>
 
 
    <head>
    <title>Tags cloud</title>
    <style type="text/css">
           .tags_container{width:300px;padding:10px 10px;}
           .tags ul{padding:5px 5px;}
           .tags li{margin:0;padding:0;list-style:none;display:inline;}
           .tags li a{text-decoration:none;padding:0 2px;}
           .tags li a:hover{text-decoration:underline;} 
 
           .tag1 a{font-size:14px; color: #9c639c;}
           .tag2 a{font-size:14px; color: #cece31;}
           .tag3 a{font-size:16px; color: #9c9c9c;}
           .tag4 a{font-size:18px; color: #31ce31;}
           .tag5 a{font-size:20px; color: #6363ad;}
           .tag6 a{font-size:22px; color: #ce6300;}
           .tag7 a{font-size:24px; color: #9c3100;}
    </style>
    </head>
 
 
    <body>
 
 
        <?php 
 
         $query = "SELECT MAX(hits) as num FROM scripts";
         $result = mysqli_query($conn,$query);
         $max = mysqli_fetch_array($result);
         if($max['num'] < 10) $max['num'] = 10;
        ?>
  
 
 
        <div class="tags_container">
         <ul class="tags">
         <?php
          $factor = $max['num']/7;
          $query = "SELECT * FROM scripts group by cat ORDER BY RAND()";
          $result = mysqli_query($conn,$query);
          while($row=mysqli_fetch_array($result)){
           for( $i = 0 ; $i <= 6 ; $i++ )
           {
            $start = $factor * $i;
            $end = $start + $factor;
            if( $row['hits'] > $start && $row['hits'] <= $end )
            {
             $tag_number = $i+1;
            }
           }
         ?>
          <li class="tag<?php echo $tag_number; ?>">
           <a href="#"><?php echo utf8_encode($row['cat']);?></a>
          </li>
         <?php
          }
         ?>
         </ul>
        </div>
 
        </body>

Fonctions du code - Doc officielle PHP

php.net	Description	Versions PHP
echo	Affiche une chaîne de caractères	PHP 4, PHP 5, PHP 7, PHP 8

mysqli_connect	Ouvre une connexion à un serveur MySQL	PHP 5, PHP 7, PHP 8

mysqli_fetch_array	Retourne une ligne de résultat sous la forme d'un tableau associatif	PHP 5, PHP 7, PHP 8

mysqli_query	Exécute une requête sur la base de données	PHP 5, PHP 7, PHP 8

utf8_encode	Convertit une chaîne ISO-8859-1 en UTF-8	PHP 4, PHP 5, PHP 7, PHP 8

Dites merci aux auteurs pour leurs travail, ça ne coûte rien et ça fait toujours plaisir

Autres snippets qui pourraient vous intéressez

18 Mars 2008

Ecrire un texte dans une image avec retour à la ligne automatique - PHP Sources

Compatibilité : PHP 5, PHP 7

Cette fonction vous permettra d'intégrer du texte sur une image avec un retour à la ligne automatique au bout d'une longueur de texte définie sans

29 Aout 2019

17 Fév 2019

Lire le contenu d'un fichier ligne par ligne avec PHP

Compatibilité : PHP 5, PHP 7

Ouvre et affiche tout le contenu d'un fichier à l'aide d'une simple boucle. 2 exemples sont fournis.

21 Aout 2019

17 Fév 2019

Couper scinder un texte ligne par ligne

Compatibilité : PHP 5, PHP 7

Afin de scinder une chaine ligne par ligne nous allons utiliser les retours à la ligne suivant : \r \t et \n puis éclater la chaine avec la fonction

13 Aout 2019

17 Fév 2019

Afficher toute les dates entre 2 dates

Compatibilité : PHP 5, PHP 7

Avec la fonction mktime () et 1 boucle vous affichez ligne par ligne les dates comprises entre 2 dates prédéfinies à l'avance.

Présentation de PHP

PHP débutant et initié 50 Tutoriel

Présentation de MySQL

Tag Cloud avec démo en ligne

Information

Fonctions du code - Doc officielle PHP

Autres snippets qui pourraient vous intéressez

Tag cloud basé sur les recherches - PHP Sources

Compatibilité : PHP 4, PHP 5

Ecrire un texte dans une image avec retour à la ligne automatique - PHP Sources

Compatibilité : PHP 5, PHP 7

Lire le contenu d'un fichier ligne par ligne avec PHP

Compatibilité : PHP 5, PHP 7

Couper scinder un texte ligne par ligne

Compatibilité : PHP 5, PHP 7

Afficher toute les dates entre 2 dates

Compatibilité : PHP 5, PHP 7

Information sur les mises à jour

Compatibilité

Catégorie : Tag Cloud

Catégories générales