The Blog Posts App Block displays selected WordPress blog content on custom app pages using a swipeable carousel. This block promotes articles and provides direct blog access within the app. This document explains how to add the Blog Posts block, customize its design, filter content, and preview the layout.
Understanding the Blog Posts Block
The Blog Posts block creates scrollable carousels of blog content on App Pages. The block supports filtering by categories, tags, authors, or dates. Specific posts can be manually selected for display. The carousel format encourages content discovery through horizontal swiping.
Adding the Blog Posts Block
You can edit the App Pages using the block-based (Gutenberg) App Pages Editor:
- Naviguez jusqu'à Dashboard > MP App > App Pages.
- Locate the app page where you want to add the Blog Posts block.
- Hover over the app page name to show additional options, and click Editer.
Within the App Pages Editor, the Blog Posts block is added through the block inserter:
- Cliquez sur le bouton + icône in the App Page editor to insert a new block.
- Faites défiler jusqu'à la MemberPress App Blocks section.
- Sélectionnez l'option Articles de blog block from the available blocks.
- Drag the block to the desired position on the page.
Customizing Blog Posts
Once added, you should customize the Blog Posts. You can adjust the colors and set which posts will be displayed and in which order. You can configure the block using the Settings in the right sidebar:
- While within the App Page editor, select the Blog Posts block you wish to configure.
- Localiser le Paramètres panel on the right sidebar.
Block Title and Colors
Start by customizing the block Title and colors:
- Trouver le Titre field and the text you wish to display at the top of this post's blog.
- Ensuite, sous la rubrique Couleur panel, you can set the Heading Text Color et Background Color options.
- Select a color using the color picker or choose transparent.
- Cliquez sur Mise à jour pour enregistrer les modifications.
Select Posts Using Filter Posts
Dans le cadre de la Select posts panel, you can choose to use the Filter posts option. Post filtering displays content based on specific conditions.
The Filter posts option comes with multiple customization options:
- Select the Blog Posts block in the editor.
- Locate the block Paramètres panneau.
- Sélectionner Filter Posts to configure filtering options.
- Commander par to sort by Newest or Alphabetical.
- Commande to arrange Ascending or Descending.
- Sticky Posts to Include, Exclude, or show Only Sticky posts.
- Categories/Tags to filter by comma-separated category or tag slugs.
- Authors to filter by comma-separated author usernames.
- Date to filter posts by date range.
- Items to Show to set the number of visible carousel items.
- Cliquez sur Mise à jour to save the page.
Select Posts By Displaying Specific Posts
The specific post selection displays manually selected blog entries.
- Select the Blog Posts block in the editor.
- Localiser le Select posts option in the Settings panel.
- Sélectionner Specific posts.
- Cliquez sur le bouton Specific posts panel to open the post selector.
- From the available list, choose the blog posts that you wish to display.
- Cliquez sur Confirmer ou Appliquer to finalize selection.
- Save changes by clicking the Mise à jour bouton.
Specific post selection overrides any filter criteria when enabled.
Saving and Previewing
The block configuration must be saved, and the app must be restarted to view the changes.
- Cliquez sur Update in the App Page editor pour enregistrer les modifications.
- Force-close the MemberPress App completely on the mobile device.
- Reopen the app to reload the page configuration.
- Navigate to the page containing the Blog Posts block.
- Révision the carousel display and post arrangement.
- Swipe horizontally to browse carousel items.
- Tap See All to open the full blog archive if available.
The carousel updates automatically when new blog posts are published if filtering is configured.
FR 
EN 
ES 
DE 
PT 