Configurar o Shortcode do Plugin do Filtro do Blog

Plugin de filtro de blog usado para categorizar sua postagem de blog facilmente em seu site. Adicionar e configurar o shortcode do plug-in de filtro de blog em seus sites WordPress são explicados pelo desenvolvedor abaixo. Use a configuração disponível para gerenciar o shortcode, para que você não precise gerar novamente um shortcode novo.

Este é o código de acesso padrão

[AWL-BlogFilter blog_template="template1" blog_col_large_desktops="col-lg-4" blog_col_desktops="col-md-4" blog_col_tablets="col-sm-6" blog_col_phones="col-xs-12" blog_image="yes" blog_image_link="yes" blog_image_lightbox="yes" blog_image_hover_effect="hover1" blog_image_quality="medium" blog_title="yes" blog_title_font_size="25" blog_title_color="#000" blog_desc="yes" blog_desc_characters="100" blog_desc_font_size="14" blog_desc_color="#a4a6ac" blog_desc_box_color="#EDEEF0" blog_read_more="yes" blog_read_more_text="Read More" blog_date="yes" blog_author_below_image="yes" blog_order_by="date" blog_order="DESC" blog_filter_order_by="title" blog_filter_order="ASC" blog_pagination="yes" blog_pagination_color="#58BBEE" blog_per_page="12" blog_filters="yes" blog_search="yes" blog_filtering="blog_category" blog_buttons_color="#58BBEE" selected_categories="11,5" exclude_categories="" default_cat_filter="none" custom-css=" " ]

Você não precisa gerar o shortcode, uma e outra vez, você pode editar Edit / Update Blog Filter Shortcode diretamente na página.

Você pode ver que cada chave tem um valor para cada configuração, estamos mostrando a você como editar o shortcode sem regenerá-lo.

1. Modelo de blog e configurações de coluna

1.1 Direção do modelo da direita para a esquerda

Você pode alterar a direção do modelo da direita para a esquerda para definir "Sim" ou "Não"

(i) Da direita para a esquerda: [AWL-BlogFilter blog_direction="rtl"]

(ii) Da esquerda para a direita: [AWL-BlogFilter blog_direction="ltr"]

1.2 Modelo de blog

Você pode selecionar 3 modelos de design para esta configuração.

(i) Para selecionar o modelo 1: [AWL-BlogFilter blog_template="template1"]

(ii) Para selecionar o modelo 2: [AWL-BlogFilter blog_template="template2"]

(iii) Para selecionar o modelo 2: [AWL-BlogFilter blog_template="template3"]

1.3 Colunas de blog em grandes desktops

Você pode alterar a coluna para grandes áreas de trabalho.

(i) Para selecionar 1 coluna: [AWL-BlogFilter blog_col_large_desktops="col-lg-12"]

(ii) Para selecionar 2 colunas: [AWL-BlogFilter blog_col_large_desktops="col-lg-6"]

(iii) Para selecionar 3 colunas: [AWL-BlogFilter blog_col_large_desktops="col-lg-4"]

(iv) Para selecionar 4 colunas: [AWL-BlogFilter blog_col_large_desktops="col-lg-3"]

(v) Para selecionar 6 colunas: [AWL-BlogFilter blog_col_large_desktops="col-lg-2"]

(vi) Para selecionar 12 colunas: [AWL-BlogFilter blog_col_large_desktops="col-lg-1"]

1.4 Colunas de blog em desktops

Você pode alterar a coluna para desktops.

(i) Para selecionar 1 coluna: [AWL-BlogFilter blog_col_desktops="col-md-12"]

(ii) Para selecionar 2 colunas: [AWL-BlogFilter blog_col_desktops="col-md-6"]

(iii) Para selecionar 3 colunas: [AWL-BlogFilter blog_col_desktops="col-md-4"]

(iv) Para selecionar 4 colunas: [AWL-BlogFilter blog_col_desktops="col-md-3"]

(v) Para selecionar 6 colunas: [AWL-BlogFilter blog_col_desktops="col-md-2"]

(vi) Para selecionar 12 colunas: [AWL-BlogFilter blog_col_desktops="col-md-1"]

1.5 Colunas de blog em tablets

Você pode alterar a coluna para tablets.

(i) Para selecionar 1 coluna: [AWL-BlogFilter blog_col_tablets="col-sm-12"]

(ii) Para selecionar 2 colunas: [AWL-BlogFilter blog_col_tablets="col-sm-6"]

(iii) Para selecionar 3 colunas: [AWL-BlogFilter blog_col_tablets="col-sm-4"]

(iv) Para selecionar 4 colunas: [AWL-BlogFilter blog_col_tablets="col-sm-3"]

(v) Para selecionar 6 colunas: [AWL-BlogFilter blog_col_tablets="col-sm-2"]

1.6 Colunas de blog em telefones

Você pode alterar a coluna para telefones.

(i) Para selecionar 1 coluna: [AWL-BlogFilter blog_col_phones="col-xs-12"]

(ii) Para selecionar 2 colunas: [AWL-BlogFilter blog_col_phones="col-xs-6"]

(iii) Para selecionar 3 colunas: [AWL-BlogFilter blog_col_phones="col-xs-4"]

(iv) Para selecionar 4 colunas: [AWL-BlogFilter blog_col_phones="col-xs-3"]

2. Configurações de imagem do blog

2.1 Mostrar imagem do blog

Você pode definir sim ou não para mostrar ou ocultar a imagem do blog.

(i) Para mostrar a imagem: [AWL-BlogFilter blog_image="yes"]

(ii) Para ocultar a imagem: [AWL-BlogFilter blog_image="no"]

2.2 Link na imagem

Você pode definir sim ou não para adicionar ou remover o link do blog na imagem do blog.

(i) Para adicionar o link na imagem: [AWL-BlogFilter blog_image_link="yes"]

(ii) Para remover o link na imagem: [AWL-BlogFilter blog_image_link="no"]

2.3 Lightbox na imagem

Você pode definir sim ou não para adicionar ou remover lightbox na imagem do blog.

(i) Para adicionar lightbox na imagem: [AWL-BlogFilter blog_image_lightbox="yes"]

(ii) Para remover o lightbox da imagem: [AWL-BlogFilter blog_image_lightbox="no"]

2.4 Efeito de Passagem da Imagem

Você pode selecionar 5 tipos de efeitos de haver para a imagem do blog.

(i) Para definir o primeiro efeito de foco na imagem: [AWL-BlogFilter blog_image_hover_effect="hover1"]

(ii) Para definir o segundo efeito de foco na imagem: [AWL-BlogFilter blog_image_hover_effect="hover2"]

(iii) Para definir o terceiro efeito de foco na imagem: [AWL-BlogFilter blog_image_hover_effect="hover3"]

(iv) Para definir o quarto efeito de foco na imagem: [AWL-BlogFilter blog_image_hover_effect="hover4"]

(v) Para definir o quinto efeito de foco na imagem: [AWL-BlogFilter blog_image_hover_effect="hover5"]

(vi) se você não quiser nenhum efeito de foco: [AWL-BlogFilter blog_image_hover_effect="none"]

2.5 Qualidade de Imagem

Você pode selecionar entre 4 tipos de opções de qualidade de imagem para a imagem do blog.

(i) Para definir o tamanho de 150×150 px para a imagem do blog: [AWL-BlogFilter blog_image_quality="thumbnail"]

(ii) Para definir o tamanho de 300×169 px para a imagem do blog: [AWL-BlogFilter blog_image_quality="medium"]

(iii) Para definir o tamanho de 840×473 px para a imagem do blog: [AWL-BlogFilter blog_image_quality="large"]

(iv) Para definir o tamanho total da imagem do blog: [AWL-BlogFilter blog_image_quality="full"]

3. Configurações do título do blog

3.1 Mostrar título do blog

Você pode definir sim ou não para mostrar ou ocultar o título do blog.

(i) Para mostrar o título: [AWL-BlogFilter blog_title="yes"]

(ii) Para ocultar o título: [AWL-BlogFilter blog_title="no"]

3.2 Imagem de sopro do título do blog

Você pode selecionar sim ou não para mostrar título abaixo da imagem ou Mostrar título acima da imagem.

(i) Título abaixo da imagem: [AWL-BlogFilter blog_title_below_image="yes"]

(ii) Para colocar o título na imagem: [AWL-BlogFilter blog_title_below_image="no"]

3.3 Link no título

Você pode selecionar sim ou não para adicionar ou remover o link do blog no título do blog.

(i) Para adicionar o link ao título: [AWL-BlogFilter blog_title_link="yes"]

(ii) Para remover o link para o título: [AWL-BlogFilter blog_title_link="no"]

3.4 Cor do Texto do Título

Você pode alterar a cor do texto do título do blog.

(i) Para alterar a cor do título, cole o código em vírgulas invertidas: [AWL-BlogFilter blog_title_color="#000"]

Para obter um código de cores clique aqui

3.5 Tamanho da fonte do título

Você pode alterar o tamanho do texto do título do blog.

(i) Para alterar o valor de alteração do tamanho do texto do título em vírgulas: [AWL-BlogFilter blog_title_font_size="25"]

4. Configurações de descrição do blog

4.1 Mostrar descrição do blog

Você pode definir sim ou não para mostrar ou ocultar a descrição do blog.

(i) Para mostrar a descrição: [AWL-BlogFilter blog_desc="yes"]

(ii) Para ocultar a descrição: [AWL-BlogFilter blog_desc="no"]

4.2 Cor do Texto de Descrição

Você pode alterar a cor do texto da descrição do blog.

(i) Para alterar a cor da descrição, cole o código da cor entre aspas:

[AWL-BlogFilter blog_desc_color="#a4a6ac"]

Para obter um código de cores clique aqui

4.3 Cor da Caixa de Descrição

Você pode alterar a cor da caixa de descrição do blog.

(i) Para alterar a cor da caixa de descrição, cole o código da cor entre aspas:

[AWL-BlogFilter blog_desc_box_color="#EDEEF0"]

Para obter um código de cores clique aqui

4.4 Descrição Tamanho da Fonte

Você pode alterar o tamanho do texto da descrição do blog.

(i) Para alterar o tamanho do texto da descrição, altere o valor para aspas:

[AWL-BlogFilter blog_desc_font_size="25"]

4.5 Quantos caracteres aparecem na descrição

Você pode alterar o tamanho do limite de palavras da descrição do blog se você definiu ler mais ou trecho, então você não pode obter mais palavras na descrição do blog.

(i) Para alterar o limite de caracteres de descrição, altere o valor para aspas:

[AWL-BlogFilter blog_desc_characters="100"]

5. Configurações de link (URL)

5.1 Mostrar link Leia mais

Você pode definir sim ou não para mostrar ou ocultar o link Leia mais.

(i) Para mostrar o link leia mais: [AWL-BlogFilter blog_read_more="yes"]

(ii) Para ocultar o link leia mais: [AWL-BlogFilter blog_read_more="no"]

5.2 Link aberto em nova guia

Você pode definir o valor do link de redirecionamento na nova guia ou na mesma guia.

(i) Para definir o link na nova guia: [AWL-BlogFilter blog_title="_blank"]

(ii) Para definir o link na mesma aba, você pode deixá-lo em branco ou NULL: [AWL-BlogFilter blog_title=""]

5.3 Texto para o link “Leia mais”

Você altera o texto de “leia mais”.

(i) Para alterar o valor wright entre aspas: [AWL-BlogFilter blog_read_more_text="Read More"]

6.1 Mostrar data de postagem

Você pode definir sim ou não para mostrar ou ocultar a data de postagem.

(i) Para mostrar a data da postagem: [AWL-BlogFilter blog_date="yes"]

(ii) Para ocultar a data da postagem: [AWL-BlogFilter blog_date="no"]

6.2 Mostrar data abaixo da imagem

Você pode definir sim ou não para mostrar a data de postagem abaixo da imagem ou acima da imagem.

(i) Para mostrar a data abaixo da imagem: [AWL-BlogFilter blog_date_below_image="yes"]

(ii) Para mostrar a data na parte superior da imagem: [AWL-BlogFilter blog_date_below_image="no"]

6.3 Mostrar autor da postagem

Você pode definir sim ou não para mostrar ou ocultar o autor da postagem.

(i) Para mostrar o autor da postagem: [AWL-BlogFilter blog_author="yes"]

(ii) Para ocultar o autor da postagem: [AWL-BlogFilter blog_author="no"]

6.4 Mostrar data abaixo da imagem

Você pode definir sim ou não para mostrar a data de postagem abaixo da imagem ou acima da imagem.

(i) Para mostrar o autor abaixo da imagem: [AWL-BlogFilter blog_author_below_image="yes"]

(ii) Para mostrar o autor na parte superior da imagem: [AWL-BlogFilter blog_author_below_image="no"]

6.5 Mostrar categorias de postagem

Você pode definir sim ou não para mostrar ou ocultar as categorias de postagem.

(i) Para mostrar as categorias de postagem: [AWL-BlogFilter blog_categories="yes"]

(ii) Para ocultar as categorias de postagem: [AWL-BlogFilter blog_categories="no"]

6.6 Mostrar tags de postagem

Você pode definir sim ou não para mostrar ou ocultar as tags de postagem.

(i) Para mostrar as tags de postagem: [AWL-BlogFilter blog_tags="yes"]

(ii) Para ocultar as tags de postagem: [AWL-BlogFilter blog_tags="no"]

7.1 Paginação

Você pode definir sim ou não para mostrar ou ocultar a paginação.

(i) Para mostrar a paginação: [AWL-BlogFilter blog_pagination="yes"]

(ii) Para ocultar a paginação: [AWL-BlogFilter blog_pagination="no"]

7.2 Cor da Paginação

Você pode alterar a cor da paginação do blog.

(i) Para alterar a cor da paginação, cole o código da cor entre aspas:

[AWL-BlogFilter blog_pagination_color="#58BBEE"]

Para obter um código de cores clique aqui

7.3 Blogs por página

Você pode alterar o limite de blog por página se quiser mostrar todos os blogs em uma única página, defina zero (0) no valor e defina 'não' na paginação.

(i) Para alterar o limite de blog por página, altere o valor para aspas:

[AWL-BlogFilter blog_per_page="25"]

Você pode ativar ou desativar o efeito de foco em miniatura.

(i) Para ativar o efeito de foco: [AWL-BlogFilter blog_thumb_hover="yes"]

(ii) Para desativar o efeito de foco: [AWL-BlogFilter blog_thumb_hover="no"]

10.2 Espaçamento de Miniaturas

(i) Para alterar o espaçamento das miniaturas, altere o valor para aspas:

[AWL-BlogFilter blog_thumb_spac="5"]

11.1 Mostrar Filtros

Você pode definir sim ou não para mostrar ou ocultar filtros.

(i) Para mostrar os filtros: [AWL-BlogFilter blog_filters="yes"]

(ii) Para ocultar os filtros: [AWL-BlogFilter blog_filters="no"]

11.2 Mostrar Filtro “Todos”

Você pode definir sim ou não para mostrar ou ocultar o filtro “Todos”.

(i) Para mostrar o filtro “Todos”: [AWL-BlogFilter blog_filter_all="yes"]

(ii) Para ocultar o filtro “Todos”: [AWL-BlogFilter blog_filter_all="no"]

11.3 Texto para o botão “Todos”

Você pode alterar o texto do botão "Todos".

(i) Para alterar o texto do botão “Todos”, altere o valor para aspas:

[AWL-BlogFilter blog_all_text="All"]

11.4 Multi-filtro ao mesmo tempo

Você pode definir sim ou não para a função multi-filtro.

(i) Ativar a função multifiltro: [AWL-BlogFilter blog_multi_filter="yes"]

(ii) Desativar a função multifiltro: [AWL-BlogFilter blog_multi_filter="no"]

11.5 Lógica “E” para Multi-Filtro

Você pode usar sim ou não para E lógica na função multi-filtro.

(i) Ativar a lógica “E” de vários filtros: [AWL-BlogFilter blog_multi_filter_logic="yes"]

(ii) Desativar a lógica “E” de vários filtros: [AWL-BlogFilter blog_multi_filter_logic="no"]

11.6 Mostrar campo de pesquisa

Você pode definir sim ou não para mostrar ou ocultar o campo de pesquisa.

(i) Para mostrar o campo de pesquisa: [AWL-BlogFilter blog_search="yes"]

(ii) Para ocultar o campo de pesquisa: [AWL-BlogFilter blog_search="no"]

11.7 Texto para o campo de pesquisa

Você pode alterar o texto do campo de pesquisa.

(i) Para alterar o texto do campo de pesquisa, altere o valor para aspas:

[AWL-BlogFilter blog_search_text="Search"]

11.8 Cor dos Botões

Você pode alterar a cor do botão do blog.

(i) Para alterar a cor do botão, cole o código de cor entre aspas:

[AWL-BlogFilter blog_buttons_color="#58BBEE"]

Para obter um código de cores clique aqui

11.9 Filtrando com

Você pode alterar a opção de filtragem.

(i) Para definir categorias de blog como filtro: [AWL-BlogFilter blog_filtering="blog_category"]

(ii) Para definir tags de blog como filtro: [AWL-BlogFilter blog_filtering="blog_tag"]

11.10 Filtro padrão

Você pode definir qualquer filtro para o filtro selecionado padrão no carregamento da página

(i) Se você estiver usando a categoria como opção de filtragem, altere o ID da categoria para aspas:

[AWL-BlogFilter default_cat_filter="27"]

(ii) Se você estiver usando tag como opção de filtragem, altere o id da tag para aspas:

[AWL-BlogFilter default_tag_filter="27"]

11.11 Categorias ou tags selecionadas para blogs

Para alterar os IDs de categorias e tags diretamente do shortcode, altere o valor para vírgulas:

(i) Se você estiver usando a categoria como opção de filtragem: [AWL-BlogFilter selected_categories="2,5,8,15,20,25"]

(ii) Se você estiver usando tag como opção de filtragem: [AWL-BlogFilter selected_tags="2,5,8,15,20,25"]

11.12 Excluir postagem

Você pode excluir postagens relacionadas a algumas categorias ou tags, alterar o valor para vírgulas:

(i) Se você estiver usando a categoria como opção de filtragem: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]

(ii) Se você estiver usando tag como opção de filtragem: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]