WordPress bietet viele M\u00f6glichkeiten, Ihre Website an Ihre Bed\u00fcrfnisse anzupassen. Eine davon ist die M\u00f6glichkeit, verschiedene Arten von Widgets hinzuzuf\u00fcgen. Heute besprechen wir, wie Sie ein Kontaktinformations-Widget erstellen, das Ihren Kunden hilft, Sie schnell und einfach zu kontaktieren.<\/p>\n\n\n\n
Die einfachste L\u00f6sung f\u00fcr Leute, die sich nicht mit dem Codieren herumschlagen m\u00f6chten, ist die Verwendung eines Plugins. Es gibt viele Optionen auf dem Markt, aber eine der beliebtesten sind \u201eKontakt-Widgets\u201c.<\/p>\n\n\n\n
Die Schritte zum Erstellen eines Widgets mit \u201eKontakt-Widgets\u201c sind wie folgt:<\/p>\n\n\n\n
Jetzt k\u00f6nnen Sie mit der Eingabe Ihrer Kontaktinformationen wie Adresse, Telefonnummer, E-Mail usw. beginnen.<\/p>\n\n\n\n
Wenn Sie Programmiererfahrung haben und lieber jedes Detail Ihrer Website kontrollieren m\u00f6chten, k\u00f6nnen Sie mit PHP Ihr eigenes Kontaktinformations-Widget erstellen. Hier ist der grundlegende Code, den Sie verwenden k\u00f6nnen:<\/p>\n\n\n\n
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'] . '<\/li> '; Echo '
- ' . $instance['phone'] . '<\/li> '; Echo '
- ' . $instance['email'] . '<\/li> '; Echo '<\/ul> '; 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');<\/code><\/pre>\n\n\n\n
Denken Sie daran, dass Sie die Methoden implementieren m\u00fcssen bilden()<\/code> Und aktualisieren()<\/code>damit Sie das Widget \u00fcber das WordPress-Admin-Panel konfigurieren und aktualisieren k\u00f6nnen.<\/p>\n\n\n\nVerwendung von HTML und CSS in Text-\/HTML-Widgets<\/h4>\n\n\n\n
Wenn Sie mit PHP nicht vertraut sind, aber die Grundlagen von HTML und CSS kennen, ist dies die richtige Option f\u00fcr Sie. Sie k\u00f6nnen ein Kontaktinformations-Widget mithilfe des Text-\/HTML-Widgets erstellen:<\/p>\n\n\n\n
\n- Melden Sie sich im WordPress-Administrationsbereich an.<\/li>\n\n\n\n
- Gehen Sie zu \u201eDarstellung\u201c -> \u201eWidgets\u201c.<\/li>\n\n\n\n
- Ziehen Sie das Widget \u201eText\u201c oder \u201eBenutzerdefiniertes HTML\u201c in den gew\u00fcnschten Abschnitt.<\/li>\n\n\n\n
- F\u00fcllen Sie die Titel- und Inhaltsfelder mit Ihren Kontaktinformationen aus.<\/li>\n\n\n\n
- Klicken Sie auf \u201eSpeichern\u201c.<\/li>\n<\/ol>\n\n\n\n
Denken Sie daran, dass Sie Ihre Kontaktinformationen mit HTML formatieren und mit CSS formatieren k\u00f6nnen.<\/p>\n\n\n\n
Zusammenfassend l\u00e4sst sich sagen, dass es je nach Erfahrungsstand und Vorlieben viele M\u00f6glichkeiten gibt, ein Kontaktinformations-Widget in WordPress zu erstellen. Jede der oben genannten L\u00f6sungen bietet unterschiedliche M\u00f6glichkeiten, mit denen Sie das Widget an Ihre Bed\u00fcrfnisse anpassen k\u00f6nnen.<\/p>\n\n\n\n
<\/div>\n\n Sehen Sie sich das Angebot von \u00fcber 1500 Premium-WordPress-Plugins und -Themen an!<\/strong><\/h2>\n\n