Przełącz menu

Jak utworzyć katalog personelu na WordPress – Twój pierwszy projekt motywu Beaver

Opublikowany: 2018-03-23

25% zniżki na produkty Beaver Builder! Pospiesz się, wyprzedaż się kończy... Leń więcej!

dynamic-staff-directory
  • Motyw bobra

Jak utworzyć katalog personelu na WordPress – Twój pierwszy projekt motywu Beaver

Jednym z moich ulubionych podcastów o projektowaniu stron internetowych jest program ShopTalk. Często pojawia się pytanie: „Jak najlepiej nauczyć się projektowania stron internetowych?” Odpowiedź zawsze brzmi: wybierz temat, który Cię interesuje i zacznij coś budować. Nic nie zastąpi praktycznej nauki. W tym poście Hashim omawia proces tworzenia katalogu personelu za pomocą Beaver Themer i Page Builder. To świetny projekt na start dla każdego, kto chce dowiedzieć się, jak korzystać z Beaver Themer!

Czy warto inwestować w Beaver Themer?

Najpierw kupiłem wtyczkę do kontrolowania nagłówków i stopek. Dopiero później zacząłem bawić się „częściami motywu” i ustawieniami warunkowymi. Potem byłem zdumiony możliwościami tworzenia zaawansowanych witryn za pomocą Beaver Themer. Zostałem dziwakiem w grupie Beaver Builders na Facebooku, twierdząc, że narzędzie jest za drogie i niedoceniane.

Jak więc samodzielnie zapoznać się z funkcjami Themera? Najlepszym sposobem na poznanie pełnej mocy Beaver Themer jest stworzenie małego projektu, w którym wtyczka zostanie przetestowana.

Doświadczając większości funkcji Beaver Themer w jednym projekcie testowym, możesz zacząć widzieć, jak narzędzie można włączyć do swojego przepływu pracy. Następnie będziesz mógł bez obaw korzystać z bardziej skomplikowanych witryn internetowych, ponieważ wiesz, że możesz korzystać z narzędzia niewymagającego kodowania, takiego jak Beaver Themer.

Czy grasz? Jeśli tak, uruchom Wordpress i wykonaj poniższe kroki.

#1. Wybierz zgodny motyw

Wiele popularnych, dobrze zakodowanych motywów współpracuje z Beaver Themer. Listę niektórych z nich znajdziesz tutaj.

Większość funkcji, które udostępniasz za pomocą motywów – np. konfigurowalne nagłówki i stopki – można uzyskać za pomocą Beaver Themer. Nie przejmuj się więc wyborem motywu. Wybierz pierwszy z listy, który wydaje Ci się dobry, a wszystko będzie dobrze.

2. Wybierz niestandardowy typ wpisu/kreator pól

Funkcja połączenia terenowego w Beaver Themer jest potężna, gdy używasz jej tylko w polach Post i Page, które są dostarczane z Wordpressem od razu po wyjęciu z pudełka. Ale rzeczy naprawdę stają się szalone, gdy używasz go z niestandardową wtyczką typu post.

Niestandardowe typy postów przekształcają Wordpress z narzędzia do blogowania w CMS. Stanowią elementy składowe zaawansowanych projektów Wordpress, które wykraczają poza blogi i strony z broszurami.

Trzy opcje wtyczek, które najlepiej działają z Themerem, to zaawansowane pola niestandardowe, zestaw narzędzi i pody. Moim osobistym faworytem jest Toolset, ale szczerze mówiąc, wszystkie trzy narzędzia wykonują swoją pracę.

3. Opcjonalnie: wybierz rozszerzenie

Jeśli Beaver nie ma modułu, którego potrzebujesz od razu po wyjęciu z pudełka, rozważ użycie rozszerzenia innej firmy.

Niektóre z rozszerzeń, których najczęściej używam, są bezpłatne w katalogu wtyczek Wordpress. Na przykład jestem częstym użytkownikiem niesamowitej wtyczki Beaver Cards.

Teraz, gdy wybrałeś stos, zbudujmy Twój pierwszy projekt!

Twój pierwszy projekt tematyczny dla bobrów: dynamiczny katalog personelu

Katalogi personelu są częstym żądaniem klientów. Korzystając z Beaver Themer, możesz naprawdę zaimponować klientowi, dodając dynamiczną, kontekstową treść i układy do katalogu personelu.

Katalog personelu to także świetny projekt do zapoznania się ze wszystkimi funkcjami Beaver Themer. Jeśli zastosujesz się do poniższych kroków, w ciągu jednego popołudnia staniesz się profesjonalistą w dziedzinie Beaver Themer.

Utwórz prosty katalog personelu

  1. Zainstaluj Beaver Builder, Beaver Themer, kompatybilny motyw i niestandardową wtyczkę typu post. Korzystanie z rozszerzenia Beaver Builder jest opcjonalne w celu ukończenia tego projektu.
  2. Użyj opcji Utwórz niestandardowy typ postu dla swoich profili personelu. Jeśli jest to Twój pierwszy raz, skorzystaj z jednego z następujących samouczków: Samouczek ACF / Samouczek dotyczący podów / Samouczek dotyczący zestawu narzędzi
  3. Utwórz niestandardowe pola dla:
    1. „bio”
    2. "nazwa"
    3. „tytuł stanowiska”
    4. Nie twórz pola na „strzały w głowę”. Użyj do tego wbudowanego pola wyróżnionego obrazu.
  4. Utwórz profile pracowników dla 7 osób.
  5. Oznacz 3 posty jako „Zespół wykonawczy”, a dwa z postów jako „Zespół sprzedaży”

Masz teraz szkielet prostego katalogu. Każdy klient chętnie zapłaci Twojej agencji opłatę za umieszczenie tego na swojej stronie.

Teraz rozwalmy Twojego klienta i doładujmy ten katalog za pomocą Beaver Themer.

Utwórz dynamiczny katalog personelu

Najpierw użyj Beaver Themer, aby utworzyć szablon dla poszczególnych profili personelu i archiwum katalogu pracowników. Zobacz instrukcje tutaj.

Następnie użyj połączeń pól, aby pobrać i rozmieścić zawartość z niestandardowych pól.

A teraz poklep się po plecach – w czasie potrzebnym do zaprojektowania dwóch oddzielnych stron stworzyłeś dwa szablony motywów , które będą używane na 8 istniejących stronach – i dowolnej liczbie przyszłych stron!

OK, teraz za pomocą Beaver Themer utwórz szablon dla archiwum kategorii „przywództwo”.

Spraw, aby zdjęcia trzech dyrektorów na tym szablonie wyglądały inaczej niż te, które zaprojektowałeś na głównej stronie archiwum. Być może zdjęcia powinny być większe, a tytuły powinny być napisane inną czcionką. Rozważ zaprojektowanie głównego archiwum tak, aby zawierało tylko zdjęcie i link, podczas gdy archiwum wykonawcze zawierało pełną biografię. Zaszalej – zaprojektuj go tak, jak uważasz.

Na koniec użyj Beaver Themer, aby utworzyć część tematyczną kategorii „sprzedaż”.

Na stronach dla sprzedawców utwórz pod nagłówkiem wiersz informujący, że firma zatrudnia więcej sprzedawców.

Voila! Twój klient ma teraz piękny, dynamiczny i łatwy do aktualizacji katalog pracowników. Zbudowałeś go przy użyciu Beaver Themer – nie była potrzebna ani jedna linia niestandardowego kodu.

Przy okazji nauczyłeś się, jak tworzyć szablony dla poszczególnych postów i archiwów oraz jak dodawać dynamiczny wiersz do docelowych stron.

Następnym razem, gdy otrzymasz od klienta zestaw wymagań lub będziesz miał pomysł na własną stronę internetową, zastanów się, w jaki sposób możesz zamienić plan w zestaw niestandardowych typów postów i dynamicznych szablonów motywów, obsługiwanych przez Beaver Themer.

Pytanie — Twój stos motywów Beaver

Jeśli masz doświadczenie z Beaver Themer, podziel się nim – czego używasz do tworzenia witryn? Jaki jest Twój preferowany motyw, niestandardowa wtyczka typu post i dodatek Beaver Builder?

O Hashimie Warrenie

Hashim Warren jest strategiem marketingowym mieszkającym w Greensboro w Karolinie Północnej. Pomaga budowniczym domów znaleźć więcej i większe miejsca pracy w Hook & Target.

8 komentarzy

  1. Marka 28 marca 2018 o godzinie 3:45

    Strona z filmami lub demonstracją naprawdę sprawiłaby, że byłby to świetny samouczek – mimo to dziękuję za niesamowitą pracę



  2. Tom Nguyen 1 maja 2018 o 20:35

    Zgadzam się z sugestią Marka.



  3. April Wier 17 maja 2018 o godzinie 17:09

    Zgadzam się z komentarzem Tomka.



  4. Cindy Wyckoff 30 czerwca 2018 o 21:34

    Ja też się zgadzam. Chciałbym zobaczyć jak powinien wyglądać gotowy projekt.



  5. Gerry King 12 listopada 2018 o 4:11

    Cześć Hashim, świetny tutorial, dzięki. Czy można wykorzystać ten proces do zbudowania katalogu firm, w którym odwiedzający mogliby wyszukiwać firmy według kryteriów pocztowych? A jak trudne byłoby załączenie mapy pokazującej lokalizację wszystkich firm w katalogu?



  6. Jeff Brown 13 stycznia 2019 o godzinie 11:12

    Jestem zainteresowany utworzeniem katalogu geograficznego dla firm w mojej okolicy dla lokalnej organizacji artystycznej. Czy masz porady lub samouczki, które mogą w tym pomóc?



    • Robby McCullough 13 stycznia 2019 o 17:44

      Dobre pytanie. Themer z pewnością będzie w stanie pomóc w wystylizowaniu Twojej witryny. Nie znam jednak żadnych wtyczek do katalogów geograficznych, przepraszam! Możesz spróbować użyć Podów, aby utworzyć niestandardowy typ postu. To może być dobry punkt wyjścia…



  7. Ryan , 8 maja 2019 o 19:46

    Dziękuję Hashim, jestem naprawdę zainspirowany. Używam Ultimate Member od jakiegoś czasu i sprawia mi to wiele problemów. Nie mogę się doczekać poszerzania moich umiejętności BB i jest to dla mnie dobry projekt.



Nasz biuletyn

Nasz biuletyn jest pisany osobiście i wysyłany mniej więcej raz w miesiącu. Nie jest to ani trochę irytujące ani spamerskie.
Obiecujemy.

Dołącz do Newslettera

Wypróbuj Beaver Builder już dziś

Beaver Builder