Configurar el código abreviado del complemento de filtro de blog

Complemento de filtro de blog utilizado para categorizar su publicación de blog fácilmente en su sitio. El desarrollador explica a continuación cómo agregar y configurar el código abreviado del complemento de filtro de blog en sus sitios de WordPress. Use la configuración disponible para administrar el código corto, por lo que no necesita regenerar el código corto una vez.

Este es el código abreviado predeterminado

[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=" " ]

No tiene que generar código corto, una y otra vez, puede editar Editar / Actualizar código corto de filtro de blog directamente en la página.

Puede ver que cada clave tiene un valor para cada configuración, le mostramos cómo editar el shortcode sin regenerarlo.

1. Plantilla de blog y configuración de columnas

1.1 Dirección de la plantilla de derecha a izquierda

Puede cambiar la dirección de la plantilla de derecha a izquierda para establecer "Sí" o "No"

(i) De derecha a izquierda: [AWL-BlogFilter blog_direction="rtl"]

(ii) De izquierda a derecha: [AWL-BlogFilter blog_direction="ltr"]

1.2 Plantilla de blog

Puede seleccionar 3 diseños de plantilla para esta configuración.

(i) Para seleccionar la plantilla 1: [AWL-BlogFilter blog_template="template1"]

(ii) Para seleccionar la plantilla 2: [AWL-BlogFilter blog_template="template2"]

(iii) Para seleccionar la plantilla 2: [AWL-BlogFilter blog_template="template3"]

1.3 Columnas de blog en escritorios grandes

Puede cambiar la columna para escritorios grandes.

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

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

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

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

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

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

1.4 Columnas de blog en escritorios

Puede cambiar la columna para escritorios.

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

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

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

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

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

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

1.5 Columnas de blog en tabletas

Puede cambiar la columna para dispositivos de tableta.

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

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

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

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

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

1.6 Columnas de blog en teléfonos

Puede cambiar la columna para los teléfonos.

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

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

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

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

2. Configuración de la imagen del blog

2.1 Mostrar imagen de blog

Puede configurar sí o no para mostrar u ocultar la imagen del blog.

(i) Para mostrar la imagen: [AWL-BlogFilter blog_image="yes"]

(ii) Para ocultar la imagen: [AWL-BlogFilter blog_image="no"]

2.2 Enlace en la imagen

Puede configurar sí o no para agregar o eliminar el enlace del blog en la imagen del blog.

(i) Para agregar el enlace en la imagen: [AWL-BlogFilter blog_image_link="yes"]

(ii) Para eliminar el enlace de la imagen: [AWL-BlogFilter blog_image_link="no"]

2.3 Caja de luz en la imagen

Puede configurar sí o no para agregar o eliminar lightbox en la imagen del blog.

(i) Para agregar una caja de luz en la imagen: [AWL-BlogFilter blog_image_lightbox="yes"]

(ii) Para eliminar el cuadro de luz en la imagen: [AWL-BlogFilter blog_image_lightbox="no"]

2.4 Efecto de desplazamiento de imagen

Puede seleccionar 5 tipos de efectos haver para la imagen del blog.

(i) Para configurar el primer efecto de desplazamiento sobre la imagen: [AWL-BlogFilter blog_image_hover_effect="hover1"]

(ii) Para configurar el segundo efecto de desplazamiento sobre la imagen: [AWL-BlogFilter blog_image_hover_effect="hover2"]

(iii) Para establecer el tercer efecto de desplazamiento sobre la imagen: [AWL-BlogFilter blog_image_hover_effect="hover3"]

(iv) Para establecer el cuarto efecto de desplazamiento sobre la imagen: [AWL-BlogFilter blog_image_hover_effect="hover4"]

(v) Para establecer el quinto efecto de desplazamiento sobre la imagen: [AWL-BlogFilter blog_image_hover_effect="hover5"]

(vi) si no desea ningún efecto de desplazamiento: [AWL-BlogFilter blog_image_hover_effect="none"]

2.5 Calidad de imagen

Puede seleccionar entre 4 tipos de opciones de calidad de imagen para la imagen del blog.

(i) Para establecer el tamaño de 150 × 150 px para la imagen del blog: [AWL-BlogFilter blog_image_quality="thumbnail"]

(ii) Para establecer el tamaño de 300 × 169 px para la imagen del blog: [AWL-BlogFilter blog_image_quality="medium"]

(iii) Para establecer el tamaño de 840 × 473 px para la imagen del blog: [AWL-BlogFilter blog_image_quality="large"]

(iv) Para configurar el tamaño completo de la imagen del blog: [AWL-BlogFilter blog_image_quality="full"]

3. Configuración del título del blog

3.1 Mostrar título del blog

Puede configurar sí o no para mostrar u ocultar el título del blog.

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

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

3.2 Imagen de golpe de título de blog

Puede seleccionar sí o no para mostrar el título debajo de la imagen o Mostrar título arriba de la imagen.

(i) Para titular debajo de la imagen: [AWL-BlogFilter blog_title_below_image="yes"]

(ii) Para titular la parte superior de la imagen: [AWL-BlogFilter blog_title_below_image="no"]

3.3 Enlace en el título

Puede seleccionar sí o no para agregar o eliminar el enlace del blog en el título del blog.

(i) Para agregar el enlace al título: [AWL-BlogFilter blog_title_link="yes"]

(ii) Para eliminar el enlace al título: [AWL-BlogFilter blog_title_link="no"]

3.4 Color del texto del título

Puede cambiar el color del texto del título del blog.

(i) Para cambiar el color del título, pegue el color del código entre comillas: [AWL-BlogFilter blog_title_color="#000"]

Para obtener un código de color, haga clic aquí

3.5 Tamaño de fuente del título

Puede cambiar el tamaño del texto del título del blog.

(i) Para cambiar el tamaño del texto del título, cambie el valor a comillas: [AWL-BlogFilter blog_title_font_size="25"]

4. Configuración de la descripción del blog

4.1 Mostrar descripción del blog

Puede configurar sí o no para mostrar u ocultar la descripción del blog.

(i) Para mostrar la descripción: [AWL-BlogFilter blog_desc="yes"]

(ii) Para ocultar la descripción: [AWL-BlogFilter blog_desc="no"]

4.2 Descripción Color del texto

Puede cambiar el color del texto de la descripción del blog.

(i) Para cambiar el color de la descripción, pegue el código de color entre comillas:

[AWL-BlogFilter blog_desc_color="#a4a6ac"]

Para obtener un código de color, haga clic aquí

4.3 Color de la caja de descripción

Puede cambiar el color del cuadro de descripción del blog.

(i) Para cambiar el color del cuadro de descripción, pegue el código de color entre comillas:

[AWL-BlogFilter blog_desc_box_color="#EDEEF0"]

Para obtener un código de color, haga clic aquí

4.4 Descripción Tamaño de fuente

Puede cambiar el tamaño del texto de la descripción del blog.

(i) Para cambiar el tamaño del texto de la descripción, cambie el valor a comillas:

[AWL-BlogFilter blog_desc_font_size="25"]

4.5 Cuántos caracteres se muestran en la descripción

Puede cambiar el tamaño del límite de palabras de la descripción del blog si configuró leer más o extracto, entonces no puede obtener más palabras en la descripción del blog.

(i) Para cambiar el límite de caracteres de descripción, cambie el valor a comillas:

[AWL-BlogFilter blog_desc_characters="100"]

5. Configuración del enlace (URL)

5.1 Mostrar enlace Leer más

Puede configurar sí o no para mostrar u ocultar Leer más enlace.

(i) Para mostrar el enlace Leer más: [AWL-BlogFilter blog_read_more="yes"]

(ii) Para ocultar leer más enlace: [AWL-BlogFilter blog_read_more="no"]

5.2 Enlace abierto en una nueva pestaña

Puede establecer el valor para el enlace de redirección en la nueva pestaña o en la misma pestaña.

(i) Para establecer el enlace en la nueva pestaña: [AWL-BlogFilter blog_title="_blank"]

(ii) Para establecer el enlace en la misma pestaña, puede dejarlo en blanco o NULL: [AWL-BlogFilter blog_title=""]

5.3 Texto para el enlace "Leer más"

Cambias el texto de “leer más”.

(i) Para cambiar el valor derecho entre comillas: [AWL-BlogFilter blog_read_more_text="Read More"]

6.1 Mostrar fecha de publicación

Puede configurar sí o no para mostrar u ocultar la fecha de publicación.

(i) Para mostrar la fecha de publicación: [AWL-BlogFilter blog_date="yes"]

(ii) Para ocultar la fecha de publicación: [AWL-BlogFilter blog_date="no"]

6.2 Mostrar fecha debajo de la imagen

Puede configurar sí o no para mostrar la fecha de publicación debajo de la imagen o en la parte superior de la imagen.

(i) Para mostrar la fecha debajo de la imagen: [AWL-BlogFilter blog_date_below_image="yes"]

(ii) Para mostrar la fecha en la parte superior de la imagen: [AWL-BlogFilter blog_date_below_image="no"]

6.3 Mostrar autor de la publicación

Puede configurar sí o no para mostrar u ocultar el autor de la publicación.

(i) Para mostrar el autor de la publicación: [AWL-BlogFilter blog_author="yes"]

(ii) Para ocultar el autor de la publicación: [AWL-BlogFilter blog_author="no"]

6.4 Mostrar fecha debajo de la imagen

Puede configurar sí o no para mostrar la fecha de publicación debajo de la imagen o en la parte superior de la imagen.

(i) Para mostrar el autor debajo de la imagen: [AWL-BlogFilter blog_author_below_image="yes"]

(ii) Para mostrar al autor en la parte superior de la imagen: [AWL-BlogFilter blog_author_below_image="no"]

6.5 Mostrar categorías de publicaciones

Puede configurar sí o no para mostrar u ocultar las categorías de publicaciones.

(i) Para mostrar las categorías de publicaciones: [AWL-BlogFilter blog_categories="yes"]

(ii) Para ocultar las categorías de publicaciones: [AWL-BlogFilter blog_categories="no"]

6.6 Mostrar etiquetas de publicación

Puede configurar sí o no para mostrar u ocultar las etiquetas de publicación.

(i) Para mostrar las etiquetas de publicación: [AWL-BlogFilter blog_tags="yes"]

(ii) Para ocultar las etiquetas de publicación: [AWL-BlogFilter blog_tags="no"]

7.1 Paginación

Puede configurar sí o no para mostrar u ocultar la paginación.

(i) Para mostrar la paginación: [AWL-BlogFilter blog_pagination="yes"]

(ii) Para ocultar la paginación: [AWL-BlogFilter blog_pagination="no"]

7.2 Color de paginación

Puede cambiar el color de la paginación del blog.

(i) Para cambiar el color de la paginación, pegue el código de color entre comillas:

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

Para obtener un código de color, haga clic aquí

7.3 Blogs por página

Puede cambiar el límite de blogs por página si desea mostrar todos los blogs en una sola página, luego establezca cero (0) en el valor y establezca 'no' en la paginación.

(i) Para cambiar el límite del blog por página, cambia el valor entre comillas:

[AWL-BlogFilter blog_per_page="25"]

Puede habilitar o deshabilitar el efecto de desplazamiento de miniaturas.

(i) Para habilitar el efecto de desplazamiento: [AWL-BlogFilter blog_thumb_hover="yes"]

(ii) Para deshabilitar el efecto de desplazamiento: [AWL-BlogFilter blog_thumb_hover="no"]

10.2 Espaciado de miniaturas

(i) Para cambiar el espaciado de las miniaturas, cambie el valor a comillas:

[AWL-BlogFilter blog_thumb_spac="5"]

11.1 Mostrar filtros

Puede configurar sí o no para mostrar u ocultar filtros.

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

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

11.2 Mostrar filtro "Todos"

Puede configurar sí o no para mostrar u ocultar el filtro "Todos".

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

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

11.3 Texto para el botón "Todos"

Puede cambiar el texto del botón "Todos".

(i) Para cambiar el texto del botón "Todos", cambie el valor a comillas:

[AWL-BlogFilter blog_all_text="All"]

11.4 Multifiltro al mismo tiempo

Puede establecer sí o no para la función multifiltro.

(i) Para activar la función de filtro múltiple: [AWL-BlogFilter blog_multi_filter="yes"]

(ii) Para desactivar la función de filtro múltiple: [AWL-BlogFilter blog_multi_filter="no"]

11.5 Lógica “Y” para multifiltro

Puede usar sí o no para la lógica Y en la función de filtro múltiple.

(i) A la lógica "Y" de filtro múltiple: [AWL-BlogFilter blog_multi_filter_logic="yes"]

(ii) Para desactivar la lógica "Y" de múltiples filtros: [AWL-BlogFilter blog_multi_filter_logic="no"]

11.6 Mostrar campo de búsqueda

Puede configurar sí o no para mostrar u ocultar el campo de búsqueda.

(i) Para mostrar el campo de búsqueda: [AWL-BlogFilter blog_search="yes"]

(ii) Para ocultar el campo de búsqueda: [AWL-BlogFilter blog_search="no"]

11.7 Texto para el campo de búsqueda

Puede cambiar el texto del campo de búsqueda.

(i) Para cambiar el texto del campo de búsqueda, cambie el valor a comillas:

[AWL-BlogFilter blog_search_text="Search"]

11.8 Color de los botones

Puede cambiar el color del botón del blog.

(i) Para cambiar el color del botón, pegue el código de color entre comillas:

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

Para obtener un código de color, haga clic aquí

11.9 Filtrado con

Puede cambiar la opción de filtrado.

(i) Para establecer categorías de blog como filtro: [AWL-BlogFilter blog_filtering="blog_category"]

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

11.10 Filtro predeterminado

Puede configurar cualquier filtro para el filtro seleccionado predeterminado en la carga de la página

(i) Si está utilizando la categoría como opción de filtrado, cambie la identificación de la categoría por comillas:

[AWL-BlogFilter default_cat_filter="27"]

(ii) Si está utilizando la etiqueta como opción de filtrado, cambie la identificación de la etiqueta por comillas:

[AWL-BlogFilter default_tag_filter="27"]

11.11 Categorías o etiquetas seleccionadas para blogs

Para cambiar las identificaciones de categorías y etiquetas directamente desde el código abreviado, cambie el valor a comillas:

(i) Si está utilizando la categoría como opción de filtrado: [AWL-BlogFilter selected_categories="2,5,8,15,20,25"]

(ii) Si está utilizando la etiqueta como opción de filtrado: [AWL-BlogFilter selected_tags="2,5,8,15,20,25"]

11.12 Excluir publicación

Puede excluir publicaciones relacionadas con algunas categorías o etiquetas, cambie el valor a comillas:

(i) Si utiliza la categoría como opción de filtrado: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]

(ii) Si está utilizando la etiqueta como opción de filtrado: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]