Landing pages były kiedyś własnością Page Builderów

Potęga kreatorów stron WordPressa, takich jak mój ulubiony Beaver Builder, została najwspanialej pokazana na stronach docelowych. Budowanie stron docelowych za ich pomocą było szybkie i łatwe, a do tego wyglądały one świetnie. Teraz, gdy coraz więcej osób korzysta z edytora blokowego (Gutenberg), strony docelowe mogą być pierwszym miejscem, w którym ludzie je przetestują.

Możesz zbudować landing page z dowolnym motywem. Ja na tej stronie używam Blocksy, ale to, co ci tutaj pokażę, nie ma nic wspólnego z moim motywem.

GenerateBlocks sprawia, że jest to łatwe

To, co możesz chcieć wykorzystać, ze względu na to, jak bardzo ułatwia to wszystko, to bloki GenerateBlocks. Ja używam wersji Pro, którą uwielbiam.

Oferują one cztery bloki. Nic wymyślnego.

  • Kontener
  • Siatka
  • Nagłówek
  • Przycisk

Ale to niesamowite, co możesz z nimi zrobić.

Budowanie z GenerateBlocks Pro

Weźmy przestrzeń bohatera na górze strony docelowej i zobaczmy, jak te cztery bloki mogą dostarczyć nam wszystkiego, czego potrzebujemy budując strony docelowe.

W dzisiejszych czasach często spotykamy się z dwukolumnowym podejściem, gdzie po jednej stronie znajduje się zdjęcie lub wideo, a po drugiej tytuł, tekst i dwa przyciski.

Oto, co będziemy razem tworzyć:

  • Kontener
    • Siatka (2 Kolumny)
      • Kontener
        • Obrazek
      • Kontener
        • Nagłówek
        • Paragraf
        • Przyciski
          • Przycisk Pierwszy
          • Przycisk Drugi

Jak to działa

Oryginalny kontener przechowuje kolor tła i pozwala mi zdefiniować padding. Następnie Grid wykonuje pracę polegającą na utworzeniu dwukolumnowego obszaru, w którym mogę umieścić resztę mojej pracy. Pozwala mi zdefiniować pionowe wyrównanie, jak również odstępy między kolumnami.

Po prawej stronie mogę umieścić mój nagłówek, tekst akapitu i dwa przyciski. Blok przycisków GenerateBlocks pozwala mi zdefiniować dwa przyciski i sprawić, by układały się w pionie lub nie (i zajmowały całą przestrzeń poziomą lub nie).

Całkiem niezłe, prawda? I nie wymaga tony niestandardowych bloków czy niuansów. W rzeczywistości bardzo szybko i łatwo jest zbudować coś takiego.

Bloki treści w Blocksy

Napisałem już kilka postów na temat treści wielokrotnego użytku i dynamicznej zawartości:

Ale jedną rzeczą, którą warto zauważyć, jest to, że ta sama praca, którą wykonuję powyżej, aby stworzyć ten ładny wzór w Gutenbergu dla strony docelowej, może być również użyta jako „reklama” dynamicznie umieszczana na całej mojej stronie.

Aby to zrobić, mogę użyć bloków treści (Content Blocks) z Blocksy Pro.

Najpierw klikam na Dodaj nowy.

Stamtąd zostanę przeniesiony do głównego obszaru tworzenia mojego projektu. To właśnie tam mogę umieścić tę wersję bohatera. Chociaż prawdopodobnie nazwałbym ją dla konkretnej reklamy (tak jak zrobiłem to, gdy tworzyłem wersję dla Smart Quiz Builder).

I tak jak pokazałam Ci w tym innym video o dynamicznym umieszczaniu, mogłabym umieścić ją na konkretnych rodzajach postów. Co oznacza, że praca, którą wykonuję nad landing page’ami, staje się również użyteczna na całej stronie.

Budowanie Landing Pages w Gutenbergu

Prawda jest taka, że budowanie landing page’y w Gutenbergu nie jest aż tak trudne, jak mi się początkowo wydawało. Użycie GenerateBlocks sprawia, że jest to naprawdę szybkie i łatwe. I każdego dnia będzie mi coraz łatwiej używać edytora bloków do wszystkiego, czego potrzebuję lub chcę.

Artykuł w wersji oryginalnej

Podobne