Pages are similar to posts, but there is a little difference between the two.

  • Pages are neither categorized nor tagged.
  • The hierarchy of pages is possible, by assigning child pages to a parent page. This feature is missing in the posts.

This screen provides features such as editing, quick edits, view. It is also possible to do editing in bulk, filtering and search makes it further easy to easily search the pages matching certain criteria.

List of ColumnsDescription
[]Click the checkbox to select pages to perform a bulk action
TitleTitle of the page displayed as a link. Click to edit the page
AuthorAuthor name of the page is displayed as a link. Click on a particular author name to get the list of pages of that particular author.
Comment BubbleDisplays the number of comments for the page. Comments can be moderated by clicking on the blue comment bubble.
DateDisplays the dates for pages under the category "Last Published" and "Last Modified".
IDThis is not displayed as a column of the table. When mouse hovers over the Page Title, the Page ID is revealed as a part of the URL, displayed in the browser status bar. It is a unique number that is used by WordPress's database to identify the pages.

What more options one can enjoy?

List of options Sortable ColumnsPage NavigationSearch BoxFiltering BoxAll DatesFilterSelectionsBulk EditQuick Edit
DescriptionHover over the title, comment or date to sort in ascending or descending order.If the pages increase by one page of Pages then two double-arrow boxes (to move to the first and the last page) and two single arrow boxes (to move one page forward or backward) are appear.In the right side enter a word or series of word to display all the search resultsFilter the results in the category All, mine, published and draft.Filter the pages date month wiseClick this button to apply the filter changesSelect one page or all pages at a time or reverse the actions by un-checking the checked optionsBulk edit the fields of Author, Parent, Template, Comments Allowed, Status and Pings Allowed for selected pages applying cancel, update, move to trash, and clone (copy)Click to edit items--Title, Slug, Date, Author, Password or Private page box, Parent, Order, Template, Allow Comments, Allow Pings, Status.

Add new page provides you an option to create new page for your website.

You can give your page more aesthetic look with Aione Design Options. It lets you customize header, slider, page title bar, page settings & footer for each page. Furthermore, you can add custom code for CSS and JavaScript. Another distinctive feature of design settings is that you can improve your search engine listing and Social Networks Listing. Each one of the features is explained in detail below:

Header Setting
  • Show Top Bar: You can choose to show or hide the top bar.
  • 100% Top bar width: Select 'Yes' to set the top bar to 100% of the browser width. It only works with wide layout mode.
  • Show header: Select Yes to show Header
  • 100% Header Width: Set Yes to set the header to 100% of the browser width. Only works with wide layout mode.
  • Show Logo: Enable the logo on the header.
  • Show Site Title: Enable the site title on header.
  • Show Tagline:Enable the Tagline on header.
  • Show Navigation: Enable Navigation on header
  • Main Navigation Menu: Select which menu displays on this page
  • Show Home Icon: Enable home icon on main menu.
  • Show Home Link: Enable home link on main menu.
  • Show Menu Description: Enable menu description on main menu.
  • Show Search Icon in Main Menu: Enable Search on main menu.
  • Drop down Menu Indicator: Enable arrow indicators next to parent level menu items.
  • Show Banner: Enable Banner on header
Slider Setting
  • Show Slider on Page: You can choose to show slider on page.
  • 100% Slider Width: Enables 100% Slider Width.
  • Select Slider: Select Slider for the current page.
Page Title Bar Setting

Enable Page Title Bar

100% Page Title Width

Show Title on Page Title Bar

Show Description on Page Title Bar

Description text on Page Title Bar

Page Setting

100% Page width

Enable Page Top Area

100% Page Top Area width

Enable Page Bottom Area

100% Page bottom Area width

Enable Page Padding

Enable Left Sidebar

Select Left Sidebar

Enable Right Sidebar

Select Right Sidebar

Enable Content Top Area

Enable Content Bottom Area

Enable Page Content Padding

Footer Setting

Footer Widgets

100% Footer Width

Copyright Bar

100% Copyright Bar Width

Custom Code

Custom CSS: Insert custom CSS for the page.

Custom JS: Insert custom JS for the page.

SEO

Search Engine Listing

Title Tag: 50 - 60 characters (spaces included)

Meta Description: 70 - 320 characters (spaces included)

Meta Keywords: Enter a series of keywords relevant to the page with comma sepration.
For eg: Wordpress, Theme, Page, Post.

Social Networks Listing: 

Title: Enter the title of your site.

Description: Create a description in few words.

Image: Upload an image

URL: Provide the URL in the input box.

In the top right corner, there are two sections one for Document and other for Block. The special features of each of these is explained below:

Document

Status & Visibility:

Visibility: You can set the audience for your page. Different possibility includes (1) Public: It is by default and page is visible to everyone. (2) Private: Selecting this option will make the page only visible to you and with special permissions it can be visible to the editor. (3) Protected: Clicking on the radio button for this option, followed by Ok button will generate a text box into which you can enter a password. Only those who have the access to the password can view the page.

Publish: Click immediately link near publish to either schedule the page or publish the page at the same time.

Pending Review: You check this option with tick mark to add the page in the pending review.

Post Format: You can change each post look by selecting an option from the radio list. (1) Aside: It is styled without a title. (2) Link: It is to add a link to another site. (3) Image: It is for a single image. (4) Quote: It is to add a quotation. (5) Standard: It is the default format similar to the text post. (6) Status: (7) Video

(Check Box) Stick to the front pageAuthor: Developer or Administrator

Move to trash

Permalink

URL

Preview

Categories

Select category or add new category

Tags

Add new Tag

Featured Image

Set the featured image

Excerpt

Write an excerpt (optional)

Discussion

Allow Comments

Allow Ping backs & Trackbacks

Text Settings (1) Font Size (2) Drop Cap

Color Settings: (1) Background Color (2) Text Color

Advanced: Additional CSS Class

COMMON BLOCKS

(A) Paragraph Block:

Place the block in your post, then move on to the next step (you can also create a paragraph block by simply typing in the editor).

Additional formatting options will appears once you start writing:

(1) Change Block type: You can quickly change the type of your block to List, Heading, Quote, Per formatted or Verse.

(2) Align Text Left

(3) Align Text Right

(4) Align Text Center

(5) Bold

(6) Italic

(7) Link

(8) Strikethrough: Add horizontal line through the center of the selected text.

Three dots provides more options that include: (1) Hide Block Settings (2) Duplicate (3) Insert Before (4) Insert After (5) Edit as HTLM (6) Add to reusable block (7) Remove Block

On the right sidebar, you will find block specific options. In this case you can do following changes to the block:

(1) You can quickly make basic text modifications. You can change the font size but using the preconfigured small, normal, medium, large and huge. You can also set the font size using the pixels.

(2) The Color Settings allow you to make important text standout without leaving the editor or adding your own CSS.

(3) Advanced option allows you insert your custom CSS.

(B) Lists: Add a list to your page or post using the List block. Block options are:

  1. Convert to an unordered list.
  2. Convert to an ordered list.
  3. Outdent list item.
  4. Indent list item.

On a numbered list you can indent and convert a list item to create a mixed list.

(C) Heading: Use the Heading block to add a heading to your post.

  1. Select Heading Size
  2. Text Formatting
  3. Heading Size
  4. Align Text

(D) Image: Add an image to your post.

  1. Align Image
  2. Edit Image
  3. Alternative Text
  4. Select Image Size
  5. Choose Custom Image Size
  6. Link Settings

Now you can add an image without entering your Medial Libray, drag and drop the image straight into your post.

You can click the Edit Image option if you need to change the image being displayed. You can also set the Alt Text for the image without leaving the editor.

When adding an image, you can choose one of the three auto-formatted sizes, Thumbnail, Medium or Full.

You can also use the Image Dimension settings to set a custom Width and Height for the image.

(E) Gallery: Create a gallery from a group of images.

  1. Gallery Alignment
  2. Edit Gallery
  3. Set the Number of Columns
  4. Crop Images Toggle

The Gallery block allows you to drag and drop pictures onto your page or post and the Gutenberg editor will auto create a Gallery for you.

The Edit Gallery option lets you add captions or new images and rearrange the order of the images.

The Crop Images toggle will attempt to crop the images to make thumbnails the same size, which can have a less than desirable result. When using the Gallery block, you will want to add images that share a similar dimension.

(F) Quote: The Quote block allows you to easily add a quote and citation to your page or post.

  1. Quote Alignment
  2. Text Formatting
  3. Quote Styles

The Quote block settings allow you to choose the style and align the block to your liking.

(G) Audio: Insert an audio clip into your post.

  1. Align Audio Block
  2. Edit Audio Block
  3. Toggle Autoplay and Loop On and Off
  4. Preload Options

The Preload option allows you to control what is preloaded for people visiting the site.

(H) Cover: The Cover Image allows you to set the image that will be used for your blog post.

  1. Align Image
  2. Align Text
  3. Change Image Used for Cover block
  4. Toggle Fixed Background On and Off
  5. Overlay Color
  6. Background Opacity

Depending on the theme you are using, a cover image will be displayed along with your post, making it more inviting to potential readers.

(I) File: Using a File block, you can create a link to view the file or create a button to download the file.

  1. Transform Block Type
  2. Align Left
  3. Align Center
  4. Align Right
  5. Wide Width
  6. Full Width
  7. Edit File
  8. Text Link Settings
  9. Download Button Settings

(J) Video: Add a video to your post.

  1. Align Video
  2. Change Video
  3. Toggle Autoplay, Loop, Mute, and Playback Controls On and Off
  4. Choose The Preload Options
  5. Add a Poster Image for the Video

FORMATTING BLOCKS

(A) Custom HTML: Are you not finding exactly what you need in a WordPress Gutenberg Block? Use the Custom HTML block to add your HTML to the site.

  1. View the HTML block
  2. Preview your HTML

(B) Table: Add a table to your page or post.

  1. Align Table
  2. Modify Table
  3. Format Text
  4. Choose Table Style
  5. Toggle Fixed Width Cells On and Off
  6. Choose Number of Rows and Columns and Create Table
  7. Created Table

When you add a Table block, you will need to choose the desired number of columns and rows before creating the table.

You will still be able to add and remove columns and rows after the table is created.

(C) Pull Quote: 
Add a Pull Quote to draw attention to an excerpt from the post.

  1. Align Pull Quote
  2. Format Text
  3. Choose Pull Quote Style
  4. Select Pull Quote Color
  5. Select Text Color

(D) Classic Editor: 
Use the classic WYSIWYG editor.

(E) Preformatted: 
Add Preformatted text to your site.

(F) Code:
Add a code block to a post or page.

(G) Verse: 
Add a verse from a poem or song to your site.

  1. Align Verse Block
  2. Format Text

LAYOUT ELEMENTS BLOCK

(A) Spacer: Add some white space between blocks. Slide the spacer block up and down to get the desired amount of white space between blocks.

(B) Column: 
Organize content using the Column block.

  1. Align Columns Block
  2. Format Text
  3. Adjust Font Size and Enable Drop Cap
  4. Adjust the Text and Background Color

(C) Teaser: 
Create a teaser on your Home or Blog page for a post. Choose if you want the Tease text to show in the actual post.

(D) Button: 
Add a call to action with a Button block.

  1. Align Button
  2. Format Text
  3. Select Button Style
  4. Choose Text and Background Color

You can add a URL to the button to create a link.

(E) Media Text:

  1. Toggle Between Wide Width and Full Width
  2. Show Media on Right or Left of Text
  3. Change Image or Video
  4. Toggle Stacking for Mobile and Add Alt Text to Image
  5. Change Background Color

Use the slider to change the amount of real estate that the media or text use. Select the text box to adjust font-size and color.

(F) Page Break: 
Separate a post into pages.

(G) Separator: 
Create a break between ideas or sections with a horizontal separator.

WIDGET BLOCKS

(A) Latest Post: 
You can add a widget with links to recent posts using the Latest Post block.

  1. Align Widget
  2. Display Posts Using Lists or Grids
  3. Choose How to Order Posts
  4. Select Post Category to Display
  5. Number of Post to Display
  6. Toggle Post Date On and Off

(B) Shortcode: 
Add an existing plugin’s shortcode using the Shortcode block.

(C) Archives: 
Add a widget with a link to your site’s archives.

  1. Align Widget
  2. Toggle Dropdown and Post Counts On and Off

(D) Categories: 
Add a widget linking to Post categories.

  1. Align Widget
  2. Display Settings

(E) Comments: Display a widget with the most recent comments with the Comments block.

  1. Align Widget
  2. Display Settings

EMBED BLOCKS

The WordPress Gutenberg blocks also make it easy to embed links from a ton of different sources. There are currently 34 embeds officially supported, we have listed the embed blocks that are currently available.

  • WordPress
  • Embed
  • YouTube
  • Spotify
  • Screencast
  • Twitter
  • Facebook
  • Instagram
  • SoundCloud
  • Flickr
  • Vimeo
  • Animoto
  • Cloudup
  • CollegeHumor
  • Dailymotion
  • Funny or Die
  • Hulu
  • Imgur
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Photobucket
  • Polldaddy
  • Reddit
  • ReverbNation
  • Scribd
  • Slideshare
  • SmugMug
  • Speaker Deck
  • TED
  • Tumblr
  • VideoPress
  • WordPress.tv

AIONE BLOCKS

Using aione blocks you can simplify your work. These blocks are developed to allows you to create your design without using additional CSS and extra-plugins. All the available block names are listed below.

Aione Section

Aione Accordian

Aione Title

Aione Button

Aione Social Icons

Aione Social Share

Aione Tabs

Aione Row

Aione Column

Aione Icon

Aione Wrapper

Aione Span

Aione Slider