Como recolher a barra lateral no Divi?
Bem, primeiro você deve saber que você terá que acesse alguns códigos na página para poder alterar esta opção.
Você precisa gerenciar os seguintes códigos para poder recolher a Barra Lateral, o primeiro será para fazer a barra desaparecer mas ao mesmo tempo será apenas um botão que o usuário poderá usar para abrir e fechar a barra.
Tornar a barra lateral dobrável
@media screen apenas e (min-KID: 981px) {
/ * Expandir / recolher o botão da barra lateral * /
#db_hide_sidebar {
índice z: 10000;
preenchimento: 10px;
cursor: ponteiro;
}
.db_right_sidebar_collapsible #db_hide_sidebar {
direita: 0;
}
.db_left_sidebar_collapsible #db_hide_sidebar {
esquerda: 0;
}
.et_fixed_nav #db_hide_sidebar {
posição: fixa;
}
.et_non_fixed_nav #db_hide_sidebar {
posição: absoluta;
}
#db_hide_sidebar: prime em {
família de fontes: 'ETModules';
tamanho da fonte: 24px;
}
.et_right_sidebar #db_hide_sidebar: prima,
.db_left_sidebar_collapsible.et_full_width_page #db_hide_sidebar: prima di {
conteúdo: '39';
}
.db_right_sidebar_collapsible.et_full_width_page #db_hide_sidebar: prima,
.et_left_sidebar #db_hide_sidebar: prima di {
conteúdo: '38';
}
/ * Verifique se a formatação de largura total corresponde à formatação da barra lateral * /
.db_sidebar_collapsible.et_full_width_page.et_post_meta_wrapper: primo figlio {
preenchimento superior: 58px! importante;
}
}
jQuery (função ($) {
if ($ ('# barra lateral'). comprimento) {
if ($ ('body.et_right_sidebar'). lunghezza) {
$ ('body') addClass ('db_sidebar_collapsible db_right_sidebar_collapsible');
$ ('# conteúdo principal').
$ (' ').clique (função () {
$ ('corpo') toggleClass ('et_right_sidebar et_full_width_page');
$ ('# barra lateral').
})
);
$ ('corpo') addClass ('db_collapsible_sidebar');
} else if ($ ('body.et_left_sidebar'). lunghezza) {
$ ('body') addClass ('db_sidebar_collapsible db_left_sidebar_collapsible');
$ ('# conteúdo principal').
$ (' ').clique (função () {
$ ('corpo') toggleClass ('et_left_sidebar et_full_width_page');
$ ('# barra lateral').
})
);
}
}
});
Você só terá que copiá-lo e fazer login no WordPress, uma vez lá, localize a seção Divi e selecione " Opções de temas ".
Selecione a aba " integração ", Agora habilite a opção" Ativar código de cabeçalho ", Continue colando o código na seção" Adicionar código a do seu blog ".
Depois de copiar o código, você só precisa salvar suas alterações e atualizar a página ativa do seu blog para poder ver a alteração. Uma seta aparecerá ao lado da barra lateral, permitindo que você abra e feche facilmente a barra lateral.
Remova o divisor entre o conteúdo e a barra lateral
Deixamos-lhe um segundo código com o qual pode remover a barra que divide o espaço entre os conteúdo De blog e a barra lateral.
Com esse recurso, ao recolher a barra lateral no Divi, o blog vai ser mais largo quando o leitor comprime a barra graças à seta que você posicionou. O código é o seguinte:
# main-content.container: antes de {background: none;}
Agora você tem que repita os passos anteriores, com a única diferença de que o código deve ser colado na seção " CSS customizado “, Salve suas alterações e atualize a página ao vivo do seu blog.
conselho
Muitos usuários usam seus smartphones para acessar seus blogs favoritos, por isso recomendamos gerenciar o conteúdo para facilitar a leitura. Outra maneira de fazer isso é adicionar um menu dobrável ao seu site.
O conteúdo do seu blog deve ser organizado, de forma para gerar melhor legibilidade, isso ajuda muitas pessoas a seguir o conteúdo que você publica.
Você pode adicionar várias opções ao seu blog que o tornam mais interativo, como formulários de contato ou seções de comentários.
Agora aconselhamos que se você tem redes sociais e tem contato com seus leitores, leve em consideração os conselhos deles, mas manutenção sempre a essência do seu conteúdo.
assim gerar engajamento com o conteúdo que você produz, isso manterá seu blog sempre cheio de visitas, você também poderá usar os links para alguns produtos ou páginas que você recomenda e assim rentabilizar um pouco o seu trabalho.
Uma informação importante que o ajudará a obter visitas ao seu blog ou site é usar o BreadScrumb para melhorar o SEO e atrair visitantes.
Por fim, esperamos que nossos conselhos e este artigo sejam de grande ajuda para você melhorar a exibição do seu blog.
