Create and Manage CMS (Content Management System) in Magento 2

Last updated on May 31 2022
Raghvendra Wanchoo

Table of Contents

Create and Manage CMS (Content Management System) in Magento 2

In this section of the Magento 2 tutorial, we will discuss the use of Magento 2 CMS. With the help of Magento 2 CMS, we can create new pages, widgets, and blocks for our store. We can combine these three elements to create custom static pages for products and service information.

  1. Add a new Page
  2. Add a new Block
  3. Add a new Widget

Add New Page

To add a new page, follow the below instructions:

Step 1: On the Magento 2 Admin panel sidebar, Go to CONTENT >> Elements >> Pages.

image1 1

Step 2: A list of existing pages will display in front of you. Click on Add New Page button to create a new page.

image2 1

Step 3: Set the page Enabled or Disabled and provide the name of the new page in the Page Title field.

image2 1

image3 1

In the Content section, enter the heading for the page and content which you want to display. You can also insert the image, table, and widgets.

image4 1

Set a URL Key for the new page. If you have not provided the URL, then it will automatically take according to the Page title and replace the spaces with a hyphen (-).

image5 1

In Page in Websites section, you can also select the store views under which it will display. For a particular store, select store from here otherwise select All Store View for all stores.

image6 1

In the Design section, choose the Layout of the page.

image7 1

In the Custom Design Update section, you can set design or theme and layout for a particular date.

image8 1

After completing all the required information, click on the Save button at the top, and continue.

Note: To add a new page into a website, we need to create the block under which we will add the new page.

Add New Block

Blocks are used for several purposes, such as separating product features on product pages or featuring different product categories on the homepage. To add a new block, follow the below instructions:

Step 1: On the Magento 2 Admin panel sidebar, Go to CONTENT >> Elements >> Blocks.

image9 1

Step 2: Here, we can add a new block. Click on the Add New Block button to create a new block.

image10 1

Step 3: Add all the required information here. The Identifier field is the most important field because we need this field to add our newly created block into a page. It should be unique to the block and must be created using only lowercase letters separated by an underscore instead of spaces.

image11

Click on the Show/Hide Editor button to create the link. When choosing this, you will see a list of additional settings like Insert Image, Insert Widget, Insert variable, etc.

Step 4: Add the below code to create a link for About Us page in a block section

image12

After completing all the information, click on the Save button to create the new block.

To access the widget management page, follow the below steps:

Step 1: Go to CONTENT >> Elements >> Widget from the left sidebar of your Magento 2 Admin Panel.

image13

Step 2: Here, we could not find any record of the widget, as you can see in the below screenshot. We can add a new widget. Click on the Add Widget button to create a new widget.

image14

Step 3: Now, select the type of widget and design theme and click on the Continue button.

image15

In Storefront Properties, we need to set Widget Title, and assign it to Store Views and also define the widget Sort Order.

image16

We can also update the layout for the widget from the Layout Updates section below the Storefront properties. Click on the Add Layout Update button to add a layout.

image17

Choose the Display on and Container, on which the block will be displayed.

image18

Now click on the Select Block button inside the Widget Options section on the left below the Storefront Properties.

image19

Add the Block from here, which we want to display on the frontend. Here, we select the COMPANY block to add in a widget.

image20

Now, you can see in the below screenshot that the COMPANY block is added. When everything is done, click on the Save button to save the Widget.

image21

Refresh the frontend of the website where you can see that the About Us page is added in the footer.

image22

Note: If the About Us page link does not appear on the frontend, clear the Magento Cache, and then refresh the frontend of the website again.

Click on the About Us link to see how it is visible.

 

image23

So, this brings us to the end of blog. This Tecklearn ‘Create and Manage CMS (Content Management System) in Magento 2’ blog helps you with commonly asked questions if you are looking out for a job in Magento Programming. If you wish to learn Java and build a career Java Programming domain, then check out our interactive, Java and JEE Training, that comes with 24*7 support to guide you throughout your learning period. Please find the link for course details:

https://www.tecklearn.com/course/java-and-jee-training/

Java and JEE Training

About the Course

Java and JEE Certification Training is designed by professionals as per the industrial requirements and demands. This training encompasses comprehensive knowledge on basic and advanced concepts of core Java & J2EE along with popular frameworks like Hibernate, Spring & SOA. In this course, you will gain expertise in concepts like Java Array, Java OOPs, Java Function, Java Loops, Java Collections, Java Thread, Java Servlet, and Web Services using industry use-cases and this will help you to become a certified Java expert.

Why Should you take Java and JEE Training?

  • Java developers are in great demand in the job market. With average pay going between $90,000/- to $120,000/- depending on your experience and the employers.
  • Used by more than 10 Million developers worldwide to develop applications for 15 Billion devices.
  • Java is one of the most popular programming languages in the software world. Rated #1 in TIOBE Popular programming languages index (15th Consecutive Year)

What you will Learn in this Course?

Introduction to Java

  • Java Fundamentals
  • Introduction to Java Basics
  • Features of Java
  • Various components of Java language
  • Benefits of Java over other programming languages
  • Key Benefits of Java

Installation and IDE’s for Java Programming Language

  • Installation of Java
  • Setting up of Eclipse IDE
  • Components of Java Program
  • Editors and IDEs used for Java Programming
  • Writing a Simple Java Program

Data Handling and Functions

  • Data types, Operations, Compilation process, Class files, Loops, Conditions
  • Using Loop Constructs
  • Arrays- Single Dimensional and Multi-Dimensional
  • Functions
  • Functions with Arguments

OOPS in Java: Concept of Object Orientation

  • Object Oriented Programming in Java
  • Implement classes and objects in Java
  • Create Class Constructors
  • Overload Constructors
  • Inheritance
  • Inherit Classes and create sub-classes
  • Implement abstract classes and methods
  • Use static keyword
  • Implement Interfaces and use it

Polymorphism, Packages and String Handling

  • Concept of Static and Run time Polymorphism
  • Function Overloading
  • String Handling –String Class
  • Java Packages

Exception Handling and Multi-Threading

  • Exception handling
  • Various Types of Exception Handling
  • Introduction to multi-threading in Java
  • Extending the thread class
  • Synchronizing the thread

File Handling in Java

  • Input Output Streams
  • Java.io Package
  • File Handling in Java

Java Collections

  • Wrapper Classes and Inner Classes: Integer, Character, Boolean, Float etc
  • Applet Programs: How to write UI programs with Applet, Java.lang, Java.io, Java.util
  • Collections: ArrayList, Vector, HashSet, TreeSet, HashMap, HashTable

Java Database Connectivity (JDBC)

  • Introduction to SQL: Connect, Insert, Update, Delete, Select
  • Introduction to JDBC and Architecture of JDBC
  • Insert/Update/Delete/Select Operations using JDBC
  • Batch Processing Transaction
  • Management: Commit and Rollback

Java Enterprise Edition – Servlets

  • Introduction to J2EE
  • Client Server architecture
  • URL, Port Number, Request, Response
  • Need for servlets
  • Servlet fundamentals
  • Setting up a web project in Eclipse
  • Configuring and running the web app with servlets
  •  GET and POST request in web application with demo
  • Servlet lifecycle
  • Servlets Continued
  • Session tracking and filter
  • Forward and include Servlet request dispatchers

Java Server Pages (JSP)

  • Fundamentals of Java Server Page
  • Writing a code using JSP
  • The architecture of JSP
  • JSP Continued
  • JSP elements: Scriptlets, expressions, declaration
  • JSP standard actions
  • JSP directives
  • Introduction to JavaBeans
  • ServletConfig and ServletContext
  • Servlet Chaining
  • Cookies Management
  • Session Management

Hibernate

  • Introduction to Hibernate
  • Introduction to ORM
  • ORM features
  • Hibernate as an ORM framework
  • Hibernate features
  • Setting up a project with Hibernate framework
  • Basic APIs needed to do CRUD operations with Hibernate
  • Hibernate Architecture

POJO (Plain Old Java Object)

  • POJO (Plain Old Java Object)
  • Persistent Objects
  • Lifecycle of Persistent Object

Spring

  • Introduction to Spring
  • Spring Fundamentals
  • Advanced Spring

Got a question for us? Please mention it in the comments section and we will get back to you.

 

 

0 responses on "Create and Manage CMS (Content Management System) in Magento 2"

Leave a Message

Your email address will not be published. Required fields are marked *