Skip to Content

Blog Template Guide

Introduction

Momen is a no-code development platform that streamlines the creation of fully customized blog websites. This guide explains the core project logic and provides step-by-step instructions for building your own blog using Momen.

Overview of Project Structure

Blog homepage interface in Momen

Website Structure

  • Blog: The main homepage, displaying and allowing users to search previous articles.
  • What’s New: Shows the latest published articles.

Section displaying latest articles

  • All Blog Posts: Lists all articles uploaded to the blog.

All blog posts page

  • Reading Lists: Organizes articles by topic for easier navigation.

Reading lists organized by topic

Creating a Blog

Understand the Data Model

Data model overview in Momen

  • Account Table: Stores user information, including user ID, username, timestamps for creation and updates, and profile images.
  • Blog Table: Contains fields for article title, subtitle, cover image, and content. Fields such as is_topic, authors_author, and reading_type link to other tables for extended functionality.

Detailed data model for blog content

  • Author Table: Holds author names, profile pictures, and biographies.
  • Reading Type Table: Defines and categorizes topics for articles.
  • Tag Table: Stores tags for categorizing articles.

Managing Data in Tables

You can add, edit, or delete data directly within the data tables.

Database management interface

To modify data:

  1. Open the Database section.
  2. Select the relevant data table.

Selecting a data table for editing

Example:
To add a new entry in the Post table, click Insert Row.

Inserting a new row in the database

Filling in blog post details

Fill in the required information for your blog post. When finished, click Create to save the entry.

Editing Content Outside Data Tables

Editing content on the blog page

To edit on-page text or other elements:

  1. Click the text or component you want to modify.
  2. The right sidebar will appear.
  3. Under Content, update the displayed information.
  4. To change text size or font, switch to the Design tab.

Configuring Actions

Configuring navigation actions

To set up navigation or other actions:

  1. Select the text or image you want to make interactive.
  2. Click Interaction in the sidebar.
  3. Choose the desired action (e.g., Navigation) and select the target page.

Selecting navigation target

Previewing and Publishing Your Website

After completing your content and configuration, preview your website:

Previewing the website in Momen

Double-click Preview in the upper right corner to see your site in action.

Final preview before publishing

If everything appears as expected and you have verified all content, click Publish to make your website live.

Congratulations!
You have successfully created and published a fully customized blog website using Momen.

Last updated on