PL 
EN 
DE 
WordPress oferuje wiele możliwości do dostosowywania strony internetowej według własnych potrzeb. Jedną z nich jest możliwość dodawania różnych rodzajów widżetów. Dziś omówimy, jak utworzyć widżet informacji kontaktowych, który pomoże Twoim klientom szybko i łatwo skontaktować się z Tobą.
Używanie wtyczki do stworzenia widżetu kontaktowego
Najprostszym rozwiązaniem dla osób, które nie chcą zajmować się kodowaniem, jest użycie odpowiedniej wtyczki. Na rynku istnieje wiele opcji, ale jedną z najbardziej popularnych jest “Contact Widgets”.
Kroki do utworzenia widżetu za pomocą “Contact Widgets” są następujące:
- Zaloguj się do panelu administracyjnego WordPressa.
- Przejdź do “Wtyczki” -> “Dodaj nową”.
- Wpisz w polu wyszukiwania “Contact Widgets” i kliknij “Zainstaluj teraz”, a następnie “Aktywuj”.
- Po aktywacji wtyczki, przejdź do “Wygląd” -> “Widżety”.
- Znajdź “Contact Widget” i przeciągnij go do wybranej sekcji.
Teraz możesz zacząć wypełniać informacje kontaktowe, takie jak adres, numer telefonu, e-mail itp.
Tworzenie własnego widżetu za pomocą PHP
Jeśli masz doświadczenie w programowaniu i wolisz kontrolować każdy szczegół swojej strony, możesz stworzyć własny widżet informacji kontaktowych za pomocą PHP. Oto podstawowy kod, który możesz zastosować:
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');Pamiętaj, że musisz zaimplementować metody form() i update(), aby możliwe było konfigurowanie i aktualizowanie widżetu z poziomu panelu administracyjnego WordPressa.
Używanie HTML i CSS w widżetach Tekst/HTML
Jeśli nie jesteś zaznajomiony z PHP, ale znasz podstawy HTML i CSS, to jest to opcja dla Ciebie. Możesz stworzyć widżet z informacjami kontaktowymi, korzystając z widżetu Tekst/HTML:
- Zaloguj się do panelu administracyjnego WordPressa.
- Przejdź do “Wygląd” -> “Widżety”.
- Przeciągnij widżet “Tekst” lub “HTML niestandardowy” do wybranej sekcji.
- Wypełnij pole tytułu i treści swoimi informacjami kontaktowymi.
- Kliknij “Zapisz”.
Pamiętaj, że możesz formatować swoje informacje kontaktowe za pomocą HTML i stylizować je za pomocą CSS.
Podsumowując, istnieje wiele sposobów na stworzenie widżetu informacji kontaktowych w WordPress, w zależności od Twojego poziomu doświadczenia i preferencji. Każde z powyższych rozwiązań oferuje różne możliwości, które pozwalają na dostosowanie widżetu do Twoich potrzeb.