Zusätzliches Menü

Holen Sie sich MemberPress noch heute! Lassen Sie sich für die Inhalte, die Sie erstellen, bezahlen! MemberPress jetzt kaufen
  1. Startseite
  2. Wissensdatenbank
  3. MemberPress-App
  4. App-Inhalt
  5. Verwendung des App-Blocks „Blog-Beiträge“ in der MemberPress-App

Verwendung des App-Blocks „Blog-Beiträge“ in der MemberPress-App

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:

  1. Navigieren Sie zu Dashboard > MP App > App Pages.
  2. Locate the app page where you want to add the Blog Posts block.
  3. Hover over the app page name to show additional options, and click bearbeiten.

Within the App Pages Editor, the Blog Posts block is added through the block inserter:

  1. Klicken Sie auf die + Symbol in the App Page editor to insert a new block.
  1. Blättern Sie zum MemberPress App Blocks Abschnitt.
  2. Wählen Sie die Blog-Beiträge block from the available blocks.
  1. 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:

  1. While within the App Page editor, select the Blog Posts block you wish to configure.
  1. Suchen Sie die Einstellungen panel on the right sidebar.

Block Title and Colors

Start by customizing the block Title and colors:

  1. Finden Sie die Titel field and the text you wish to display at the top of this post's blog.
  1. Als nächstes wird unter dem Farbe panel, you can set the Heading Text Color und Background Color Optionen.
  2. Select a color using the color picker or choose transparent.
  1. Klicken Sie auf Update um die Änderungen zu speichern.

Select Posts Using Filter Posts

Im Rahmen der 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:

  1. Select the Blog Posts block in the editor.
  2. Locate the block Einstellungen Tafel.
  3. Wählen Sie Filter Posts to configure filtering options.
  4. Bestellen nach to sort by Newest or Alphabetical.
  1. Bestellung to arrange Ascending or Descending.
  1. Sticky Posts to Include, Exclude, or show Only Sticky posts.
  1. Categories/Tags to filter by comma-separated category or tag slugs.

Anmerkung: Category and tag slugs must match existing taxonomy terms exactly.

  1. Authors to filter by comma-separated author usernames.
  1. Datum to filter posts by date range.
  1. Items to Show to set the number of visible carousel items.
  1. Klicken Sie auf Update to save the page.

Select Posts By Displaying Specific Posts

The specific post selection displays manually selected blog entries.

  1. Select the Blog Posts block in the editor.
  2. Suchen Sie die Select posts option in the Settings panel.
  3. Wählen Sie Specific posts.
  4. Klicken Sie auf die Specific posts panel to open the post selector.
  1. From the available list, choose the blog posts that you wish to display.
  1. Klicken Sie auf Bestätigen Sie oder Bewerbung to finalize selection.
  2. Save changes by clicking the Update Taste.

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.

  1. Klicken Sie auf Update in the App Page editor um die Änderungen zu speichern.
  2. Force-close the MemberPress App completely on the mobile device.
  3. Reopen the app to reload the page configuration.
  4. Navigate to the page containing the Blog Posts block.
  5. Überprüfung the carousel display and post arrangement.
  6. Swipe horizontally to browse carousel items.
  7. 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.

War dieser Artikel hilfreich?

Verwandte Artikel

Computerfrau

Holen Sie sich MemberPress noch heute!

Lassen Sie sich für die von Ihnen erstellten Inhalte bezahlen.