Posts Widget (Pro)

With the Posts Widget you can display a list of any postConcepto de Post¿Qué es un Post?Un Post es todo aquel contenido, sea post, opinión, noticia u otro género, que un autor publica en un blog. Este puede ser de carácter corporativo o meramente ocioso; pero siempre tiene como meta arrojar información o reflejar una idea, al mismo tiempo de facilitar que los usuarios encuentren la web donde se recoge por medio de de buscadores y demás plataformas online.Generalmente, se han plus types, including custom post types, in various layouts and ways. This practical widget can be used to display posts from a particular category or other taxonomy, recent posts, and more.

Classic Skin

The Classic skin is a fully customizable layer template that gets applied to the Posts widget, giving your posts a traditional design style.

Content

Layout

1. Skin: Select a pre-designed skin, either Classic, Cards, or Full Content
2. Columns: Set how many columns will be displayed, from 1 to 6
3. Posts Per Page: Set the exact amount of posts displayed
4. Image Position: Set the image position, relative to the content. Options include: Top / left / right / none. * See Note below for instructions to set image position on mobile.
5. Masonry: Slide on or off
6. Image Size: Set the size of the image, from thumbnail to full
7. Image Ratio: Set the exact ratio of the images
8. Image Width: Set the exact width of the images
9. Title: Choose to show or hide the title
10. Title HTMLHTML (Hypertext Markup Language) se usa para estructurar el contenido de texto de un documento web. No sólo se marca el contenido, sino además la meta-información que describe este contenido. Las páginas HTML se almacenan normalmente en el directorio raíz del servidor. Cómo se creó En la era digital, a los usuarios les resulta difícil hallar su camino en las webs y hacer un seguimiento de las estructuras de las plus Tag: Select the HTML tag to use for the title, from H1Concepto de H1¿Qué es un H1?El H1 es un elemento primordial en cualquier página web y algo que nace del lenguaje HTML. Consiste en una etiqueta que suele utilizarse para indicar el fragmento más importante de una página, normalmente la cabecera que más ha de señalar en ella y captar la atención del lector.Su conocimiento y su utilización son algo primordial de cara al SEO e inclusive de cara a plus to H6, or div, span, or p
11. Excerpt: Choose to show or hide the excerpt
12. Excerpt Length: Choose the length of the excerpt, setting the exact amount of words displayed
13. Meta Data: Select the meta data to be displayed in the widget. A click¿Qué es un click?Es la acción de pulsar un botón del ratón una vez colocado el puntero del mismo sobre un elemento determinado de la pantalla. El click determina la interacción del usuario con el sistema.Otras denominaciones: Clic plus on the field opens the list of options. The options include author, date, time and comments
14. Separator Between: Choose the separator you want to use between the meta data
15. Read more: Show or hide the Read More button
16. Read More Text: Customize the Read More text
17. Open in New Window: Choose Yes to open posts in a new tab.

Note: Adjust Image Width and Image Ratio in desktop and mobile view as shown below.

Note: In regards to the Posts Per Page option, please be aware that the Posts widget will load all sticky posts + the number of posts per page that you set in the Posts Per Page option. This is how WordPressWordPress es el software de blogs líder en el mundo, y es concretamente fácil de utilizar y adaptable. Con WordPress, es factible crear con éxito sitios web con la ayuda de funciones ya predefinidas, sin mucho esfuerzo, y para proporcionar contenido como texto, imagen y vídeo. No se requiere conocimiento de HTML. WordPress además facilita la gestión y el mantenimiento de contenidos extensos. Al mismo tiempo de su fácil manejo, plus fundamentally treats sticky posts. For example, if you set Posts Per Page = 1 but you have 5 sticky posts, then the total number of posts loaded on the front endConcepto de Front end¿Qué es el Front end?El Front end es la parte de una web que conecta e interactúa con los usuarios que la visitan. Es la parte visible, la que muestra el diseño, los contenidos y la que permite a los visitantes navegar por las distintos páginas mientras lo deseen. Es una de las dos mitades en las que se divide la estructura de cualquier página web.Junto a plus would be 6 (1+5=6}.

Note: When Elementor displays a post, if it has no excerpt, Elementor automatically generates an excerpt from the post's content. The Excerpt Length option allows you to control the length of this auto-generated excerpt. However, the excerpt length only applies to posts in which no manual excerpt has been entered. The length specified in the Elementor widget is ignored if a manually-generated excerpt exists for a post. 

QueryConcepto de Query¿Qué es una Query?Una query, en inglés, es una definición que significa pregunta. Trasladando este concepto al marketing digital y a internet, se traduce como el concepto que un usuario escribe en un buscador, véase Google, cuando desea realizar una búsqueda usando keywords o palabras clave. Es la serie de términos reales que se utilizan al momento de ir en busca de información en estos portales.Cuando un consumidor plus

Source: Select the source from which the widget will display the content. Options include Posts, Pages, Custom post types if available, Manual Selection, Current Query, and Related. Depending upon which source you've chosen for the query, you'll be given options which allow you to filter the results.

Include

1. Include By: Term or Author, then use Search and Select to choose which ones to use. Terms include all of the items in a taxonomy. The available taxonomies are: categories, tags, formats and custom taxonomies.
2. Date: Select from All, Past Day, Past Week, Past Month, Past Quarter, Past Year, Custom (Choose Before or After dates) 
3. Order by: Set the order in which the posts will be displayed. Options include: Date, Title, Menu Order, or Random
4. Order: DESC (descending) or ASC (ascending)
5. Ignore Sticky Posts: Yes or No (Sticky Posts option works only if zero terms have been selected)
6. Query ID: Give your Query a custom unique ID to allow server side filtering

Note: Choosing Related as the Source and Category as the Include By term will display posts related to the category assigned to the current post being displayed. So if the user is viewing a post in the Travel category, for example, the page will show Related posts which are also in the Travel category. If the post currently displayed has multiple categories assigned to it, the Related posts will pull posts from the FIRST category (alphabetically) assigned to the post. Important Exception: Keep in mind that if you set a Fallback for Related Posts, it will not take the query into account. Once you select a fallback as shown below, it will pull and display all the latest posts.

Exclude

These settings become available once you select Exclude

1. Exclude By: Current Post, Manual Selection, Term, or Author, then use Search and Select for Manual, Term, or Author choices
2. Avoid duplicates: Yes or No – Choose Yes to avoid displaying duplicate posts on the frontendEl frontend de una web describe la parte que el visitante puede ver. Incluye todo el contenido que se muestra y que es visible para el público o los usuarios que han iniciado sesión. Diseño del frontend El frontend es muchas veces llamado GUI (Graphical User Interface) porque es la interfaz que los visitantes pueden ver y utilizar. El frontend se usa principalmente para mostrar varios tipos de contenido y plus only. Elementor looks for duplicates at the page level (not at the widget level) given that there cannot be duplicates in a Posts widget.
3. Offset: Use this setting to skip over posts (eg "2" to skip over 2 posts).
4. Date: All, Past Day, Past Week, Past Month, Past Quarter, Past Year, Custom (Choose Before or After dates)
5. Order by: Date, Title, Menu Order, or Random
6. Order: DESC (descending) or ASC (ascending)
7. Ignore Sticky Posts: Yes or No (Sticky Posts option works only if zero terms have been selected)
8. Query ID: Give your Query a custom unique ID to allow server side filtering. See the developer docs for more information on how to use this advanced feature.

Pagination

Pagination: Choose how you wish to paginate the results. Options include None, Numbers, Previous / Next, or Numbers + Previous / Next.

Style

Layout

1. Columns Gap: Set the exact gap between the columns
2. Rows Gap: set the exact gap between the rows
3. Alignment: Set the alignment of the content in the widget as left, center or right

Box

1. Border Width: Set the thickness of the border around the post's box
2. Border Radius: Set the roundness of the border corners of the post's box
3. Padding: Set the padding within the border of the post box
4. Content Padding: Add additional padding around just the content of the post box
5. Box Shadow: Set the box shadow options around the post box for both normal and hover modes
6. Background Color: Choose the background color of the post box for both normal and hover modes
7. Border Color: Choose the border color of the post box for both normal and hover modes

Image

1. Border Radius: Set the roundness of the edges of the images
2. Spacing: Set the exact spacing between the image and the content
3. CSSConcepto de CSS¿Qué es el CSS?CSS es un lenguaje de programación que se usa para definir el estilo y el aspecto de un documento que se ha escrito mediante de un lenguaje de etiquetas, como HTML. Conocido además como hojas de estilo en cascada, es el que se emplea para dar colores, indicar tipos de letra o inclusive resaltar aspectos como el espacio entre items para dotar de estilo a plus Filters: Adjust the image style by changing the CSS Filter scales for Blur, Brightness, Contrast, Saturation, and Hue settings

Content

Title

1. Colour: Set the color of the titles
2. Typography: Set the typography of the titles
3. Spacing: Set the spacing between the title and the content

Goal

1. Colour: Set the color of the meta data
2. Separator Color: Set the color of the meta data separator
3. Typography: Set the typography for the meta data
4. Spacing: Set the spacing between the meta data and the excerpt

Excerpt

1. Colour: Set the color of the excerpt
2. Typography: Set the typography of the excerpt
3. Spacing: Set the spacing between the excerpt and the read more

Read more

1. Colour: Set the color of the read more
2. Typography: Set the typography for the read more text
3. Spacing: Set the spacing between the read more text and the bottom of the post box

Cards Skin

The Cards Skin is a customizable pre-designed layer template that gets applied to the Posts widget, giving your posts a trendy material design style.

Read more about the Cards skin

Content

Layout

1. Skin: Select a pre-designed skin, either Classic, Cards, or Full Content
2. Columns: Set how many columns will be displayed, from 1 to 6
3. Posts Per Page: Set the exact amount of posts displayed
4. Show Image: Choose to show or hide the featured image
5. Masonry: Slide on or off
6. Image Size: Set the size of the image, from thumbnail to full
7. Image Ratio: Set the exact ratio of the images
8. Title: Choose to show or hide the title
9. Title HTML Tag: Select the HTML tag to use for the title, from H1 to H6, or div, span, or p
10. Excerpt: Choose to show or hide the excerpt
11. Excerpt Length: Choose the length of the excerpt, setting the exact amount of words displayed
12. Meta Data: Select the meta data to be displayed in the widget. A click on the field opens the list of options. The options include author, date, time and comments
13. Separator Between: Choose the separator you want to use between the meta data
14. Read more: Show or hide the Read More button
15. Read More Text: Customize the Read More text
16. Badge: Show or hide the Badge. The badge lets you show the category, tag or other taxonomy inside the card
17. AvatarUn avatar es una imagen gráfica que representa a una persona real. Los avatares se usan como una imagen de alter ego o personaje en mundos virtuales, redes sociales, webs y comunidades. Estos pueden ser iconos personales (los llamados picons) en forma bidimensional o imágenes gráficas tridimensionales tales como figuras cómicas. Información general El término avatar fue acuñado por primera vez por Richard Garriot. Con la creación de "UltimaIV: Quest plus: Show or hide the user avatar of the post's author

Note: In regards to the Posts Per Page option, please be aware that the Posts widget will load all sticky posts + the number of posts per page that you set in the Posts Per Page option. This is how WordPress fundamentally treats sticky posts. For example, if you set Posts Per Page = 1 but you have 5 sticky posts, then the total number of posts loaded on the frontend would be 6 (1 + 5 = 6}.

Note: When Elementor displays a post, if it has no excerpt, Elementor automatically generates an excerpt from the post's content. The Excerpt Length option allows you to control the length of this auto-generated excerpt. However, the excerpt length only applies to posts in which no manual excerpt has been entered. The length specified in the Elementor widget is ignored if a manually-generated excerpt exists for a post. 

Query

Source: Select the source from which the widget will display the content. Options include Posts, Pages, Custom post types if available, Manual Selection, Current Query, and Related. Depending upon which source you've chosen for the query, you'll be given options which allow you to filter the results.

Include

1. Include By: Term or Author, then use Search and Select to choose which ones to use. Terms include all of the items in a taxonomy. The available taxonomies are: categories, tags, formats and custom taxonomies.
2. Date: Select from All, Past Day, Past Week, Past Month, Past Quarter, Past Year, Custom (Choose Before or After dates) 
3. Order by: Set the order in which the posts will be displayed. Options include: Date, Title, Menu Order, or Random
4. Order: DESC (descending) or ASC (ascending)
5. Ignore Sticky Posts: Yes or No (Sticky Posts option works only if zero terms have been selected)
6. Query ID: Give your Query a custom unique ID to allow server side filtering

Note: Choosing Related as the Source and Category as the Include By term will display posts related to the category assigned to the current post being displayed. So if the user is viewing a post in the Travel category, for example, the page will show Related posts which are also in the Travel category. If the post currently displayed has multiple categories assigned to it, the Related posts will pull posts from the FIRST category (alphabetically) assigned to the post. Important Exception: Keep in mind that if you set a Fallback for Related Posts, it will not take the query into account. Once you select a fallback as shown below, it will pull and display all the latest posts.

Exclude

These settings become available once you select Exclude

1. Exclude By: Current Post, Manual Selection, Term, or Author, then use Search and Select for Manual, Term, or Author choices
2. Avoid duplicates: Yes or No - Choose Yes to avoid displaying duplicate posts on the frontend only. Elementor looks for duplicates at the page level (not at the widget level) given that there cannot be duplicates in a Posts widget.
3. Offset: Use this setting to skip over posts (eg "2" to skip over 2 posts)
4. Date: Select from All, Past Day, Past Week, Past Month, Past Quarter, Past Year, Custom (Choose Before or After dates)
5. Order by: Date, Title, Menu Order, or Random
6. Order: DESC (descending) or ASC (ascending)
7. Ignore Sticky Posts: Yes or No (Sticky Posts option works only if zero terms have been selected)
8. Query ID: Give your Query a custom unique ID to allow server side filtering. See the developer docs for more information on how to use this advanced feature.

Pagination

Pagination: Choose how you wish to paginate the results. Options include None, Numbers, Previous / Next, or Numbers + Previous / Next.

Style

Layout

1. Columns Gap: Set the exact gap between the columns
2. Rows Gap: set the exact gap between the rows
3. Alignment: Set the alignment of the content in the widget as left, center or right

Card

1. Background Color: Choose the background color of the card
2. Border Color: Choose the border color of the card
3. Border Width: Set the thickness of the border around the card
4. Border Radius: Set the roundness of the border corners of the card
5. Horizontal Padding: Set the horizontal padding of the card's content
6. Vertical Padding: Set the vertical padding of the card's content
7. Box Shadow: Choose Yes to apply a pre-defined box shadow to the card
8. Hover Effect: Select a hover effect, either None or Gradient
9. Meta Border Color: Choose the border color above the meta data

Image

1. Spacing: Set the exact spacing between the image and the content
2. CSS Filters: Adjust the image style by changing the CSS Filter scales for Blur, Brightness, Contrast, Saturation, and Hue settings

Badge

1. Badge Position: Align badge to the left or right of the card
2. Background Colour: Choose the background color of the badge
3. Text Colour: Choose the text color of the badge
4. Border Radius: Set the border radius to control corner roundness
5. Size: Set the size of the badge
6. Margin: Control the distance of the badge from the top and side of the card
7. Typography: Set the typography of the badge text

Avatar

Size: Set the size of the avatar.

Content

Title

1. Colour: Set the color of the titles
2. Typography: Set the typography of the titles
3. Spacing: Set the spacing between the title and the content

Goal

1. Colour: Set the color of the meta data
2. Separator Colour: Set the color of the meta data separator
3. Typography: Set the typography for the 
   
   meta data
   
4. Spacing: Set the spacing between the 
   
   meta data
    and the excerpt

Excerpt

1. Colour: Set the color of the excerpt
2. Typography: Set the typography of the excerpt
3. Spacing: Set the spacing between the excerpt and the read more

Read more

1. Colour: Set the color of the read more
2. Typography: Set the typography for the read more text
3. Spacing: Set the spacing between the read more text and the bottom of the post box

Full Content Skin

The Full Content Skin allows you to display the entire post's content on your post list pages.

Content

Layout

1. Skin: Select a pre-designed skin, either Classic, Cards, or Full Content
2. Posts Per Page: Set the exact amount of posts displayed
3. Show Thumbnail: Choose Yes or No to show or hide the featured image
4. Image Size: Set the size of the featured image, from thumbnail to full
5. Image Ratio: Set the exact ratio of the featured image
6. Image Width: Set the width of the featured image
7. Title: Choose to show or hide the title
8. Title HTML Tag: Select the HTML tag to use for the title, from H1 to H6, or div, span, or p
9. Meta Data: Select the meta data to be displayed in the widget. A click on the field opens the list of options. The options include author, date, time and comments
10. Separator Between: Enter the separator character (s) you wish to use between the meta data

Note: In regards to the Posts Per Page option, please be aware that the Posts widget will load all sticky posts + the number of posts per page that you set in the Posts Per Page option. This is how WordPress fundamentally treats sticky posts. For example, if you set Posts Per Page = 1 but you have 5 sticky posts, then the total number of posts loaded on the frontend would be 6 (1 + 5 = 6}.

Query

Source: Select the source from which the widget will display the content. Options include Posts, Pages, Custom post types if available, Manual Selection, Current Query, and Related. Depending upon which source you've chosen for the query, you'll be given options which allow you to filter the results.

Include

1. Include By: Term or Author, then use Search and Select to choose which ones to use. Terms include all of the items in a taxonomy. The available taxonomies are: categories, tags, formats and custom taxonomies.
2. Date: Select from All, Past Day, Past Week, Past Month, Past Quarter, Past Year, Custom (Choose Before or After dates) 
3. Order by: Set the order in which the posts will be displayed. Options include: Date, Title, Menu Order, or Random
4. Order: DESC (descending) or ASC (ascending)
5. Ignore Sticky Posts: Yes or No (Sticky Posts option works only if zero terms have been selected)
6. Query ID: Give your Query a custom unique ID to allow server side filtering

Note: Choosing Related as the Source and Category as the Include By term will display posts related to the category assigned to the current post being displayed. So if the user is viewing a post in the Travel category, for example, the page will show Related posts which are also in the Travel category. If the post currently displayed has multiple categories assigned to it, the Related posts will pull posts from the FIRST category (alphabetically) assigned to the post. Important Exception: Keep in mind that if you set a Fallback for Related Posts, it will not take the query into account. Once you select a fallback as shown below, it will pull and display all the latest posts.

Exclude

These settings become available once you select Exclude

1. Exclude By: Current Post, Manual Selection, Term, or Author, then use Search and Select for Manual, Term, or Author choices
2. Avoid duplicates: Yes or No - Choose Yes to avoid displaying duplicate posts on the frontend only. Elementor looks for duplicates at the page level (not at the widget level) given that there cannot be duplicates in a Posts widget.
3. Offset: Use this setting to skip over posts (eg "2" to skip over 2 posts)
4. Date: Select from All, Past Day, Past Week, Past Month, Past Quarter, Past Year, Custom (Choose Before or After dates)
5. Order by: Date, Title, Menu Order, or Random
6. Order: DESC (descending) or ASC (ascending)
7. Ignore Sticky Posts: Yes or No (Sticky Posts option works only if zero terms have been selected)
8. Query ID: Give your Query a custom unique ID to allow server side filtering. See the developer docs for more information on how to use this advanced feature.

Pagination

Pagination: Choose how you wish to paginate the results. Options include None, Numbers, Previous / Next, or Numbers + Previous / Next.

Style

Box

1. Border Width: Set the thickness of the border around the box
2. Border Radius: Set the roundness of the border corners of the box
3. Padding: Set the padding of the entire box
4. Content Padding: Set the padding of just the box's content
5. Box Shadow: Choose Yes to apply a pre-defined box shadow to the box
6. Background Color: Select a box color, for Normal and Hover states
7. Border Color: Choose the border color of the box for Normal and Hover states

Image

1. Border Radius: Set the roundness of the corners for the featured image
2. Spacing: Set the exact spacing between the featured image and the content
3. CSS Filters: Adjust the featured image style by changing the CSS Filter scales for Blur, Brightness, Contrast, Saturation, and Hue settings

Content

Title

1. Colour: Set the color of the titles
2. Typography: Set the typography of the titles
3. Spacing: Set the spacing between the title and the content

Goal

1. Colour: Set the color of the meta data
2. Separator Color: Set the color of the meta data separator
3. Typography: Set the typography for the  
   
   meta data
   
4. Spacing: Set the spacing between the  
   
   meta data 
    and the excerpt