Lista wpisów na blogu..

Poznaj DXPR BuilderBuduj stronySamouczek

Tu zbudujesz stronę z listą wpisów na blogu: wyróżniony wpis na górze, lista z widoku Drupala z paskiem bocznym i pas newslettera. Nowe wpisy pojawiają się na niej bez edytowania strony. Jedno studium przypadku opisz w głębi zamiast tego według studium przypadku.

Film buduje blog produktu do raportowania.

Zanim zaczniesz

  • Twoja rola ma uprawnienie Edit with DXPR Builder.
  • Twoja witryna ma widok z listą wpisów na blogu. DXPR CMS dostarcza widok Blog z listą Blog i wyświetlaniem Featured posts.
  • Strona jest otwarta w kreatorze. Nową utworzysz w Content > Add content > Landing Page (/node/add/landing_page) przyciskiem Save.
  • Nowe elementy lądują na górze kolumny. Dodawaj elementy kolumny w odwrotnej kolejności albo przeciągnij je potem na miejsce.

Krok 1: dodaj wyróżniony wpis

  1. Kliknij Add Elements na pustej stronie i wybierz Section z karty Layout.
  2. Kliknij + na sekcji i wybierz Row; powstaje z dwiema równymi kolumnami. Kliknij jej ikonę siatki (Column layout), wybierz preset 2/3 + 1/3 i kliknij Save.
  3. Kliknij + w szerokiej kolumnie i wybierz Image z karty Content. Kliknij Select Image, zaznacz zdjęcie i kliknij Insert selected. Wpisz Alt attribute w panelu SEO i kliknij Save.
  4. Kliknij + w wąskiej kolumnie i wybierz Button. Ustaw Title na „Read more”, Link na wpis i zostaw Type na Primary, a potem kliknij Save.
  5. Kliknij + w wąskiej kolumnie jeszcze raz i wybierz Text; ląduje nad przyciskiem. Wpisz tytuł wpisu jako Heading 2, dodaj zajawkę pod nim i kliknij Save.

Krok 2: dodaj listę i pasek boczny

  1. Najedź na sekcję i kliknij Add Section Below. Dodaj do niej Row z presetem 2/3 + 1/3.
  2. Kliknij + w szerokiej kolumnie i otwórz kartę Drupal Views. Wybierz View: Blog (Blog) i kliknij Save; renderuje twoje wpisy.
  3. Kliknij + w wąskiej kolumnie i otwórz kartę Drupal Views. Wybierz View: Blog (Featured posts) i kliknij Save.
  4. Kliknij + w wąskiej kolumnie jeszcze raz i otwórz kartę Drupal Blocks. Wybierz Block: Forms: Search form i kliknij Save; ląduje nad wyróżnionymi wpisami.

Krok 3: dodaj pas newslettera

  1. Dodaj trzecią sekcję opcją Add Section Below. Otwórz jej More > Settings, wybierz granatowy Background w panelu Style i kliknij Save.
  2. Kliknij + na sekcji i wybierz Button. Ustaw Title na „Subscribe to the newsletter”, Link na /newsletter, a Type na Light, a potem kliknij Save.
  3. Kliknij + jeszcze raz i wybierz Text; ląduje nad przyciskiem. Wpisz „Stay updated” jako Heading 2 i jedną linijkę o newsletterze pod nim. Ustaw Font color na biały w panelu Style i kliknij Save.

Krok 4: zapisz i podejrzyj

  1. Kliknij Save na pasku narzędzi DXPR Builder.
  2. Otwórz menu widoku (ikona oka) i wybierz Preview.

Idź dalej

Niepokazane w filmie:

  • Formularz zapisu: dodaj blok formularza newslettera z karty Drupal Blocks zamiast przycisku; zobacz dodawanie formularzy do stron
  • Kategorie: dodaj do paska bocznego widok kategorii bloga
  • Barwienie paska bocznego: otwórz ustawienia wąskiej kolumny i daj jej jasnoszary Background i trochę wypełnienia w panelu Style.

Efekt

Wyróżniony wpis otwiera stronę: szerokie zdjęcie po lewej, jego tytuł, zajawka i przycisk Read more po prawej. Pod nim twoje wpisy wypełniają szeroką kolumnę, z formularzem wyszukiwania i wyróżnionymi wpisami na pasku bocznym. Stronę zamyka granatowy pas z nagłówkiem Stay updated i przyciskiem Subscribe to the newsletter.

Jeśli nie widzisz swoich wpisów

  • Widoku Blog nie ma na karcie Drupal Views. Widok jest wyłączony albo twój profil użytkownika DXPR Builder go ukrywa. Włącz go w Structure > Views (/admin/structure/views) albo poproś administratora o zaznaczenie go w Views w twoim profilu użytkownika.
  • Kolumna listy pozostaje pusta. Widok nie ma opublikowanych wpisów do pokazania. Opublikuj wpis w Content > Add content > Blog post, a potem przeładuj stronę.
  • Formularza wyszukiwania nie ma na karcie Drupal Blocks. Ten blok dostarcza moduł rdzenia Search. Włącz go w Extend (/admin/modules).
  • Twoje zmiany zniknęły po przeładowaniu. Stronę opuszczono przed kliknięciem Save na pasku narzędzi kreatora. Jeśli Save pokazuje błąd, zobacz Zmiany nie zapisują się.

Co dalej?