Zrób zwijane Pasek boczny w Divi umożliwia lepsze przeglądanie bloga, dzięki czemu informacje mogą być lepiej rozprowadzane na ekranie.
Divi to wtyczka do WordPressa, która umożliwia tworzenie blogów i ich ciągłą edycję, aby w ten sposób poprawić czytelnik możesz zwiększyć atrakcyjność swojego bloga.
Oprócz możliwości zaprojektowania strony na podstawie wcześniej ustalonych motywów, Divi daje również możliwość rozpoczęcia od zera, a tym samym możliwość stworzenia strony według własnych upodobań. Kiedy pracujesz z projektem Divi, pamiętaj, że możesz go zmieniać według sekcji.
Jak zwinąć pasek boczny w Divi?
Cóż, najpierw powinieneś wiedzieć, że będziesz musiał uzyskać dostęp do niektórych kodów na stronie aby móc edytować tę opcję.
Musisz obsłużyć następujące kody, aby móc zwinąć pasek boczny, pierwszy będzie dotyczył spraw, aby pasek zniknął ale jednocześnie będzie to tylko przycisk, którego użytkownik może używać do otwierania i zamykania paska.
Zwiń pasek boczny
Ekran @ media only i (min-KID: 981px) {
/ * Przycisk rozwijania / zwijania paska bocznego * /
#db_hide_sidebar {
indeks z: 10000;
wypełnienie: 10px;
kursor: wskaźnik;
}
.db_right_sidebar_collapsible #db_hide_sidebar {
po prawej: 0;
}
.db_left_sidebar_collapsible #db_hide_sidebar {
po lewej: 0;
}
.et_fixed_nav #db_hide_sidebar {
pozycja: stała;
}
.et_non_fixed_nav #db_hide_sidebar {
pozycja: bezwzględna;
}
#db_hide_sidebar: before {
rodzina czcionek: „ETModules”;
rozmiar czcionki: 24px;
}
.et_right_sidebar #db_hide_sidebar: przed,
.db_left_sidebar_collapsible.et_full_width_page #db_hide_sidebar: before {
treść: ’ 39′;
}
.db_right_sidebar_collapsible.et_full_width_page #db_hide_sidebar: przed,
.et_left_sidebar #db_hide_sidebar: before {
treść: ’ 38′;
}
/ * Upewnij się, że formatowanie o pełnej szerokości odpowiada formatowaniu paska bocznego * /
.db_sidebar_collapsible.et_full_width_page .et_post_meta_wrapper: first-child {
padding-top: 58px! ważne;
}
}
Musisz tylko skopiować ten kod i uzyskać dostęp do WordPressa, a następnie zlokalizuj sekcję Divi i wybierz „Opcje motywu”.
Wybierz kartę „Integracja„, Teraz włącz opcję”Włącz kod nagłówka„, Kontynuuj wklejanie kodu w sekcji”Dodaj kod do tagu swojego bloga”.
Po skopiowaniu kodu wystarczy zapisać zmiany i zaktualizować działającą stronę swojego bloga, aby zobaczyć zmianę. Obok paska bocznego pojawi się strzałka, umożliwiająca łatwe otwieranie i zamykanie paska.
Usuń pasek podziału między zawartością a paskiem bocznym
Zostawiamy Ci drugi kod, za pomocą którego możesz usunąć pasek, który dzieli przestrzeń między zawartość bloga i pasek boczny.
Dzięki tej funkcji podczas zwijania paska bocznego w Divi, blog będzie wyglądać szerzej gdy czytnik zwinie pasek dzięki umieszczonej strzałce. Kod jest następujący:
# main-content .container: before {background: none;}
Teraz musisz powtórz powyższe kroki, z tą różnicą, że kod należy wkleić w sekcji „Niestandardowe CSS”, Zapisz zmiany i zaktualizuj opublikowaną stronę swojego bloga.
zalecenia
Wielu użytkowników korzysta ze swoich smartfonów, aby uzyskać dostęp do swoich ulubionych blogów, więc jest to zalecane obsługiwać treść w sposób ułatwiający jej czytanie. Innym sposobem na osiągnięcie tego jest dodanie do witryny rozwijanego menu.
Treść Twojego bloga również musi być uporządkowana generujesz lepszą czytelność, pomaga to wielu osobom śledzić publikowane przez Ciebie treści.
Możesz dodać do swojego bloga różne opcje, które to robią bardziej interaktywne, takie jak formularze kontaktowe czy sekcje komentarzy.
Teraz radzimy Ci, jeśli masz sieci społecznościowe i masz kontakt z czytelnikami, weź pod uwagę ich zalecenia, ale zawsze zachowując istotę treści.
W ten sposób generujesz zaangażowanie Dzięki treściom, które tworzysz, dzięki temu Twój blog będzie zawsze pełen odwiedzin, możesz również użyć linków do niektórych produktów lub stron, które polecasz, a tym samym trochę zarabiać na swojej pracy.
Ważną informacją, która pomoże Ci uzyskać odwiedziny na Twoim blogu lub stronie internetowej, jest użycie BreadScrumb w celu poprawy SEO i przyciągnięcia odwiedzających.
Mamy wreszcie nadzieję, że nasze zalecenia i ten artykuł będą bardzo pomocne w ulepszaniu wyświetlania Twojego bloga.
