🔥🚀đŸ“£ LIFT OFF Promo! | Exclusive offers for Cloud Shared Hosting - 70% OFF | Starting from $2.69/mo
Learn Una

Una is a successor to the famous Boonex Dolphin application for creating free Social Network!

• Last Updated: 04/23/2020
• ( 7 minutes reading )

How to create new Pages in Una Social Network

Introduction

You would probably agree that the default look of Una after the initial installation is rather blank.  With more content, your site becomes more entertaining and engaging for your visitors. With this in mind, it is never too early to start to customize and enrich the appearance of your website. In this guide, we are going to cover the very first and essential step of this process - creating a new page. This is a relatively simple task, so if you are ready, let's jump right into it!

 

Accessing the Pages App

For a start, please log in to your Una Studio and access the "Pages" App.

 

Access Pages

 

The Page Builder is where you can create new pages, customize existing pages, and manage block layouts. As you can see, it consists of several separate tabs. Each tab holds a group of pages relevant to a specific Una module.

 

Creating New Pages

To create your very first step, please switch to the "Custom" tab and click on the "Add New Page" button.

 

Add New Page

 

Upon doing that, a new window pops up where you have to configure the page elements. The page settings are grouped under separate tabs. To keep it consistent, we are going to review each of them in the same order they appear on your end.

Let's start with the "Options" tab.

  • System Name - The System name is only for internal use, and it is intended for your reference.
  • Title - In this field, you have to define the title of your page. It determines the text shown in the browser title bar.
  • URL - The page URL is automatically generated based on the page title. Although, we would recommend you to replace all capital letters with lower case letters. This is generally done due to SEO purposes.

 

Page Title and URL

 

  • Link - The page link is intended for internal use. For example, when you link the page to menu items. It also determines the URL path (the part after yourdomain.com). It is automatically generated based on the value entered in the previous "URL" field.
  • Type - From this dropdown menu, you can select the page type. You can choose between "Default" and "Without header/footer".
  • Submenu - You can select a relevant submenu from this dropdown menu if necessary.

 

Page Type and Submenu

 

Next is the "Cover" tab. You can upload an image that is going to be used as a cover, displayed at the top of the page. You can also control the availability of it by selecting the applicable user group from the "Cover" dropdown.

 

Page Cover

 

From the following "Layout" tab, you can select the default layout of the page. Each option is visually represented so you can get a clear idea.

 

Page Layout

 

From the "Visibility" tab, you can restrict the page to particular visitor group(s). You have two options - "Anyone", which makes the page available to all users and "Selected levels". The second option requires you to select the visitor groups the page should be available for.

 

Page Visibility

 

Within the "Cache" tab, you can specify the period (in second) during which the page to be cached in Una.

 

Page Cache

 

Under the last "SEO" tab, you can specify the page metadata.

  • Page (Meta) Description - This field is intended for the metadata description of the page. The meta description does not appear on the page.  It is intended for search engines, and it displays in search results.
  • Keywords - In this field, you need to enter all the keywords related to this page. They help search engines to determine what the page is about and rank it relevantly in search results.
  • Meta Robots - In this field, you can enter command(s) to allow or restrict Web Robots (Web Wanderers, Crawlers, Spiders) from indexing this page.

 

Page SEO

 

When you are ready, please click on the "Save" button to finalize the creation of the page.

 

Adding Blocks to Pages

At this point, your page is successfully created, but it is a blank canvas. In Una, content is created using blocks. You can think of a block as a box containing specific website content. There are lots of different block types in Una. We are not going to get into explaining each of them individually since this is not the primary topic of our guide.

Now, to add actual content to your newly created page, please click on the "Add Blocks" button.

 

Add Blocks

 

Within the pop-up window, please select the desired blocks by ticking the corresponding checkboxes and click on the "Add to Page" button.

 

Select Page Blocks

 

Once this is done, you can see the blocks listed at the top of the page. You can place them into the desired page layout by dragging and dropping them.

To further customize a block, please click on its title.

 

Edit Page Block

 

In the new pop-up window, you have to specify the block details:

  • Title - The block title appears in the header of the given page layout.
  • Block Layout - From this dropdown menu, you have to select the desired layout for the block.
  • Hidden on - This setting allows you to hide the block on particular devices. In case you want to select several, please hold the "ctrl" (PC)/"Command" (Mac) key on your keyboard.
  • Visible for - This setting lets you restrict the block to particular group(s) of visitors. Similarly to pages, you have the"Anyone" and "Selected levels" options.

 

Block Title and Layout

 

Within the "Content" WYSIWYG editor, you have to enter the actual content of the block. You can use the available tools to format the text quickly, include links, images, videos, etc.

The "Simple Upload" and "Multiple Upload" buttons allow you to upload a single file or several files at once.

The "Active" toggle switch controls whether or not the block to be displayed on the website frontend. In case you do not want to publish it right away, you may disable it. The block is going to be available in your Una Studio and ready for publishing.

 

Save Page Block

 

When you are ready, please do not forget to click on the "Save" button.

We would recommend you to edit your pages step-by-step and continuously check the result to ensure everything looks as desired. You can do that by clicking on the "View Page" button.

 

View Page

 

Upon clicking on it, the page is going to open within a new tab. Once you confirm you have got a satisfactory result, you can continue with the rest of the blocks.

 

Example Page

 

As you can see, in Una, the entire process of creating pages is divided into separate steps. This might seem confusing at first, but once you get used to it, you are going to realize how neat and consistent it is. We hope that after our guide, you have a clear idea of how pages are structured, and you are able to create your pages with ease.

 

 

...
Sebahat
Technical Support Captain & Content Manager

Sebahat is a young and bright person who had become an invaluable part of our team. Started as a Customer Care Representative who quickly evolved into a Tech-savvy well familiar with every support layer of the company. Driven by the aim to constantly improve our customers’ experience she is committed to enhancing the extraordinary support we deliver.