How to create homepage in wordpress

New Page

Páginas » Establishing the home page (main page)

A home page is the gateway to your site. By following the steps in this guide, you can change your home page to any page you’ve created.

Table of contents

  1. Step 1: Publish the homepage
  2. Step 2: Establish the homepage
    1. Establish Configuration Home Page
    2. Establish the home page of the pantalla of pages
    3. Establish the home page desde el personalizador
  3. ¡My home page has disappeared!

Step 1: Publish the homepage

If you have created a new page than desea, use the start page, omit this section and advance to step 2.

  1. Navigate to the Pages screen in your WordPress.com panneau de contrôle.
  2. Click Add New Page .
  3. Give the page a title like ‘Home’, or whatever you want to call it.
  4. Add as much content (like text and images) as you want on your page.
  5. Publish the new page.

The page sidebar menu in the page editor with an arrow pointing to the Publish button.Publishing a page in the editor.

💡

If you chose a theme because you liked how the homepage is already designed in the demo, you can choose the Replace my homepage content with the theme’s homepage option while activating the theme.

↑ Table of Contents ↑

Step 2: Establish the homepage

You can set the new page you created in step 1 as your site’s home page using one of the methods described below.

📌

To set up the static home page, your site must have at least one published page. Go back to step 1 if no love.

Establish Configuration Home Page
  1. Go to Configuration → Reading on the left sidebar of your site dashboard.
  2. Next to the label Your homepage displays, select the radio button A static page.
  3. From the drop-down menu next to Homepage, choose your new page as the front page for your site.
  4. Click Save Changes at the bottom of the page.

Screenshot of home page display settings in Settings → Reading. Setting the Homepage from Settings → Reading.

Set the Homepage from the Pages Screen

If your theme has already been set to use a static page as the home page, you can open your list of pages and click on the three dots next to a page, then select Set as Homepage.

Screenshot of the ellipsis menu on the Pages screen, with Set as Home Page highlighted. Setting the Homepage from Pages.

Set the Homepage from the Customizer

To set your home page from the Customizer:

  1. Go to Appearance → Customize.
  2. Select Homepage Settings.
  3. Sélectionnez Une page statique .
  4. Dans le menu déroulant sous Page d’ accueil , choisissez votre nouvelle page comme première page de votre site.
  5. Cliquez sur Enregistrer les modifications .

Screenshot of the home page settings in the Customizer.Paramétrage de la page d’accueil à partir du Customizer.

↑ Table des matières ↑

Ma page d’accueil a disparu !

Si votre page d’accueil a disparu, il est probable que vous venez de changer de thème et d’ajouter le contenu de démonstration du nouveau thème à votre site. Ne t’en fais pas! Votre ancienne page d’accueil sera toujours disponible dans Pages → Brouillons. Vous pouvez republier la page, puis la redéfinir sur votre page d’accueil, en suivant les instructions ci-dessus.

Forfaits et tarifs polyvalents

  • Libre

    plan-free-circle

    Idéal pour les étudiants

  • Personnel

    plan-personal-circle

    Ideal for hobbyists

  • Prime

    plan-premium-circle

    Ideal for freelancers

  • Company

    plan-business-circle

    Ideal for small businesses

Choose a package

Still confused?

Contact support.

Help us improve:

We’re always looking to improve our documentation. If this page didn’t answer your question or left you wanting more, let us know! We love hearing your feedback. For support, please use the forums or contact support form. Thanks!

Name

E-Mail

Website

D

How to Create a Static Website Using WordPress in 2022

Anna Fitzgerald

Anna Fitzgerald

Updated: June 14, 2022

Published: April 28, 2022

WordPress is used by over 30 million active websites, according to data from BuiltWith. Many of those websites are dynamic, but a growing number are static — and for good reason. Static websites can be faster, more secure, and easier to scale than dynamic sites. 

 WordPress static hosting plan being selected by user on desktop

In this post, we’ll take a closer look at what static websites have come to mean in 2022 and some examples. Then we’ll cover how to create a static homepage using WordPress and what static hosting providers, plugins, and themes can help you when creating a static website.

Grow Your Business With HubSpot’s Tools for WordPress Websites

What is a static website?

A static website is made up of HTML files that represent different web pages. When a visitor lands on the site, their browser makes a request to the server, which returns a single HTML file (and likely some accompanying style sheets and scripts) to display the requested page in the browser. This page is rendered the same for every visitor, and can only be changed if a programmer manually modifies the HTML file.

Static vs. Dynamic Websites

“Today, static websites can be very ‘dynamic’ in terms of the experience they offer to visitors,” explains Strattic CEO Miriam Schwab. “This is thanks to advances in frontend technologies like CSS and Javascript, which enable web developers to give users a richer, more interactive experience, even on sites that are technically ‘static.'”

Dynamic websites, i.e. sites that are running on servers that are constantly processing information and generating the web pages, have the ability to generate pages that are more customized to a user’s real-time needs. That’s because dynamic websites don’t store each page as its own HTML file, which is then retrieved and displayed as is by the server. Instead, servers build the pages of a dynamic website on-the-fly using HTML, CSS, and server-side scripting languages like PHP. Meaning, a visitor requests a page and the server pulls information from one or multiple databases to construct the HTML file for that unique website visitor.

Since this is resource- and time-intensive, dynamic websites can have slow load times and other performance issues. Static websites, on the other hand, are typically much faster, even as traffic scales, and like mentioned above, can be just as dynamic as “dynamic” websites these days. Let’s take a look at some examples below.

To learn more about the differences, check out our definitive guide to static vs dynamic websites.

Examples of Static Websites

Below are examples of static websites hosted by Strattic, a hosting platform that converts WordPress to a static architecture in order to optimize its performance and security.

1. Workiz

Workiz

Workiz is an all-in-one scheduling software and app designed for home-services professionals. In order to scale their business and keep it secure, Workiz uses WordPress solely for content management and deploys it as a static replica. This static replica is served up via a global CDN so it’s fast and high-performing despite its sophistication and frequent content updates.

2. Rookout

Rookout

Rookout is designed to provide companies with the debug and monitoring data they need from running applications to help them solve customer issues faster. In order to ensure performance and scalability, Rookout has a static site in order to improve security, reduce server load, and increase the speed of its site.

3. Payoneer

Payoneer

Payoneer is a platform for businesses to make international payments, receive funds, access capital, and more. To avoid downtime, even during spikes in traffic, Payoneer has a static WordPress site. Each page is a static file that gets distributed fully via a CDN so the site actually loads faster as traffic increases.

How to Create a Static Homepage in WordPress

  1. Log into your WordPress dashboard.
  2. Go to Pages > Add New.
  3. Add a title to your new page and any content to welcome your visitors.
  4. Click the blue Publish button.
  5. Go to Settings > Reading.
  6. Under Your homepage displays, click A static page. Then, next to Homepage, select the new page you created.
  7. Click Save Changes.

By default, WordPress displays a list of posts on your homepage. This list is automatically updated when new posts are published. If you’d prefer not to display your latest posts,  you’ll need to create a static page and then set it as your homepage.

Despite the confusing name, this functionality actually has nothing to do with static websites as described above. Instead, it allows users to configure a front page, or homepage, for their website that is not a blog. We know the naming is confusing, but it’s a historical feature that isn’t likely to change any time soon.

In order to create a static homepage on your WordPress site, follow the steps below or check out this video:

 

1. Log into your WordPress dashboard. 2. Go to Pages > Add New. 3. Add a title to your new page and any content to welcome your visitors. (You also can select a full-width template to improve the layout of your homepage.) 

Add new page to create a static website using WordPress

4. Click the blue Publish button. 5. Go to Settings > Reading. 6. Under Your homepage displays, click A static page. Then, next to Homepage, select the new page you created. 

Configuring homepage displays in Reading Settings to create a static website using WordPress

7. Click Save Changes

Here’s how your homepage might look:

example of creating a static website using WordPress

Now back to static websites.

 

WordPress Static Hosting

To create a static WordPress site, you can use a static WordPress hosting provider that converts your site to a static architecture instantly. Here are some of the most popular platforms.

1. Strattic

Strattic landing page showcasing value proposition of static wordpress in one click

Strattic is an all-in-one static site generation and hosting platform. It creates a static version of your WordPress site that’s delivered via a CDN and detaches the front-end of your website from your WordPress admin dashboard. That means content marketers can continue to create and manage content in WordPress while your developers can benefit from the flexibility, scalability, and enhanced performance of a headless site. 

2. Netlify

Netlify

Netlify is an all-in-one web development platform. With Netlify, you can use WordPress for managing content on the backend and a different custom frontend for delivering content as static web pages via Netlify’s High-Performance Edge network.

3. HardyPress

HardyPress

HardyPress is a secure and fast WordPress hosting provider that creates a completely static version of your WordPress website that visitors can access. Your real WordPress installation lives on a separate domain that can be accessed when content managers need to make any changes to the content.

4. Static.app

Static app

Static.app is a one-click solution for hosting your static website. This hosting service makes it easy to create and edit a page with a drag-and-drop builder. Create an archive with your page or website with backend or coding knowledge. Static.app hosting comes with an SSL certificate, personal domain, code editor, and media storage — everything for your website in one tool.

WordPress Plugins for Your Static Website

One disadvantage of having a static website is that some types of functionality won’t work out of the box, so you need to make it static-compatible. That means some features, like your search functionality, may need to be replaced. Some plugins will need to be supported out of the box as well. Fortunately, there are some plugins that work with many static generated WordPress sites (and all work with Strattic). Below are some examples.

1. HubSpot WordPress Plugin

HubSpot WordPress plugin

The HubSpot WordPress plugin lets you add pop-ups, forms, and live chat to your static website. Since it’s integrated with the HubSpot CRM, you can use this plugin to grow your email list, manage your contacts, send marketing emails, and more.

2. Elementor

Elementor editor works with many statically generated WordPress sites

Image Source

Elementor is a top-notch page builder for both novice and professional website designers. With its theme builder, you can drag and drop pre-made widgets on your website (almost all widgets will work on a static website). There’s also mobile editing to help you build a responsive design — no matter what device your visitors use to access your site.

3. Divi

Divi theme and editor works with many statically generated WordPress sites

Divi is more than just a WordPress theme. It’s a visual editor giving you the power to create stunning designs with ease. This drag-and-drop builder lets you design your page in real-time. You’ll have access to more than 80 pre-made designs. Plus, new layouts with royalty-free photos, icons, and illustrations are added weekly to the platform.

4. Static Pages

WP Static Pages

Static Pages is a simple solution to building a static web page with a custom URL. Once you install the plugin, you can create a static page in just a few minutes without having to write code. It’s perfect for creating anything from a blog shop page to a landing page with an embedded signup form. Plus, the tool is designed with search engine optimization in mind, so people can find your page.

WordPress Themes for Your Static Website

Now, it’s time for the fun part: designing your static website. Customizing your site helps visitors identify with your brand as soon as they land on your homepage. We did some research and found multiple WordPress plugins and themes to help you create a custom static website. Find the one that works well for your business. 

1. Astra

Astra

Astra is a lightweight and fast theme that you can use on your static website. Compatible with page builders like Elementor, it comes with an impressive amount of out-of-the-box features to enhance your site, including header options, color and typography customization, and several page layouts. It also provides a huge library of pre-built websites to save you the effort of building your static website from scratch.

2. Amaze

Amaze theme homepage demo with static parallax background

With the Amaze theme, you can create an engaging, high-performing site for your visitors. This feature-rich theme provides a variety of pre-made layouts and customization options. It also has a demo site with a static parallax background and static image hero. 

3. Aden

Aden theme demo with featured articles slider

Aden is a simple and clean theme for bloggers. In addition to offering custom backgrounds, live color options, and breadcrumb navigation, Aden has a static layout and header that’s ideal for static websites. 

Going Static on WordPress

Thanks to static hosting and tools, WordPress is now a go-to platform for creating static websites. With the right plugins and theme, you can customize your static website to provide the functionality your visitors expect and fit your brand’s style. 

Editor’s note: This post was originally published in October 2019 and has been updated for comprehensiveness.

Use the HubSpot tools on your WordPress website and connect the two platforms without having to worry about code. Click here to find out more.

Topics: WordPress Website

Don’t forget to share this post!

Set your homepage and startup page

You can customize Google Chrome to open any page for the homepage or startup page. These two pages aren’t the same unless you set them to be.

  • Your startup page is the one that shows when you first launch Chrome on your device.
  • Your homepage is the one you go to when you click Home Maison.

If your startup page, homepage, or search engine has suddenly changed, then you may have unwanted software. Learn how to find and remove malware from your device, and get your settings back.

Computer Android iPhone & iPad

More

More

  1. More

Set your startup page

You can control what page or pages appear when you launch Chrome on your computer.

Have a new tab open

You can configure Chrome to open a New Tab page each time you open a new window.

  1. On your computer, open Chrome  Chrome.
  2. At the top right, click More Suite so what settings .
  3. On the left, click On Startup
  4. Click Open New Tab Page .

You can customize your New Tab page with:

  • Your shortcuts 
  • Recipes you viewed
  • Your baskets on other sites
  • Different themes 

Learn how to customize your New Tab page.

Continue where you left off

You can tell Chrome to reopen the same pages you were looking at when you left.

On a computer :

  1. On your computer, open Chrome.
  2. At the top right, click More Suite so what settings .
  3. Click On Startup .
  4. Select Continue where you left off .

Your cookies and data are saved, so any websites you were logged in to before (like Gmail, for example) will open again. If you don’t want to be automatically logged in to these pages, follow these steps:

  1. On your computer, open Chrome.
  2. At the top right, click More Suite so what settings .
  3. Click Privacy and security  so what Cookies and other site data .
  4. Turn on Clear cookies and site data when you quit Chrome .

On a Chromebook  : To reopen your pages when you log in, press Ctrl + Shift + t .

Open a specific set of pages

You can tell Chrome to open any web page.

  1. On your computer, open Chrome.
  2. At the top right, click More Suite so what settings .
  3. Under “On startup”, select Open a specific page or set of pages .
    • Click Add New Page . Enter the web address and click Add .
    • Click Use Current Pages .

To update your pages, to the right of a page, click More Suite so what Edit or Delete .

Problems with your startup or home page

If you’re on a computer and you see a home page or start page that you didn’t set up yourself, your computer may contain malware. Learn how to block unwanted changes to Chrome.

If you use a Chromebook at work or school, your network administrator can choose your start page(s) or home page for you. If so, you will not be able to change them. For more help, ask your administrator.

Choose your homepage

You can control the page that appears when you click Home Maison.

  1. On your computer, open Chrome.
  2. At the top right, click More Suite so what settings .
  3. Under “Appearance”, turn on Show Home button .
  4. Under “Show home button”, choose to use the New Tab page or a personalized page

The Home button will appear to the left of the address bar.

Setting up Chrome, your way

Get information about Chrome customization and cambiar Chrome configuration.

Get information about Chrome customization and cambiar Chrome configuration.

Give your opinion on this article

Choose a section to give your opinion on

Google Google translator

Google Google Translate


Video How to create homepage in wordpress

Related Posts

How to add seo keywords in wordpress

Contents1 Cómo agregar palabras clave de SEO en WordPress (aumentar el CTR y las clasificaciones)1.1 Post Title1.2 Headline1.3 Header Tags1.4 Introduction and Conclusion1.5 Body Copy1.6 URL1.7 Meta…

How to embed google calendar into wordpress

Contents1 How to Add a Google Calendar in WordPress (Step by Step)2 Add a Google calendar to your website3 calendario de Google3.1 Versatile plans and pricing4 Video…

How to change the logo in wordpress

Contents1 How to Add a Custom Logo to Your Site Header2 Site Logo2.1 Planes y precios versátiles3 Add, remove or edit a custom logo4 Video How to…

How to add a popup on wordpress

Contents1 Easily create a WordPress emergent form (2 forms)1.1 ¿Por qué usar un formulario emergente de WordPress?1.2 Método #1: Crear un formulario emergente con OptinMonster + WPForms1.3…

How to roll back wordpress version

Contents1 How to Revert WordPress: Undo WordPress Updates (Easy Way)2 How to Downgrade WordPress & Roll Back to a Previous Version2.1 1. A WordPress update included significant changes…

How to rollback wordpress version

Contents1 How to Downgrade WordPress and Revert to an Older Version1.1 1. A WordPress update included significant changes that are not compatible with your theme or plugins1.2…