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 könnten Sie interessieren:
Favicon MySQL Seitenformatierung Berechnungen Datenschutz-Hinweis Zeichnen Diashow Kommentar-Box localStorage AJAX Metadaten Mauszeiger Mimetypen Fotoalbum Chatroom Suchmaschine Lokaler Webserver Sitemaps-Protokoll SQLite Mehrfachauswahl

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

Quelltext „schlagwoerter_box.php”  Kopieren ❘ Ausblenden ❘ 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 - 15.08.2018
 */

$cssSize = array(
 '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

Mit dem PHPMailer E-Mails sicher versenden
Damit E-Mails sicher beim Empfänger ankommen und nicht irgendwo anders landen (Spamordner) oder sogar vom Provider abgelehnt werden nutzt man am besten eine fertige Mailer-Klasse wie den „PHPMailer”.
Dateibrowser
Ein einfacher Dateibrowser, ideal um PHP-Scripte auf einem lokalen Webserver zu testen, die PHP-Scripte müssen dann nicht mehr umständlich über die Adresszeile des Browsers aufgerufen werden.
Seiten druckfrisch gestalten
Mancher Besucher einer Website möchte eine bestimmte Seite ausdrucken, auf dem Papier stören dann Elemente wie Werbung, Navigationsleisten, großflächige Design-Elemente oder andere Elemente. Wie Sie diese vor dem drucken "wegzaubern" erfahren Sie hier.