Jak dodać dynamiczne adresy URL do swoich CTA za pomocą Divi i ACF

Tworząc strukturę witryny, istnieje duże prawdopodobieństwo, że będziesz chciał umieścić te same CTA na wielu stronach, postach i projektach. Oczywiście możesz trzymać adresy URL w pobliżu i kopiować je i wklejać w trakcie, ale niekoniecznie jest to najłatwiejszy sposób. Zanim zaczniesz tworzyć swoje strony, posty i projekty, możesz skonfigurować listę wszystkich adresów URL, których możesz potrzebować, ustawić dla nich wartość domyślną i użyć wartości domyślnych w nowo tworzonych elementach.

Jeśli z jakiegoś powodu adresy URL różnią się na określonej stronie, poście lub projekcie, możesz to zmienić w samym elemencie bez stosowania wartości domyślnej całego pola. Domyślne wartości dołączone do adresów URL pomogą Ci na starcie podczas tworzenia nowej strony, posta lub projektu. W tym samouczku pokażemy Ci krok po kroku, jak się tam dostać!

Weźmy się za to!

Przegląd samouczka

• To podejście działa najlepiej, jeśli dodasz grupę pól niestandardowych do nowej witryny, tuż przed rozpoczęciem dodawania stron, postów i projektów
• Zainstaluj wtyczkę Advanced Custom Fields na swojej stronie WordPress
• Wewnątrz wtyczki będziesz mógł skonfigurować grupę pól, która pojawi się na wszystkich Twoich stronach, postach i projektach
• Utwórz osobne pole adresu URL dla wszystkich możliwych adresów URL, których możesz potrzebować w swojej witrynie
• Przypisz domyślną wartość do każdego z pól; ta domyślna wartość pojawi się automatycznie na każdej nowej stronie, poście lub projekcie
• Na istniejących stronach, postach i projektach wartości pojawią się dopiero po wejściu do backendu i zapisaniu domyślnych adresów URL
• Użyj pól adresu URL w całym projekcie Divi jako zawartości dynamicznego łącza (strona, post, projekt, szablon)
• Jeśli zmienisz domyślny adres URL w ustawieniach pola, stary domyślny adres URL będzie nadal obowiązywał na stronach, postach i projektach, które odziedziczyły poprzednią wartość domyślną

1. Zainstaluj i aktywuj wtyczkę ACF

Pierwszą rzeczą, którą musisz zrobić, to zainstalować wtyczkę Advanced Custom Fields w swojej witrynie. Możesz pobrać wtyczkę tutaj lub po prostu wyszukać ją w panelu WordPress. Po zainstalowaniu wtyczki upewnij się, że ją również aktywowałeś, aby od razu zacząć.

2. Skonfiguruj grupę pól we wszystkich postach, stronach i projektach

Teraz, po zainstalowaniu wtyczki ACF, nadszedł czas na utworzenie grupy pól URL. Ta grupa będzie zawierała wszystkie wezwania do działania, których będziesz wielokrotnie używać na swoich stronach, postach i projektach. Przejdź do pulpitu WordPress > Pola niestandardowe > Dodaj nowy .

Nadaj swojej grupie tytuł i kontynuuj, ustawiając zasady. Dbamy o to, aby grupa pól pojawiała się przy każdym typie postu na naszej stronie internetowej. Jeśli jednak chcesz, aby linki pojawiały się tylko w jednym konkretnym typie postu, możesz dostosować reguły do ​​swoich potrzeb.

Pokaż tę grupę pól, jeśli:

• Typ postu – jest równy – Post lub
• Typ posta – jest równy – Strona lub
• Typ posta jest równy – Projekt

3. Dodaj różne pola adresu URL z wartością domyślną

Będziemy kontynuować, dodając różne pola adresów URL. Jak wspomniano wcześniej, będziesz potrzebować osobnego pola adresu URL dla każdego adresu URL, którego używasz wielokrotnie w różnych typach postów. Aby zilustrować, jak to działa, dodamy trzy różne pola adresów URL. Jedno z pól przekieruje odwiedzających na stronę docelową galerii Divi, drugie przekieruje odwiedzających na stronę kontaktową, a pozostałe przekieruje użytkowników do obszaru członków.

Załóżmy więc, że zaczynamy od CTA, które przekierowuje użytkowników na stronę docelową galerii Divi. Dodamy do niego nowe pole i nadamy rozpoznawalną nazwę pola. W ten sposób, gdy już znajdziemy się w kreatorze Divi, nie ma zamieszania, jeśli chodzi o wybór właściwego adresu URL.

Kontynuujemy, przewijając w dół ustawienia pól i wybierając „URL” jako typ pola.

Następną i ostatnią rzeczą, którą musisz zrobić, to dodać do pola wartość domyślną. Tutaj umieścisz adres URL, na który ma przekierować wezwanie do działania. Gdy tylko dodasz tę wartość domyślną, zostanie ona automatycznie zastosowana do każdej nowej strony, posta i projektu, który dodasz.

Powtórz powyższe kroki dla każdego pola CTA, które potrzebujesz w swojej witrynie. W tym konkretnym przykładzie oznacza to, że tworzymy dwa dodatkowe pola; raz dla strony kontaktowej i jeden dla obszaru członków.

Po dodaniu wszystkich pól adresu URL pamiętaj, aby zapisać wszystkie zmiany wprowadzone w grupie pól.

4. Linki przycisków linków do dynamicznych adresów URL

Teraz, wprowadzając post, stronę lub projekt, zauważysz grupę pól adresu URL na dole. Jeśli z jakiegoś powodu chcesz użyć innego adresu URL na tej konkretnej stronie, poście lub projekcie, możesz dodać inny adres URL w tym polu. Dodany adres URL będzie dotyczył tylko tej konkretnej strony, posta lub projektu, nad którym pracujesz. W rdzeniu grupy pól domyślny adres URL będzie nadal taki sam, jak ten dodany podczas tworzenia pola.

Jeśli używasz domyślnych adresów URL, przełącz się na program Visual Builder, aby rozpocząć łączenie przycisków w projekcie z poprawnym adresem URL.

Dodanie dynamicznego adresu URL do przycisków Divi jest naprawdę proste. Otwórz dowolny przycisk, który znajdziesz na swojej stronie, przejdź do ustawień linków i kliknij ikonę zawartości dynamicznej.

Po kliknięciu ikony dynamicznej zobaczysz listę zawartości dynamicznej do wyboru. Na tej liście zobaczysz również różne pola adresów URL. Wybierz prawidłowe pole adresu URL, do którego chcesz utworzyć link.

Powtórz kroki dla każdego przycisku na swojej stronie. Jeśli adresy URL na stronie, poście lub projekcie z jakiegokolwiek powodu ulegną zmianie, możesz wrócić do tej konkretnej strony, posta lub projektu i zmienić dynamiczną zawartość adresu URL w zapleczu.

To samo podejście dotyczy również dodawania dynamicznych adresów URL do szablonów. Jeśli chcesz na przykład dodać dynamiczny adres URL do przycisku w szablonie postu na blogu, możesz przejść do kreatora motywów witryny i otworzyć edytor szablonów treści posta.

Kontynuuj, otwierając ustawienia modułu przycisków, przejdź do ustawień linków i kliknij ikonę treści dynamicznej.

Ponownie pojawi się menu rozwijane, w którym możesz wybrać dynamiczną zawartość adresu URL, która pasuje do CTA.

Pamiętaj, aby po dodaniu dynamicznych adresów URL również zmienić wszystkie zmiany w kreatorze motywów!

Końcowe przemyślenia

W tym poście pokazaliśmy, jak tworzyć dynamiczne adresy URL i udostępniać je na każdej stronie, poście lub projekcie w Twojej witrynie. Wykorzystaliśmy dynamiczną zawartość Divi w połączeniu z wtyczką ACF. Udało nam się ustawić wartość domyślną i zastosować tę wartość adresu URL do naszych wezwań do działania. Ten samouczek koncentruje się na tym, aby być jak najbardziej efektywnym podczas tworzenia stron internetowych za pomocą Divi! Jeśli masz jakieś pytania lub sugestie, możesz zostawić komentarz w sekcji komentarzy poniżej.

Jeśli chcesz dowiedzieć się więcej o Divi i zdobyć więcej gratisów Divi, zasubskrybuj nasz biuletyn e-mailowy i kanał YouTube, dzięki czemu zawsze będziesz jedną z pierwszych osób, które poznają i będą czerpać korzyści z tych bezpłatnych treści.