Wie erstelle ich ein Kontaktinformations-Widget in WordPress?

WordPress bietet viele Möglichkeiten, Ihre Website an Ihre Bedürfnisse anzupassen. Eine davon ist die Möglichkeit, verschiedene Arten von Widgets hinzuzufügen. Heute besprechen wir, wie Sie ein Kontaktinformations-Widget erstellen, das Ihren Kunden hilft, Sie schnell und einfach zu kontaktieren.

Verwenden des Plugins zum Erstellen eines Kontakt-Widgets

Die einfachste Lösung für Leute, die sich nicht mit dem Codieren befassen möchten, ist die Verwendung eines entsprechenden Plugins. Es gibt viele Optionen auf dem Markt, aber eine der beliebtesten ist „Kontakt-Widgets“.

Die Schritte zum Erstellen eines Widgets mithilfe von „Kontakt-Widgets“ sind wie folgt:

1. Melden Sie sich im WordPress-Administrationsbereich an.
2. Gehen Sie zu „Plugins“ -> „Neu hinzufügen“.
3. Geben Sie „Kontakt-Widgets“ in das Suchfeld ein und klicken Sie auf „Jetzt installieren“ und dann auf „Aktivieren“.
4. Gehen Sie nach der Aktivierung des Plugins zu „Darstellung“ -> „Widgets“.
5. Suchen Sie nach „Kontakt-Widget“ und ziehen Sie es in den gewünschten Abschnitt.

Jetzt können Sie mit der Eingabe Ihrer Kontaktinformationen wie Adresse, Telefonnummer, E-Mail usw. beginnen.

Erstellen Sie Ihr eigenes Widget mit PHP

Wenn Sie Programmiererfahrung haben und lieber jedes Detail Ihrer Website kontrollieren möchten, können Sie mit PHP Ihr eigenes Kontaktinformations-Widget erstellen. Hier ist der grundlegende Code, den Sie verwenden können:

Klasse Contact_Info_Widget erweitert WP_Widget { function __construct() { parent::__construct( 'contact_info_widget', __('Contact info', 'cinfo_domain'), array('description' => __( 'Contact info widget', 'cinfo_domain' ) ) ); } public function widget($args, $instance) { echo $args['before_widget']; echo $args['before_title']; echo $instance['title']; echo $args['after_title']; Echo '
 '; Echo '
 ' . $instance['address'] . '
 '; Echo '
 ' . $instance['phone'] . '
 '; Echo '
 ' . $instance['email'] . '
 '; Echo '
 '; echo $args['after_widget']; } // backend public function form($instance) { // Konfigurationsformular im Backend } // Widget aktualisieren public function update($new_instance, $old_instance) { // Widget-Aktualisierungsprozess } } function cinfo_load_widget() { register_widget('Contact_Info_Widget') ; } add_action('widgets_init', 'cinfo_load_widget');

Denken Sie daran, dass Sie die Methoden implementieren müssen bilden() Und aktualisieren()damit Sie das Widget über das WordPress-Admin-Panel konfigurieren und aktualisieren können.

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 dies die richtige Option für Sie. Sie können ein Kontaktinformations-Widget mithilfe des Text-/HTML-Widgets erstellen:

1. Melden Sie sich im WordPress-Administrationsbereich an.
2. Gehen Sie zu „Darstellung“ -> „Widgets“.
3. Ziehen Sie das Widget „Text“ oder „Benutzerdefiniertes HTML“ in den gewünschten Abschnitt.
4. Füllen Sie die Titel- und Inhaltsfelder mit Ihren Kontaktinformationen aus.
5. Klicken Sie auf „Speichern“.

Denken Sie daran, dass Sie Ihre Kontaktinformationen mit HTML formatieren und mit CSS formatieren können.

Zusammenfassend lässt sich sagen, dass es je nach Erfahrungsstand und Vorlieben viele Möglichkeiten gibt, ein Kontaktinformations-Widget in WordPress zu erstellen. Jede der oben genannten Lösungen bietet unterschiedliche Möglichkeiten, mit denen Sie das Widget an Ihre Bedürfnisse anpassen können.

Sehen Sie sich das Angebot von über 1500 Premium-WordPress-Plugins und -Themen an!