Jak stworzyć katalog pracowników w WordPress (z profilami pracowników)

Przez lata pomogliśmy niezliczonej liczbie użytkowników w tworzeniu witryn internetowych, a jedną z funkcji, która jest niezmiennie cenna, jest katalog pracowników. Niezależnie od tego, czy prowadzisz lokalne przedsiębiorstwo, czy firmę konsultingową, katalog pracowników pozwala potencjalnym klientom zobaczyć twarze stojące za twoją marką.

W tym artykule pokażemy, jak utworzyć katalog pracowników na twojej witrynie internetowej WordPress.

Wymyśliliśmy 2 sposoby, aby to zrobić: za pomocą kreatora stron i dedykowanej wtyczki katalogu firm. To, który z nich wybierzesz, zależy w dużej mierze od wielkości Twojej firmy i tego, co chcesz zrobić z katalogiem pracowników.

Po co tworzyć katalog pracowników na twojej witrynie WordPress?

Wiele witryn biznesowych WordPress może skorzystać na dodaniu katalogu pracowników. To świetny sposób na nawiązanie kontaktu z twoją publicznością i budowanie zaufania.

Na przykład, lokalny sklep może zaprezentować swój przyjazny personel, dzięki czemu klienci poczują się mile widziani. Firmy konsultingowe mogą podkreślić kwalifikacje swojego zespołu, przekonując potencjalnych klientów, że mają odpowiednie umiejętności do pracy.

Nawet witryny edukacyjne mogą uznać katalog pracowników za przydatny. Pomyśl o witrynie internetowej uniwersytetu zawierającej katalog profesorów z ich danymi kontaktowymi i obszarami specjalizacji. Może to być bardzo pomocne dla studentów próbujących znaleźć odpowiedniego wykładowcę.

Mając to na uwadze, przyjrzyjmy się 2 przyjaznym dla początkujących sposobom dodania katalogu pracowników do twojej witryny internetowej WordPress. Możesz skorzystać z poniższych odnośników, aby przejść do preferowanej przez ciebie metody:

Metoda 1: Tworzenie prostej listy pracowników za pomocą SeedProd (dla małych zespołów)

Ta metoda jest idealna, jeśli masz tylko do 20 pracowników i chcesz utworzyć własną stronę personelu, aby ich zaprezentować.

Tutaj będziemy używać SeedProd, najlepszej wtyczki do tworzenia stron typu „przeciągnij i upuść ” do projektowania niestandardowych stron i motywów. Oferuje ona znacznie większą elastyczność, funkcje i dodatki niż domyślny edytor WordPress.

SeedProd zawiera również dedykowany blok „Członek zespołu”, umożliwiający stworzenie atrakcyjnego wizualnie katalogu pracowników.

Aby uzyskać więcej informacji na temat funkcji i cen SeedProd, sprawdź naszą kompleksową recenzję SeedProd.

Uwaga: Nie jesteś fanem SeedProd? Możesz również użyć Thrive Architect, aby utworzyć niestandardową stronę z katalogiem pracowników.

Krok 1: Instalacja i włączanie SeedProd

Zanim zaczniemy, musisz zainstalować i włączyć wtyczkę SeedProd. W tym poradniku będziemy używać wersji Pro, która odblokowuje dodatkowe szablony i bloki, w tym „Członek zespołu”, dla naszego katalogu pracowników.

Jeśli dopiero zaczynasz instalować wtyczki, możesz przeczytać nasz przewodnik na temat instalowania wtyczek WordPress.

Po aktywacji przejdź do SeedProd ” Ustawienia w panelu administracyjnym WordPress i wprowadź klucz licencyjny z konta SeedProd. Po wprowadzeniu klucza kliknij „Zweryfikuj klucz”, aby aktywować funkcje Pro.

Krok 2: Wybór szablonu strony docelowej

Teraz stwórzmy nową stronę docelową specjalnie dla twojego katalogu pracowników. Przejdź do SeedProd ” Landing Pages i kliknij „Utwórz nową stronę docelową”.

SeedProd oferuje różne wstępnie zaprojektowane szablony zorganizowane według rodzajów kampanii, takich jak „wkrótce” lub „404 strony„. Szablony można filtrować na podstawie tych kategorii za pomocą kart w górnej części ekranu.

Po prostu najedź kursorem myszy na szablon, aby go podglądnąć i kliknij ikonkę lupy, aby przyjrzeć mu się bliżej. Po znalezieniu odpowiedniego szablonu kliknij ikonkę znacznika wyboru, aby go zaznaczyć.

W tym przykładzie użyjemy szablonu „Wealth Sales Page” i przekształcimy go w listę pracowników.

Następnie nadaj swojej stronie docelowej opisową nazwę. SeedProd automatycznie wygeneruje adres URL na podstawie tego tytułu, ale możesz go dostosować do swoich preferencji.

Kiedy jesteś zadowolony z nazwy strony i wybranego szablonu, po prostu kliknij „Zapisz i zacznij edytować stronę”, aby rozpocząć tworzenie twojego katalogu pracowników.

Krok 3: Zaprojektuj własną stronę.

SeedProd uruchomi teraz interfejs kreatora motywów. Po prawej stronie zobaczysz podgląd na żywo szablonu na front-endzie, a po lewej ustawienia bloków. Tutaj możesz dostosować wygląd strony do swoich potrzeb.

Bardziej szczegółowe informacje na temat kreatora stron można znaleźć w poniższych przewodnikach:

• Jak stworzyć stronę docelową za pomocą WordPressa
• Jak stworzyć wiralową stronę docelową listy oczekujących w WordPressie?
• Jak stworzyć stronę typu Squeeze Page w WordPress, która konwertuje?

W tym poradniku zmieniliśmy część tekstu, aby strona wyglądała bardziej jak katalog pracowników. Usuwamy również niektóre bloki, aby zrobić miejsce na profile pracowników.

Krok 4: Dodanie i dostosowanie bloku członka zespołu

Aby dodać sekcję listy pracowników, użyj paska wyszukiwania w sekcji bloków po lewej stronie i wybierz blok „Kolumna”. Pozwoli to wyświetlić wielu pracowników w jednym miejscu. Po jego znalezieniu wystarczy przeciągnąć i upuścić ten blok w dowolnym miejscu.

Teraz wybierz układ kolumn.

Zależy to od liczby pracowników, których chcesz zaprezentować.

Następnie zobaczysz wszystkie bloki oferowane przez SeedProd. Niektóre przykłady obejmują licznik czasu, pasek postępu, obrotowy suwak opinii i wiele innych.

Tutaj poszukaj bloku „Członek zespołu”. Po prostu przeciągnij i upuść ten blok do każdej z kolumn.

Być może jedna kolumna nie wystarczy, aby wyświetlić wszystkich członków twojego zespołu. W takim przypadku można ją po prostu skopiować i wkleić.

Aby to zrobić, po prostu najedź kursorem na blok kolumny, aż niebieski kolor pojawi się wokół wszystkich bloków. Następnie kliknij przycisk „Duplicator Row” na pasku narzędzi.

SeedProd automatycznie wyświetli twój zduplikowany wiersz poniżej oryginalnego.

Teraz możesz zacząć dodawać informacje o każdym pracowniku.

Zacznijmy od dodania obrazka. Aby to zrobić, kliknij blok członka zespołu i wybierz opcję „Użyj swojego obrazka” na panelu bocznym ustawień bloku.

Biblioteka multimediów zostanie otwarta.

Śmiało wybierz obrazek. Następnie kliknij „Wybierz”.

Po zakończeniu można dostosować więcej ustawień obrazka.

Można na przykład wstawić tekst alternatywny obrazu, dostosować szerokość i/lub zmienić położenie obrazu z góry na lewo lub prawo.

Jeśli przewiniesz w dół, możesz zmienić domyślną nazwę, tag nagłówka tytułu (np. z H1 na akapit) i wyrównanie nazwy.

Dzięki SeedProd można również dostosować sposób wyświetlania nazwy w zależności od tego, czy strona katalogu pracowników jest przeglądana na telefonie komórkowym, komputerze stacjonarnym czy tablecie.

Następnym krokiem jest oznaczenie i opis.

Oznaczenie pozwala wstawić nazwę stanowiska pracownika.

Z drugiej strony, opis jest miejscem, w którym można wstawić wszelkie ważne informacje o pracowniku. Oprócz tego, czym zajmuje się dana osoba, warto również podać jej dane kontaktowe (takie jak adres e-mail lub numer telefonu służbowego).

Podobnie jak w przypadku nazwy, można dostosować układ tego oznaczenia i opisu w zależności od tego, z jakiego miejsca zostanie zobaczona strona katalogu pracowników.

Przechodząc w dół, znajdziesz ustawienia umożliwiające dostosowanie wyglądu bloku członka zespołu.

Można na przykład zmienić zaokrąglone granice obrazka i włączyć separator między obrazkiem a opisem osoby.

W razie potrzeby można dodać informacje o mediach społecznościowych pracownika. Domyślnie SeedProd dodaje ikonki społeczności owe dla Facebooka i Twittera, ale możesz wstawić także inne, które są istotne dla twojego biznesu, takie jak LinkedIn.

Aby to zrobić, wystarczy kliknąć „+ Dodaj nowy utwórz”.

Następnie pojawi się lista ustawień umożliwiających dostosowanie ikonki społecznościowej.

Tutaj kliknij symbol obrazka, aby zmienić ikonkę społecznościową.

Biblioteka ikon zostanie teraz otwarta.

Wyszukaj twoją platformę mediów społecznościowych i kliknij przycisk „+”, aby z niej skorzystać.

Teraz przewiń nieco w dół, aby dodać tytuł mediów społecznościowych i odnośnik społecznościowy danej osoby.

Można również zmienić kolory ikonki.

Na tym etapie można przejść do panelu bocznego ustawień.

W tym miejscu można zmienić rozmiar, wyrównanie, kolory i kształt wszystkich ikonek społecznościowych.

Jeśli chcesz bardziej dostosować blok członka zespołu, przejdź do karty „Zaawansowane”.

Tutaj znajdziesz więcej ustawień, aby zmienić wygląd bloku. Na przykład, można dostosować padding i marginesy, dodać efekt cienia, włączyć animacje CSS i wiele więcej.

Wszystko, co musisz zrobić, to powtórzyć te same kroki z resztą twoich profili pracowników.

Kiedy będziesz zadowolony z ostatecznego wyglądu twojej strony katalogu pracowników, po prostu kliknij przycisk „Zapisz”, aby zapisać postępy.

Na koniec, aby Twoja strona katalogu pracowników została uruchomiona w witrynie internetowej, kliknij przycisk „Opublikuj”.

To wszystko! Twój katalog pracowników jest teraz uruchomiony przy użyciu SeedProd.

Oto jak wygląda nasza witryna internetowa w wersji demonstracyjnej:

Metoda 2: Korzystanie z wtyczki Business Directory (dla dużych zespołów)

Jeśli masz mały zespół, metoda 1 może być wystarczająca. Jednak w przypadku większych zespołów oglądanie dziesiątek profili na jednej stronie może być przytłaczające dla odwiedzających.

W tym miejscu przydaje się dedykowana wtyczka katalogu pracowników. My będziemy korzystać z darmowej wersji wtyczki Business Directory.

Ta wtyczka umożliwia utworzenie dedykowanego katalogu członków zespołu na twojej witrynie internetowej WordPress, wraz z paskiem wyszukiwania, filtrami i indywidualnymi stronami profilowymi dla każdego członka personelu. Można jej również używać do tworzenia innego rodzaju witryn internetowych z katalogami.

Mając to na uwadze, można również uaktualnić do wtyczki Business Directory Premium. Zapewnia ona dostęp do funkcji pro, takich jak bramki płatności dla płatnych katalogów, motywy premium, oceny/recenzje i inne.

Aby uzyskać więcej informacji, sprawdź naszą recenzję wtyczki Business Directory.

Krok 1: Instalacja i konfiguracja wtyczki Business Directory

Najpierw należy zainstalować i włączyć wtyczkę Business Directory. Możesz przeczytać nasz przewodnik na temat instalacji wtyczki WordPress, aby uzyskać więcej informacji.

Po włączaniu przejdź do Katalog ” Treść katalogu, a następnie „Pola formularza”. Tutaj zobaczysz gotowe pola, których użyjesz później do wstawienia informacji o twoim personelu, takich jak opisy, witryny internetowe, numery telefonów i adresy.

Pola te są dobrym punktem wyjścia, ale można je jeszcze bardziej dostosować. Kliknijmy „Dodaj nowe pole formularza”, aby utworzyć nowe pola.

Zacznijmy od powiązania pola. Domyślnie wtyczka listy zablokowanych pracowników pozostawi ją jako Post Metadata, co oznacza, że pole pojawi się jako pole niestandardowe poniżej głównego obszaru edycji w edytorze bloków. Pozostawimy tę opcję bez zmian.

Możesz także zmienić rodzaj pola z tekstowego na przyciski opcji, odnośniki do mediów społecznościowych, pola wyboru i inne, w zależności od informacji, które chcesz zebrać.

Następnie podaj wyraźną etykietę dla każdego pola (np. „Profil LinkedIn”). Możesz również dodać opcjonalny opis, aby poprowadzić użytkowników przez proces jego wypełniania.

W przypadku pól wymagających określonych formatów danych można ustawić walidator pola, aby upewnić się, że wpiszesz dokładne informacje.

Do wyboru jest kilka opcji, takich jak adresy e-mail, adresy URL i numery telefonów.

Poniżej możesz ustawić niektóre pola jako obowiązkowe, zaznaczając pole „Wymagane”. Może to być przydatne w przypadku istotnych informacji.

W „Opcjach wyświetlania pola” można kontrolować, gdzie pole jest wyświetlane. Można na przykład wybrać, czy ma ono zastosowanie do wszystkich kategorii katalogu, czy tylko do określonych, czy tylko administratorzy mogą je edytować lub czy wartość pola powinna być ukryta na front-endzie.

Po zakończeniu konfigurowania ustawień pól, przewiń stronę w dół.

Następnie kliknij „Dodaj pole”, aby zapisać twoje zmiany.

Powtarzaj ten krok, aż utworzysz pola potrzebne do twojego wpisu w katalogu pracowników.

W menu Form Fields (Pola formularza) możesz usuwać wszystkie gotowe pola, które nie mają zastosowania do twojego katalogu pracowników.

Wystarczy najechać kursorem na niechciane pole i kliknąć „Usuń”.

Następnie przejdź do karty „Kategorie”. Zobaczysz domyślną kategorię o nazwie „Ogólne”.

Dla naszego katalogu pracowników zmieńmy nazwę na coś bardziej opisowego, na przykład „Pracownik”. Pozwoli to skategoryzować wszystkie twoje wpisy w katalogu pracowników.

Aby to zrobić, kliknij „Szybka edycja”.

Następnie zmień nazwę z Ogólne na Pracownik.

Nie zapomnij również zmodyfikować slug i kliknij „Aktualizuj kategorię”.

Jeśli twoja firma ma wiele działów i chcesz uporządkować swoje oferty, możesz utworzyć różne kategorie, klikając „Utwórz nową kategorię”.

Następnie pojawi się wyskakujące okienko. Tutaj wystarczy wpisać nazwę kategorii i kategorię nadrzędną (jeśli dotyczy). Następnie kliknij „Utwórz nową kategorię”.

Teraz przejdź do karty „Plany”. Ponieważ skupiamy się na prezentowaniu twojego zespołu, a nie tworzeniu płatnego katalogu firm, powinieneś usunąć wszystkie niepotrzebne domyślne płatne opcje planu.

Wystarczy najechać kursorem na plan i kliknąć „Usuń”.

Jeśli chodzi o darmowy wpis, po prostu zostawimy go tak, jak jest, ponieważ nie możemy go usunąć.

Krok 2: Stwórz twoją stronę z katalogiem pracowników

W pewnym momencie możesz zobaczyć powiadomienie, które mówi: „Wtyczka Business Directory wymaga strony z krótkim kodem [businessdirectory] do prawidłowego działania. Możesz utworzyć tę stronę samodzielnie lub pozwolić Business Directory zrobić to automatycznie”.

Zalecamy kliknięcie opcji „Utwórz dla mnie wymagane strony” w celu szybkiej i łatwej konfiguracji. Strona katalogu automatycznie dostosuje swój wygląd do twojego obecnego, aktualnego motywu WordPress.

Domyślnie wtyczka utworzy stronę o nazwie „Katalog firm”, która nie jest odpowiednia dla tego, co tworzymy.

Aby zmienić tę stronę, przejdź do Strony w kokpicie WordPress i znajdź stronę katalogu. Następnie najedź na nią kursorem i kliknij „Edytuj”.

W edytorze bloków po prostu zmień nazwę strony na coś w rodzaju „Katalog pracowników” lub cokolwiek, co lepiej ma wpływ na jej przeznaczenie.

Możesz także dodać dodatkowe bloki, aby zwiększyć atrakcyjność wizualną strony katalogu. Pamiętaj jednak, aby pozostawić krótki kod [businessdirectory] bez zmian.

Zachęcamy do dalszego dostosowywania strony, na przykład zmiany schematu kolorów lub czcionek, aby wyróżnić stronę.

Na koniec kliknij „Aktualizuj”, aby zapisać twoje zmiany.

Krok 3: Utwórz swój katalog pracowników

Teraz, gdy wszystko jest już skonfigurowane, utwórzmy listy poszczególnych pracowników. Przejdź do Katalog ” Treść katalogu i otwórz kartę „Listy”. Kliknij „Utwórz nową listę”, aby rozpocząć.

Dojdziesz do edytora bloków z polami własnymi z wtyczki Business Directory. W sekcji Tytuł wpisz imię i nazwisko lub pseudonim pracownika.

W dedykowanej sekcji poniżej możesz dodać szczegółowy opis ich roli i wiedzy specjalistycznej. Opis ten może być dłuższy, ponieważ będzie wyświetlany tylko na ich indywidualnej stronie profilu, a nie w katalogu.

Przewiń w dół do „Directory Listing Fields / Images” i użyj utworzonych lub zmodyfikowanych wcześniej konfiguratorów, aby uzupełnić informacje o pracowniku.

Może to obejmować dane kontaktowe lub odnośniki do mediów społecznościowych.

Teraz przejdź do karty „Obrazki”.

W tym miejscu można przesłać obrazek do profilu pracownika z twojej biblioteki multimediów lub komputera.

Gdy to zrobimy, przejdźmy do karty „Lista” na panelu bocznym ustawień. W sekcji „Kategorie katalogu” zaznacz pole obok „Pracownik” lub wcześniej utworzonej kategorii.

W razie potrzeby można również dodać dodatkowe tagi.

W sekcji „Zajawka” możesz napisać krótki, ale treściwy opis. Pojawi się on na głównej stronie katalogu pracowników, na której znajdują się wszystkie profile.

Zalecamy również wyłączenie komentarzy w sekcji „Dyskusja”.

Ma to na celu uniknięcie niepotrzebnego bałaganu na stronie, ponieważ wtyczka domyślnie dodała już formularz kontaktowy na stronie.

W sekcji Informacje o wpisie wybierz plan „Bezpłatny wpis” i kliknij „OK”.

Nie będzie można opublikować oferty, jeśli wcześniej nie zostanie do niej przypisany plan.

Gdy wszystko ci się spodoba, kliknij „Opublikuj”, aby uruchomić profil pracownika.

Wystarczy powtórzyć te kroki, aby utworzyć profile dla wszystkich członków twojego zespołu.

Krok 4: Dostosuj stronę z listą pracowników do własnych potrzeb.

Po wyświetleniu podglądu strony Katalog pracowników zobaczysz formularz wyszukiwania umożliwiający filtrowanie list pracowników.

Poniżej znajduje się przejrzysta i uporządkowana lista członków twojego zespołu.

Jeśli otworzysz stronę profilu pracownika, zobaczysz informacje o twoim pracowniku i formularz kontaktowy, aby odwiedzający mógł się z nim skontaktować.

Oto jak to wygląda:

Jeśli nie jesteś zadowolony z wyglądu tych stron i chcesz je dostosować, przejdź do Katalog ” Ustawienia w kokpicie WordPress. Następnie kliknij „Listy”.

W tym miejscu można zmienić liczbę ofert wyświetlanych na stronie, zmodyfikować ustawienia formularza wyszukiwania, wyłączyć formularze komentarzy i/lub kontaktu, modyfikować przyciski itd.

Nie zapomnij kliknąć „Zapisz zmiany” po zakończeniu.

Możesz także przejść do menu „Wygląd”.

W tym miejscu można zmienić styl przycisków i główny kolor strony katalogu. Możesz także zainstalować ikony Font Awesome lub przejść na plan pro, aby dostosować własny układ wpisu.

Jeśli przejdziesz do karty „Imagely”, możesz zmienić wygląd obrazków w profilu pracowników.

Możesz na przykład włączyć efekt lightbox (okno), wyłączyć miniaturki obrazów na głównej stronie oferty i zmienić rozmiary miniaturek. Ponownie pamiętaj, aby kliknąć „Zapisz zmiany”.

Aby uzyskać więcej informacji na temat tworzenia katalogów za pomocą WordPressa, zapoznaj się z tymi artykułami:

• Jak utworzyć katalog stron internetowych w WordPress (krok po kroku)
• Jak utworzyć przeszukiwalny katalog członków w WordPress?
• Najlepsze wtyczki do katalogów firm WordPress

Wskazówka bonusowa: Użyj WPForms do zbierania informacji o twoim pracowniku

Niezależnie od tego, czy zarządzasz małym, czy dużym zespołem, zebranie wszystkich niezbędnych informacji o pracownikach do twojego katalogu może być wyzwaniem. Ręczne uzyskiwanie szczegółowych informacji za pośrednictwem e-maili lub arkuszy kalkulacyjnych może być czasochłonne.

Aby usprawnić ten proces, zalecamy użycie WPForms, potężnej, ale przyjaznej dla użytkownika wtyczki do tworzenia formularzy WordPress. Zawiera ona wstępnie zbudowany szablon formularza katalogu pracowników, który pozwala szybko rozpocząć pracę.

Szablon zawiera już wiele odpowiednich pól, takich jak imię i nazwisko, adres e-mail, numer telefonu, dział, rola itp. Możesz również skorzystać z wygodnego kreatora formularzy kontaktowych, aby dodać więcej pól odpowiadających Twoim potrzebom.

Możesz wybierać spośród różnych rodzajów pól, od przycisków radiowych i przesyłania obrazków po CAPTCHA, aby zapobiec przesyłaniu spamerskich formularzy.

Aby dowiedzieć się więcej o WPForms, możesz przeczytać naszą pełną recenzję WPForms.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak stworzyć katalog pracowników w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia niestandardowej strony koszyka WooCommerce bez kodu i naszymi eksperckimi narzędziami do tworzenia i sprzedaży produktów cyfrowych.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.