WordPress bietet viele Möglichkeiten, eine Website nach den eigenen Bedürfnissen anzupassen. Eine davon ist die Möglichkeit, verschiedene Arten von Widgets hinzuzufügen. Heute besprechen wir, wie Sie ein Widget mit Kontaktinformationen erstellen, das Ihren Kunden hilft, schnell und einfach mit Ihnen in Kontakt zu treten.
Verwendung eines Plugins zur Erstellung eines Kontakt-Widgets
Die einfachste Lösung für alle, die sich nicht mit dem Programmieren beschäftigen möchten, ist die Verwendung eines passenden Plugins. Auf dem Markt gibt es viele Optionen, aber eine der beliebtesten ist “Contact Widgets”.
Die Schritte zur Erstellung eines Widgets mit “Contact Widgets” sind folgende:
- Melden Sie sich im WordPress-Adminbereich an.
- Gehen Sie zu “Plugins” -> “Neu hinzufügen”.
- Geben Sie im Suchfeld “Contact Widgets” ein und klicken Sie auf “Jetzt installieren” und anschließend auf “Aktivieren”.
- Gehen Sie nach der Aktivierung des Plugins zu “Design” -> “Widgets”.
- Suchen Sie “Contact Widget” und ziehen Sie es in den gewünschten Bereich.
Jetzt können Sie beginnen, Ihre Kontaktinformationen wie Adresse, Telefonnummer, E-Mail usw. einzutragen.
Erstellung eines eigenen Widgets mit PHP
Wenn Sie Programmiererfahrung haben und lieber jedes Detail Ihrer Website kontrollieren möchten, können Sie mit PHP Ihr eigenes Widget für Kontaktinformationen erstellen. Hier ist der grundlegende Code, den Sie verwenden können:
class Contact_Info_Widget extends WP_Widget {
function __construct() {
parent::__construct(
'contact_info_widget',
__('Informacje kontaktowe', 'cinfo_domain'),
array('description' => __( 'Widżet z informacjami kontaktowymi', 'cinfo_domain' ))
);
}
public function widget($args, $instance) {
echo $args['before_widget'];
echo $args['before_title'];
echo $instance['title'];
echo $args['after_title'];
echo '<ul>';
echo '<li>' . $instance['address'] . '</li>';
echo '<li>' . $instance['phone'] . '</li>';
echo '<li>' . $instance['email'] . '</li>';
echo '</ul>';
echo $args['after_widget'];
}
// backend
public function form($instance) {
// formularz konfiguracji w backendzie
}
// updating widget
public function update($new_instance, $old_instance) {
// proces aktualizacji widżetu
}
}
function cinfo_load_widget() {
register_widget('Contact_Info_Widget');
}
add_action('widgets_init', 'cinfo_load_widget');Denken Sie daran, dass Sie die Methoden form() und update() implementieren müssen, damit das Widget über den WordPress-Adminbereich konfiguriert und aktualisiert werden kann.
Verwendung von HTML und CSS in Text/HTML-Widgets
Wenn Sie mit PHP nicht vertraut sind, aber die Grundlagen von HTML und CSS kennen, ist das die richtige Option für Sie. Sie können ein Widget mit Kontaktinformationen erstellen, indem Sie das Text/HTML-Widget verwenden:
- Melden Sie sich im WordPress-Adminbereich an.
- Gehen Sie zu “Design” -> “Widgets”.
- Ziehen Sie das Widget “Text” oder “Benutzerdefiniertes HTML” in den gewünschten Bereich.
- Füllen Sie das Titel- und Inhaltsfeld mit Ihren Kontaktinformationen aus.
- Klicken Sie auf “Speichern”.
Denken Sie daran, dass Sie Ihre Kontaktinformationen mit HTML formatieren und mit CSS stylen können.
Zusammenfassend lässt sich sagen, dass es viele Möglichkeiten gibt, ein Widget mit Kontaktinformationen in WordPress zu erstellen, abhängig von Ihrem Erfahrungsstand und Ihren Vorlieben. Jede der oben genannten Lösungen bietet unterschiedliche Möglichkeiten, um das Widget an Ihre Bedürfnisse anzupassen.
