Schlagwörter-Box (Wortwolke, Tagwolke)

Um wichtige Wörter auf der Website hervorzuheben kann man eine Schlagwörter-Box verwenden. Dieses PHP-Script gibt zufällige Schlagwörter aus, dabei ist die Schriftgröße / Schriftart der Schlagwörter auch jedes mal rein zufällig.

Diese Schlagwörter-Box wird aktuell auf der Website eingesetzt.

Quelltext „schlagwoerter_box.phpKopierenAusblendenZeilen

1
2
3
4
5
6
7
8
9
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
<?php 
/*
 * Schlagwörter-Box - schlagwoerter_box.php (utf-8)
 * https://werner-zenk.de - 24.08.2018
 */

$cssSize = [
 
'font-size:37px',
 
'font-size:34px',
 
'font-size:31px',
 
'font-size:28px',
 
'font-size:25px',
 
'font-size:22px',
 
'font-size:19px',
 
'font-size:16px',
 
'font-size:13px',
 
'font-size:10px',
];

$cssStyle = [
 
'font-family:Arial',
 
'font-family:cursive',
 
'font-family:monospace',
 
'font-stretch:ultra-condensed',
 
'font-stretch:ultra-expanded',
 
'font-style:oblique',
 
'font-variant:small-caps',
 
'font-weight:bold',
 
'letter-spacing:1px',
 
'letter-spacing:2px',
 
'letter-spacing:3px',
 
'vertical-align:middle',
 
'vertical-align:super',
 
'vertical-align:bottom',
 
'vertical-align:sub',
 
'vertical-align:top',
];

$cd[0]['tag'] = 'Schlagwort 1'// Schlagwort
$cd[0]['url'] = 'seite1.php'// Pfad zur Datei

$cd[1]['tag'] = 'Schlagwort 2';
$cd[1]['url'] = 'seite2.php';

$cd[2]['tag'] = 'Schlagwort 3';
$cd[2]['url'] = 'seite3.php';

$cd[3]['tag'] = 'Schlagwort 4';
$cd[3]['url'] = 'seite4.php';


shuffle($cd);

// Begrenzung auf 20 Einträge
$cd array_slice($cd20);

echo
'<div id="cloudBox">Schlagwörter Box<br>cloudBox($cd$cssSize$cssStyle) . '</div>';

function 
cloudBox($cd$cssSize$cssStyle) {
 
$cloudTags '';
 foreach (
$cd as $value) {
  
shuffle($cssSize);
  
shuffle($cssStyle);
  
$style $cssSize[0] . ';' $cssStyle[0];
  
$cloudTags .= <a href="' $value['url'] . '"' ' style="' $style '">$value['tag'] . '</a> ';
 }
 return 
$cloudTags;
}
?>

In eine PHP-Datei einbinden


<?php include "schlagwoerter_box.php";?>

CSS

<style>
div#cloudBox {
 margin: 25px Auto 25px Auto;
 max-width: 550px;
 padding: 10px;
 background-color: Whitesmoke;
 border-radius: 4px;
 text-align: Justify;
 line-height: 20px;
}

div#cloudBox a:link {
  transition: text-shadow 0.6s;
}

div#cloudBox a:hover {
 text-shadow: 1px 1px 2px Orange;
}
</style>

Um eine automatische Silbentrennung der Schlagwörter herbeizuführen, kann hyphens: auto; verwendet werden. Mehr dazu unter: Silbentrennung in Webseiten

Tipps

Spalten einer Tabelle dynamisch ändern
Manchmal möchte man die Spalten einer Tabelle dynamisch ändern so das diese individuell angezeigt werden können, wie das geht wird hier an einem Beispiel demonstriert.
Eine MySQL-Tabelle über Links sortieren
Tabellen haben oft den Nachteil das diese nicht vom Benutzer sortiert werden können, dabei ist es eigentlich ganz einfach.
Fehler 404 mit .htaccess abfangen
Eine Website wird öfters umgebaut, Seiten kommen hinzu, andere Seiten werden entfernt oder bekommen eine neue Adresse. Eine selbst gestaltete Fehler-Weiterleitungsseite, leitet den Besucher sicher zum Angebot der Webseite.