Für WordPress Themes und andere PHP-Seiten geeignet
Auf dieser Seite haben wir eine kleine Auswahl an Uhren zusammengestellt, die sich als Sidebar-Widget für einen WordPress-Blog ebenso eignen wie für die Einbindung in andere PHP-Seiten. Falls Ihnen eine der Uhren gefallen sollte, folgen Sie unserer kleinen Anleitung.
001 |
002 |
003 |
004 |
005 |
006 |
007 |
008 |
009 |
010 |
011 |
012 |
013 |
014 |
015 |
016 |
017 |
018 |
019 |
020 |
021 |
023 |
024 |
Anleitung für WordPress
Für die Einbindung einer Uhr in die Sidebar Ihres Blogs oder Ihrer Website benötigen Sie bei WordPress ein Plugin. Als Code für dieses Plugin können Sie das nachfolgende Listing kopieren und mit einem geeigneten Editor in eine leere Seite einfügen. Anschließend die Endziffer von der ausgewählten Uhr bei ../time-001.htm editieren (siehe Kommentar im Listing) und die Seite mit der Endung .php speichern. Diese neu erstellte PHP-Seite muss im Plugin-Verzeichnis Ihrer WordPress-Website abgelegt werden. Beispiel:
www.example.com/wp-content/plugins/uhren-widget.php
Nachdem Sie die Seite mit dem Code im Plugin-Verzeichnis abgelegt haben, sollte ein neuer Eintrag in der Dashboard-Übersicht für Plugins mit dem Namen “HM Uhren-Widget” erscheinen. Das Plugin muss hier noch aktiviert werden. In der Dashboard-Übersicht für Widgets können Sie das Uhren-Widget anschließend ins Menü ziehen. Eine kleine bebilderte Anleitung finden Sie bei Bedarf unter: Anleitung für die Installation eines Widgets
Wie nicht unschwer zu erkennen ist, so steht das Widget in zwei Varianten zur Auswahl bereit. Nicht weil diese beiden Varianten sich grundlegend im Ergebnis unterscheiden würden, nein deshalb nicht, sondern nur weil beide getestet wurden.
Variante 1 mit der PHP-Funktion file_get_contents():
<?php /*------------------------------------------------------------------------------------ Plugin Name: HM Uhren-Widget Plugin URI: http://www.coder-welten.com/eine-uhr-als-widget-fuer-die-sidebar/ Description: Eine Uhr als Widget, geeignet zum Einbinden in die Sidebar. Author: Horst Mueller Version: 2.00 Author URI: http://www.coder-welten.de License: GPL v2 und Lizenz für Software * PHP- und HTML-Code stehen unter der GNU General Public License (GPL) Version 2 * http://www.gnu.org/licenses/gpl-2.0.txt * Grafiken, JavaScript- und CSS-Code stehen unter der Lizenz für Software vom Verlag * http://www.coder-welten.de/projekte/lizenz-fuer-software.htm ------------------------------------------------------------------------------------- */ function registriere_dieses_uhren_widget() { register_widget("HM_Uhren_Widget"); } add_action("widgets_init", "registriere_dieses_uhren_widget"); class HM_Uhren_Widget extends WP_Widget { function HM_Uhren_Widget() { parent::__construct(false, "HM Uhren-Widget"); } function widget($args, $instance) { /*---------------------------------------------------------------------------- In der folgenden Zeile die Nummer von der Auswahl als Endziffer angeben: von time-001.htm bis time-022.htm ----------------------------------------------------------------------------- */ $url_uhr = "http://www.coder-welten.com/extern/uhren/time-021.htm"; $option = stream_context_create(array("http" => array( "header" => "User-Agent: Mozilla/5.0 (compatible; Uhren Widget)\r\n"))); if ((@$ausgabe = file_get_contents($url_uhr, false, $option)) != false) {; echo $ausgabe; } } function form( $instance ) { echo "Für dieses Widget sind keine weiteren Einstellungen erforderlich."; } } ?>
Es sei erwähnt, einen kleinen Unterschied zwischen den beiden Varianten gibt es schon. Dieser kleine Unterschied besteht darin, sollte eine Uhr wirklich einmal nicht erreichbar sein, so gibt das erste Plugin nichts aus, das zweite hingegen den HTTP-Statuscode.
Variante 2 mit der WP-Funktion wp_remote_get():
<?php /*------------------------------------------------------------------------------------ Plugin Name: HM Uhren-Sidebar-Widget Plugin URI: http://www.coder-welten.com/eine-uhr-als-widget-fuer-die-sidebar/ Description: Eine Uhr als Widget, geeignet zum Einbinden in die Sidebar. Author: Horst Mueller Version: 2.01 Author URI: http://www.coder-welten.de License: GPL v2 und Lizenz für Software * PHP- und HTML-Code stehen unter der GNU General Public License (GPL) Version 2 * http://www.gnu.org/licenses/gpl-2.0.txt * Grafiken, JavaScript- und CSS-Code stehen unter der Lizenz für Software vom Verlag * http://www.coder-welten.de/projekte/lizenz-fuer-software.htm ------------------------------------------------------------------------------------- */ function registriere_dieses_zweite_uhren_widget() { register_widget("HM_Uhren_Sidebar_Widget"); } add_action("widgets_init", "registriere_dieses_zweite_uhren_widget"); class HM_Uhren_Sidebar_Widget extends WP_Widget { function HM_Uhren_Sidebar_Widget() { parent::__construct(false, "HM Uhren-Sidebar-Widget"); } function widget($args, $instance) { /*---------------------------------------------------------------------------- In der folgenden Zeile die Endziffer bei ../time-00X.htm entsprechend der Auswahl ergaenzen. ----------------------------------------------------------------------------- */ $url_uhr = "http://www.coder-welten.com/extern/uhren/time-010.htm"; $option = array("user-agent" => "Mozilla/5.0 (compatible; Uhren Widget)"); $antwort = wp_remote_get($url_uhr, $option); $status = $antwort["response"]["code"]; if ($status == 200 or $status == 304) { echo $antwort["body"]; } else { echo "<p style=\"margin-bottom:20px; color: #ccc\">".$status."</p>\n"; } } function form($instance) { echo "Für dieses Widget sind keine weiteren Einstellungen erforderlich."; } } ?>
Ein ergänzender Hinweis, die Uhr in unserer Seitenleiste hat die Endziffer 022 und wurde nicht extra mit in der Übersicht aufgeführt, kann jedoch ebenfalls benutzt werden.
Anleitung für selbst gestaltete HTML-Seiten (PHP-Seiten)
Eine Einbindung in selbst gestaltete HTML-Seiten ist ebenfalls möglich, insofern Ihnen PHP innerhalb ihres Webspaces zur Verfügung steht und Sie die Seiten als PHP-Seiten abspeichern können.
Die Klasse und Funktion für die Registrierung in einer WordPress-Webseite sind bei der Einbindung in einer einfach gestrickten HTML-Seite nicht erforderlich. Dadurch wird der Code von Variante 1 abgespeckt und nur die innere Methode als Funktion in eine HTML-Seite eingebunden. Die Einbindung der Funktion und die Ausgabe mit echo können dabei unabhängig voneinander an beliebiger Stelle im Quelltext einer HTML-Seite notiert werden.
<!DOCTYPE html> <html> <head> <title>Kleiner Test</title> </head> <body> <?php function einUhrenWidget() { /* In der folgenden Zeile die Nummer von der Auswahl als Endziffer angeben. */ $url_uhr = "http://www.coder-welten.com/extern/uhren/time-007.htm"; $option = stream_context_create(array("http" => array( "header" => "User-Agent: Mozilla/5.0 (compatible; Uhren Widget)\r\n"))); if ((@$ausgabe = file_get_contents($url_uhr, false, $option)) != false) {; return $ausgabe; } } /* An geeigneter Stelle in den Quellcode einer PHP-Seite einfügen. */ echo einUhrenWidget(); ?> </body> </html>
Hinweis: Die umgebenen HTML-Bereiche im Beispiel sollen halt nur als Beispiel für die Einbettung dienen und werden nicht mit übernommen.
