Home Website TutorialsWordPress Building a News Website with MyThemeShop

Building a News Website with MyThemeShop

by Thạch Phạm
Published: Last Updated on
A+A-
Reset

Continue with the series of web tutorials with AZDIGI, In this article, AZDIGI will guide you to build and deploy a news website with MyThemeShop, one of the theme stores that AZDIGI is giving away for free when you use the service at AZDIGI.

Advantages of MyThemeShop

  • Themes from MyThemeShop are designed Responsive (Automatically optimize display well on all screen sizes such as laptops, phones, tablets).
  • Optimized for loading speed, helping to increase user experience.
  • Optimizing the theme structure helps SEO standards, making on-page SEO easier.
  • Help users install and set up the interface quickly and easily due to the accompanying detailed documentation.
  • Install themes quickly with just one click.
  • Customize the look and feel easily through Theme Options even if you don’t know CSS, HTML, JS and PHP.
  • Customizable colors, background unlimited.
  • Optimizing ads, especially Adsense ads, helps increase CPC, CTR and RPM for maximum advertising efficiency.
  • Customize the font to suit your taste and language.
  • The interface is friendly to mobile devices, displayed with a beautiful layout, easy to navigate.
  • Theme provided by MyThemeShop built on the latest HTML5 and CSS3.
  • Built-in most popular social network icons today.
  • The theme on MyThemeShop supports creating Child Theme for you to freely customize without fear of losing when updating to a new version.
  • Easily update to the new version with one click.
  • Integrate Schema to set up content maps for users, search engines, crawlers.

Requirement

Performed Part 1 and Part 2

I. Install Theme in MyThemeShop

1. Select and install Theme

Each type of business will have corresponding themes according to that type, you need to choose a suitable theme for your business. Mythemeshop supports multiple types and you can see the details on the Mythemeshop homepage to start choosing for your website.

You log in to the WordPress admin => Appearance => Theme and select Add New to start the installation.

Building a News Website with MyThemeShop

Then, you choose Upload Theme => Choose File => Theme you downloaded earlier. And this theme file will be in zip format.

Building a News Website with MyThemeShop

After installation is complete, click Activate to activate the theme.

Building a News Website with MyThemeShop

2. Install the required Plugin

After activating the theme, MyThemeShop will suggest some required Plugins that come with the Theme. Please select Install Plugins => tick the Plugins => Install => Apply to start the installation.

CleanShot 2022 05 01 at 09.06.17@2x

3. Activate MyThemeShop license

To use all the copyright features and the theme store, MyThemeShop Plugin, you need to activate the copyright license. You can send a support request to the Technical Team with the product’s license activated.

Note: The license only needs to be activated once with MyThemeShop Theme & Plugin Updater and you can use all MyThemeShop products later without activation.

anh 1

4. Import demo Theme

Next, you need to enter the demo theme of the selected Theme to use by clicking Appearance => Theme Options

anh 2

At the Theme Options interface, select Import/Export to start importing sample content.

Then, you will see the options that the Theme supports. Please choose the corresponding template that suits yours needs to import.

Demo content includes:

  • Import Theme Options: Import only Theme options.
  • Import Theme Options & Widgets: Import options and Template Widgets.
  • Import Theme Options, Widgets & Content: Import theme options, Widgets and template content.
CleanShot 2022 05 01 at 09.18.18@2x
anh 3

Sample content import is being started. Import may take 5-10 minutes or less. Please don’t close the browser until done.

Then you will get the message Importing process finished!, this means successfully imported. Finally, click OK to close the window.

Note: If you receive an import failure message, please see the returned log and contact our Technical Team to support.

anh 4

Below is the sample interface that I successfully imported. Now you can rely on this template interface to fully customize your website.

anh 5

II. Customize Theme Options in MyThemeShop

1. Customize Customizer in WordPress

Customizer is the default WordPress customization, you can use the Customizer to customize some WordPress components, such as:

  • Site Identity

The Site Identity section links to the Header Builder quite a bit. Because here, you can customize Site Title & Logo Settings and Site Icon aka Favicon.

anh 6
  • Menu

In addition to customizing the menu in Appearance => Menus, you can also customize the menu directly here. To add a new menu, click Add Items.

anh 7
  • Widgets

Widget WordPress (referred to as Widget) is a system of WordPress tools that allows you to add new content, shape the list of posts. Thereby displaying the latest posts on the bars for visitors to search and track the posts easily.

anh 8

Each theme will have certain Widgets with different positions, and you can add multiple blocks in each Widget.

For each block, you can use it as a post editor.

anh 9
  • Homepage Settings

Homepage Settings You will choose a fixed page for the homepage in the Homepage Settings section (you leave it as default).

anh 10
  • Additional CSS

Additional CSS Most website builders often work with this part. Instead of having to edit the CSS code directly in the theme, which will affect the theme and cause unexpected errors, you can edit the CSS in this section.

anh 11

2. Customize Theme Options in MyThemeShop

This is a separate customization function of MyThemeShop. This function will manage almost the entire Theme and you can use the Theme Options to remodel your website.

  • General Settings

This tab contains general settings options that will be applied to the entire theme, such as changing Logo, Favicon.

anh 12
  • Performance

This tab contains performance-related options that can help speed up your sites, such as speeding up page loading, Lazy loading for scrolling, JavaScript syncing,…

anh 13
  • Styling Options

This tab contains functions related to your theme, such as adjusting layout, colors, fonts…

anh 14
  • Header

This tab customizes the elements of the website header section.

anh 15
  • Footer

This tab customizes the footer elements of the theme.

anh 16
  • Homepage

This tab controls the layout of the website homepage section.

anh 17
  • Single Posts

This tab controls the look and functionality of your post.

anh 19
  • Social Buttons

This tab controls the functionality of social network sharing buttons.

anh 18
  • Ad Management

This is the function that controls the ads on your website. With this function, managing ads becomes easier.

anh 20
  • Sidebars

With this function, you have complete control over the sidebars. Here you can manage the sidebars and choose one sidebar per site section or a custom sidebar on a per-post basis in the post editor.

  • Navigation

This function will use on Appearance => Menus

  • Typography

This function controls all the fonts on your website, from headers, pages and articles. To change the font and size, you just need to click and select the font you need to use. To see more options, click More.

anh 21
  • Import/Export

This function is used to import the demo theme for the website. In addition, this function is also used to save the theme’s configuration or import the theme configuration again.

anh 22

Hopefully, this article will bring you some more helpful knowledge to build a complete and beautiful website with MyThemeShop.

If you need assistance, you can contact support in the ways below:

Đánh giá

Tham gia nhóm hỗ trợ Server - Hosting

Tham gia nhóm Hỗ trợ Server - Hosting & WordPress để cùng nhau hỏi đáp và hỗ trợ các vấn đề về WordPress, tối ưu máy chủ/server.

Tham gia ngay

Bài viết cùng chuyên mục

AZDIGI – Không chỉ là đơn vị hàng đầu trong lĩnh vực Web Hosting và Máy chủ, chúng tôi mong muốn mang lại những kiến thức bổ ích nhất và luôn cập nhật thường xuyên cho cộng đồng người đam mê thiết kế website, công nghệ,…

Vui lòng không sao chép nội dung nếu chưa xin phép. Designed and Developed by PenciDesign