Skip to content

Sivupalkin kokoaminen helposti Divissä (esimerkki)

31 de elokuu de 2021
icono de Divi con fondo morado

Tee kokoontaitettavaksi Sivupalkki Divissä mahdollistaa blogin katsomisen paremmin, joten tiedot voidaan jakaa paremmin näytöllä.

Divi on WordPress -laajennus, jonka avulla voit luoda blogeja ja muokata niitä jatkuvasti parantaaksesi lukukokemusta tällä tavalla voit luoda vetovoimaa blogiisi.

Sen lisäksi, että Divi voi suunnitella sivusi ennalta määritetyistä teemoista, se antaa sinulle mahdollisuuden aloittaa alusta ja siten luoda sivusi oman maun mukaan. Kun työskentelet Divi -mallin kanssa, muista, että voit muuttaa sitä osion mukaan.

Ensin sinun pitäisi tietää, että sinun täytyy käyttää joitain sivulla olevia koodeja voidaksesi muokata tätä vaihtoehtoa.

Sinun on käsiteltävä seuraavat koodit, jotta voit tiivistää sivupalkin, ensimmäinen on tarkoitettu saa palkin katoamaan mutta samalla se on vain painike, jota käyttäjä voi käyttää palkin avaamiseen ja sulkemiseen.

@media only screen ja (min-KID: 981px) {

/ * Sivupalkin laajennus- / tiivistyspainike * /

#db_hide_sidebar {

z-indeksi: 10000;

pehmuste: 10px;

kohdistin: osoitin;

}

.db_right_sidebar_collapsible #db_hide_sidebar {

oikea: 0;

}

.db_left_sidebar_collapsible #db_hide_sidebar {

vasen: 0;

}

.et_fixed_nav #db_hide_sidebar {

asento: kiinteä;

}

.et_non_fixed_nav #db_hide_sidebar {

sijainti: absoluuttinen;

}

#db_hide_sidebar: ennen {

font-family: ’ETModules’;

fontin koko: 24px;

}

.et_right_sidebar #db_hide_sidebar: ennen,

.db_left_sidebar_collapsible.et_full_width_page #db_hide_sidebar: ennen {

sisältö: ’ 39’;

}

.db_right_sidebar_collapsible.et_full_width_page #db_hide_sidebar: before,

.et_left_sidebar #db_hide_sidebar: ennen {

sisältö: ’ 38’;

}

/ * Varmista, että koko leveyden muotoilu vastaa sivupalkin muotoilua * /

.db_sidebar_collapsible.et_full_width_page .et_post_meta_wrapper: ensimmäinen lapsi {

toppaus: 58px! tärkeä;

}

}

Sinun tarvitsee vain kopioida tämä koodi ja käyttää WordPressiä, kun olet siellä, etsi Divi -osio ja valitse ”Teema-asetukset”.

Valitse välilehti ”Liittäminen”, Ota nyt vaihtoehto käyttöön”Ota otsikkokoodi käyttöön”, Jatka koodin liittämistä osioon”Lisää koodi blogisi

”.

Kun koodi on kopioitu, sinun on vain tallennettava muutokset ja päivitettävä blogisi live -sivu, jotta näet muutoksen. Sivupalkin viereen ilmestyy nuoli, jonka avulla voit helposti avata ja sulkea sivupalkin.

Jätämme sinulle toisen koodin, jolla voit poistaa palkin, joka jakaa tilan blogin sisältö ja sivupalkki.

Tämä ominaisuus, kun kokoat sivupalkin Divissä, blogissa se näyttää leveämmältä kun lukija romauttaa palkin asettamasi nuolen ansiosta. Koodi on seuraava:

# main-content .container: before {background: none;}

Nyt sinun täytyy toista yllä olevat vaiheet, sillä ainoalla erolla, että koodi on liitettävä kohtaan ”Mukautettu css”, Tallenna muutokset ja päivitä blogisi live -sivu.

suosituksia

Monet käyttäjät käyttävät älypuhelimia suosikkiblogiensa käyttämiseen, joten on suositeltavaa käsittele sisältöä tavalla, joka helpottaa sen lukemista. Toinen tapa saavuttaa tämä on lisätä kokoontaitettava valikko verkkosivustollesi.

Blogisi sisältö on järjestettävä näin luet parempaa luettavuutta, tämä auttaa monia ihmisiä seuraamaan julkaisemaasi sisältöä.

Divi -sivupalkin asettelu

Voit lisätä blogiisi erilaisia ​​vaihtoehtoja, jotka tekevät sen interaktiivisempi, kuten yhteydenottolomakkeet tai kommenttiosiot.

Suosittelemme nyt, että jos sinulla on sosiaalisia verkostoja ja olet yhteydessä lukijoihisi, ota heidän suositukset huomioon, mutta aina pitämällä sisällön ydin.

Tällä tavalla synnytät sitoutumista Tuotamasi sisällön ansiosta tämä pitää blogisi aina täynnä vierailuja, voit myös käyttää linkkejä joihinkin suosittelemiisi tuotteisiin tai sivuille ja siten ansaita rahaa työstäsi.

Tärkeä tieto, joka auttaa sinua vierailemaan blogissasi tai verkkosivustollasi, on BreadScrumbin käyttö SEO: n parantamiseen ja kävijöiden houkuttelemiseen.

Lopuksi toivomme, että suosituksemme ja tämä artikkeli auttavat sinua parantamaan blogisi visualisointia.