robię, robię Linia boczna elastyczne w Divi umożliwia lepsze przeglądanie Twojego bloga, dzięki czemu informacje są lepiej rozprowadzane na ekranie.
Divi to wtyczka do WordPress umożliwienie ciągłego blogowania i edytowania w celu zwiększenia komfortu czytelnika, możesz stworzyć raport dla swojego bloga ten
Oprócz możliwości zaprojektuj swoją stronę z predefiniowanych motywów Divi daje również możliwość rozpoczęcia od nowa, dzięki czemu możesz zbudować swoją witrynę tak, jak chcesz. Kiedy pracujesz z Projekt Divi, pamiętaj, że możesz go modyfikować według sekcji.
Jak zmniejszyć pasek boczny w Divi?
Cóż, najpierw wiesz, czego potrzebujesz dostęp do niektórych kodów na stronie aby móc modyfikować tę opcję.
Musisz zarządzać następującymi kodami, aby móc obniżyć poprzeczkę stronie, pierwszy będzie usuń pasek ale jednocześnie będzie to tylko przycisk, za pomocą którego użytkownik może otwierać i zamykać pasek.
Zwinąć pasek boczny
@ Tylko ekran multimedialny i (min-KID: 981px) {
/ * Rozszerzenie paska bocznego / Przycisk zwijania * /
#db_ukryj_ pasek boczny {
indeks z: 10 000 XNUMX;
inwestycja: 10px;
kursor: wskaźnik;
}
.db_right_sidebar_collapsible #db_hide_sidebar {
prawo: 0;
}
.db_left_sidebar_collapsible #db_hide_sidebar {
po lewej: 0;
}
.et_fixed_nav #db_hide_sidebar {
lokalizacja: zainstalowany
}
.et_non_fixed_nav #db_hide_sidebar {
pozycja: bezwzględna;
}
#db_hide_sidebar: przed {
rodzina czcionek: 'ETModules’;
rozmiar czcionki: 24px;
}
.et_right_sidebar #db_hide_sidebar: przed,
.db_left_sidebar_collapsible.et_full_width_page #db_hide_sidebar: przed {
treść: ’ 39′;
}
.db_right_sidebar_collapsible.et_full_width_page #db_hide_sidebar: przed,
.et_left_sidebar #db_hide_sidebar: przed {
treść: ’ 38′;
}
/ * Upewnij się, że formatowanie pełnej szerokości jest zgodne z formatowaniem paska bocznego * /
.db_sidebar_collapsible.et_full_width_page .et_post_meta_wrapper: pierwsze dziecko {
padding-top: 58px! Świetnie;
}
}
jQuery (funkcja ($) {
if ($ (’# pasek boczny’). length) {
if ($ (’body.et_right_sidebar’). length) {
$ („Dom”). addClass (’db_sidebar_collapsible db_right_sidebar_collapsible’);
$ („# Treść główna”). Udział (
$ (”). kliknij (funkcja () {
$ („Dom”). toggleClass (’et_right_sidebar et_full_width_page’);
$ („# pasek boczny”). przełącznik ();
})
);
$ („Dom”). addClass (’db_collapsible_sidebar’);
} else if ($ (’body.et_left_sidebar’). length) {
$ („Dom”). addClass (’db_sidebar_collapsible db_left_sidebar_collapsible’);
$ („# Treść główna”). Udział (
$ (”). kliknij (funkcja () {
$ („Dom”). toggleClass (’et_left_sidebar et_full_width_page’);
$ („# pasek boczny”). przełącznik ();
})
);
}
}
});
Po prostu skopiuj go i uzyskaj dostęp do WordPressa, znajdź tam sekcję Divi i wybierz „ Opcje motywu ”.
Wybierz zakładkę ” integracja „Teraz wybierz opcję” Aktywuj kod nagłówka „Kontynuuj wklejanie kodu w sekcji” Dodaj kod do swojego bloga ”.
Po skopiowaniu kodu wszystko, co musisz zrobić, to zapisać zmiany i zaktualizować post na blogu, aby zobaczyć zmianę. Obok paska bocznego pojawia się strzałka, która umożliwia łatwe otwieranie i zamykanie paska bocznego.
Usuń separator między zawartością a paskiem bocznym
Zostawiamy Ci drugi kod, za pomocą którego możesz usunąć linię oddzielającą przestrzeń między zawartość ty blog i pasek boczny ten
Dzięki tej funkcji możesz złożyć pasek boczny na blogu Divi będzie wyglądać na większego kiedy czytelnik ograniczać pasek ze strzałką, którą umieściłeś. Kod wygląda tak:
# główna treść .container: przed {background: none;}
Musi teraz powtórz poprzednie kroki , z tym że kod należy wkleić w sekcji ” niestandardowe CSS ” , zapisz zmiany i zaktualizuj opublikowaną stronę bloga.
ZALECENIA
Wielu użytkowników korzysta ze swoich smartfonów, aby uzyskać dostęp do swoich ulubionych blogów, dlatego jest to zalecane zarządzaj treściami w czytelny sposób ten Możesz to również osiągnąć poprzez dodanie rozwijanego menu do Twojej witryny ten
Treść Twojego bloga powinna być tak zorganizowana tworzysz lepszą czytelność pomaga wielu osobom śledzić to, co publikujesz.
W tym celu możesz dodać do swojego bloga różne opcje bardziej interaktywny , takie jak formularze kontaktowe lub komentarze sekcje.
Od teraz radzimy, jeśli masz sieci społecznościowe i masz kontakt ze swoimi czytelnikami, rozważ ich rekomendacje, ale utrzymanie τουτζουρ esencja Twoich treści ten
W ten sposób podejmujesz zobowiązanie Dzięki tworzonym przez Ciebie treściom Twój blog będzie zawsze pełen odwiedzin, możesz też linkować do niektórych produktów lub stron, które zasugerujesz i tym samym zarobić na swojej pracy.
NS’ używanie BreadScrumb do poprawy SEO a przyciąganie odwiedzających to Ważne informacje, które pomogą Ci uzyskać ruch na swoim blogu lub stronie internetowej ten
Na koniec mamy nadzieję, że nasze rekomendacje i ten artykuł bardzo Ci pomogą w poprawie widoczności Twojego bloga.