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.php Ausblenden ❘ Kopieren ❘ Zeilen ❘

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($cd, 0 , 20);

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

Sitemaps-Protokoll für Suchmaschinen automatisch erstellen
Sorgen Sie dafür, dass die Nutzer auf einen größeren Teil Ihrer Website aufmerksam werden mit einem „Sitemaps-Protokoll”. Dies stellt eine einfache Möglichkeit für Webmaster dar, Suchmaschinen Seiten auf Ihrer Website zu melden, die zum durchsuchen verfügbar sind.
.htaccess - Passwortschutz für Webseiten
Mit einer .htaccess Datei und einer .htpasswd Passwort-Datei lassen sich bestimmte Verzeichnisse und die darin enthaltenen Dateien vor unerlaubtem Zugriff schützen.
Zeitbalken
Dieses Script zeigt die vergangene Zeit mit einem farbigen Fortschrittsbalken an. Mit JavaScript oder PHP kann man die vergangene Zeit berechnen lassen und mit CSS wird dann der Fortschrittsbalken farbig angezeigt.
Verkettete Auswahllisten dynamisch aus einer DB-Tabelle generieren
Dieses Beispiel zeigt, wie man eine HTML-Auswahlliste (Drop-Down-Liste) dynamisch generiert, die auf den Werten einer Spalte in einer Datenbank-Tabelle beruht.

Abonniere meinen RSS-Feed um über aktuelle Seiten benachrichtigt zu werden.