Вордпресс как изменить главную страницу

Страницы » Настройка домашней страницы (главная страница)

Домашняя страница — это входная дверь вашего сайта. Выполнив действия, описанные в этом руководстве, вы можете сделать домашней любую самостоятельно созданную страницу.

Содержание

Шаг 1. Публикация домашней страницы

Если у вас уже есть новая страница, которую вы хотите использовать как домашнюю, пропустите этот шаг и перейдите к шагу 2.

1. На консоли WordPress.com перейдите на экран Страницы.
2. Щёлкните Добавить страницу.
3. Дайте странице название, например «Домашняя» или любое другое на своё усмотрение.
4. Добавьте содержимое (например, текст и изображения), которое вы хотите разместить на своей странице.
5. Опубликуйте страницу.

💡

Если вы выбрали тему потому, что вам понравился макет домашней страницы в этой демоверсии, при активации темы укажите опцию Заменить содержимое моей домашней страницы домашней страницей темы.

Шаг 2. Настройка домашней страницы

Вы можете настроить страницу, созданную на шаге 1, в качестве домашней с помощью описанных ниже способов.

📌

Для настройки статической домашней страницы на сайте должна быть как минимум одна опубликованная страница. Вернитесь к шагу 1, если у вас её нет.

Настройка домашней страницы на странице «Настройки»

1. Перейдите в раздел Настройки → Обсуждение на левой боковой панели, которая находится на консоли сайта.
2. Рядом с ярлыком На домашней странице отображаются выберите переключатель Статическая страница.
3. В раскрывающемся меню рядом с параметром Домашняя страница выберите новую страницу в качестве главной страницы вашего сайта.
4. Щёлкните Сохранить изменения внизу страницы.

Настройка домашней страницы на экране «Страницы»

Если для вашей темы уже используется статическая страница в качестве домашней, откройте список страниц и щёлкните три точки рядом со страницей, а затем выберите Установить как домашнюю страницу.

Настройка домашней страницы в конфигураторе

Чтобы настроить домашнюю страницу в конфигураторе, сделайте следующее:

1. Перейдите в раздел Внешний вид → Настроить.
2. Выберите Настройки домашней страницы.
3. Выберите Статическая страница.
4. В раскрывающемся меню под параметром Домашняя страница выберите новую страницу в качестве главной страницы своего сайта.
5. Нажмите Сохранить изменения.

Домашняя страница моего сайта исчезла.

Если ваша домашняя страница исчезла, скорее всего, вы просто сменили тему и добавили на сайт демосодержимое новой темы. Не беспокойтесь! Ваша старая домашняя страница будет по-прежнему доступна в разделе Страницы → Черновики. Вы можете повторно опубликовать страницу, а затем настроить её обратно в качестве домашней страницы с помощью приведённых выше инструкций.

Your homepage helps to set the tone for your entire website. If yours isn’t displaying the right content, or just doesn’t look how you envisioned it, you might want to make some changes. However, this can be an intimidating prospect if you don’t have much experience building websites.

The good news is that WordPress provides you with many possibilities for changing your homepage, and it’s not a difficult task to accomplish. There are several ways you can implement so that your home does a better job of conveying your message.

In this guide, we’ll cover what the WordPress homepage is and why you may want to change it. Then we’ll show you a few ways to edit and customize your homepage.

Let’s get started!

Prefer to watch the video version?

What the WordPress Homepage Is (And Why You May Want to Change Yours)

Your homepage is like your website’s welcome mat. It’s the first page visitors see when they type in your URL, so you’ll want it to make a solid first impression.

The homepage should provide visitors with a clear idea of what your website is about and what it can offer them. Slack’s homepage does an excellent job of showing off the product and getting people’s attention:

By default with many WordPress themes, your homepage displays your latest blog posts.

There’s a change, though, you may want something different featured there. That’s especially true if you don’t have a blog, or if it isn’t your website’s focus.

You might even want to change up your homepage throughout the years. For example, if you decide to have a holiday sale or event, you could update the page to advertise that promotion. In other words, there’s no shortage of reasons to change your WordPress homepage.

Your homepage sets the tone for your entire website, so knowing how to customize and edit it is crucial for any site owner. 🎨 Get started with this step-by-step guide ⬇️Click to Tweet

How to Set a Static Homepage

If you don’t want to display your blog posts on your website’s front page, you can set a ‘static’ homepage instead. A static page shows content that doesn’t change frequently. On your WordPress site, you can have a homepage as well as a separate blog page.

To create your homepage, start by logging into your admin dashboard. Click on Pages > Add New:

Give your WordPress homepage a name, and click on the Publish button. Then repeat these steps a second time to create your blog page.

Now that you have your pages ready, you can tell WordPress what to use them for.

Navigate to the Settings > Reading page, and under the Your Homepage Displays options, select A static page. Next, use the dropdown menus to choose your homepage and posts page:

While you’re performing these steps, you may want to put your site into maintenance mode. Doing this will show visitors a message that you set, rather than a nonfunctioning website or a generic error page. If you already get some traffic to your site, you’ll want to consider doing this before tweaking your homepage.

You can use the WP Maintenance Mode plugin to set this feature up:

This plugin enables you to deliver a custom message to site visitors and allows you to create a custom message that lets visitors know your site will soon be back in action.

How to Change Your WordPress Homepage (3 Methods)

Now that you have your homepage set up, it’s time to design it and add some content.

Let’s have a look at three different tools you can use for the job.

1. Using the Theme Customizer to Edit Your Homepage

Many WordPress themes will provide you with a basic homepage design, as well as some options for editing it. You can access these options via the Theme Customizer.

Starting from your admin area, click on Appearance > Customize to launch the tool. The customizer will provide you with a live preview while you edit your homepage, so you can see how your tweaks affect your website’s look.

However, these changes won’t take effect until you click on the Publish button, so feel free to experiment.

Depending on your theme, you may have different options for the changes you can make. You can navigate using the menu tabs, or click on any area with a blue pencil icon to edit it:

If your theme includes multiple templates for your pages, you may want to start by exploring those.

Some themes give you options for where to place your sidebar, for example, or let you remove that element entirely for a full-width page:

If there are sections of the homepage that you’d rather not use, you can use the theme customizer to remove them.

You can do this by navigating to the element in the menu and clicking on the eye icon next to the name of the section:

You can always bring back any areas you’ve removed by clicking on the same icon again. You can also drag the items in the column around if you’d like to change their order.

2. Editing Your WordPress Homepage With the Block Editor

Even if you’ve made some changes with the theme customizer, you might want to make further edits using the Block Editor. The latter offers you more options for tweaking your homepage’s design and layout.

To get started, navigate to your homepage from the admin dashboard by clicking on Pages, and then selecting whichever page you set as home. With the Block Editor, you can add many different types of content to your homepage. You might want to begin with some text introducing your website and what you do.

To get started, you can click on the page and just start typing. The appropriate paragraph block will be created for you automatically.

You can also select the block yourself by clicking on the plus symbol, either in the top-left corner of the screen or when it appears in the editor window. Then you can select or search for the paragraph block:

Once you have your text in place, you can use the block settings menu to customize it further. Under Text settings, you can change the size of your text by selecting a preset or custom size. You can even include a drop cap for some extra style points.

To add a bit of color to your paragraph, you may want to explore the Color settings. Again, you can choose from a set of predefined colors or use a custom brand color:

You’ll likely want to include some images on your homepage as well.

You can do this by clicking on the plus symbol and selecting the Image block:

You can use the resulting block to upload an image, select one from your Media Library, or add one via a URL. You can then use the toolbar just above the block to adjust the image’s alignment or move it up and down the page.

If you’d like to add a caption, there’s space below the picture to include one.

At this point, you can continue adding blocks until you’re happy with your page. To access more blocks, you can click on the plus symbol and either browse or search the resulting menu.

You can also click on Browse all to see all of the blocks you have access to.

For example, if you’re planning to include a mix of media and text, you can do that using individual paragraph and image blocks. However, you may want to try using a Media & Text block instead:

This block enables you to display both media and written content in the same block, in a variety of configurations:

To remove a block, simply click the three vertical dots in the toolbar above it and choose Remove Block. With these tools, you’ll be able to design just about any homepage you can imagine.

3. Changing Your WordPress Homepage With the Classic Editor

If you prefer working with the Classic Editor, you can still build a stunning homepage. Once again, you’ll start from the WordPress admin dashboard.

Click on Pages, and then select the page you set as your site’s home.

To add text, simply begin typing. The text will be a paragraph by default, but you can use the dropdown menu to create a title or heading:

This dropdown menu is where you’ll change text from a paragraph into different headings.

The toolbar next to this drop-down area enables you to make further changes to your text. You can bold or italicize it, change the alignment, and create bulleted or numbered lists. If you’d like to add a blockquote to your page, you can do that here as well.

This toolbar is also where you’ll add links to your copy. Finally, there’s a button you can use to add a ‘read more’ tag. This could be a helpful feature if you will include articles on your site, but don’t want to display the full texts on your homepage.

The last button in the row will open another group of tools. These give you more options for styling your text, such as adding colors or changing the size:

You can also add images and other media to your page using the Classic Editor. To do so, click on the Add Media button to open a new window. You can choose the Select Files button to add new files to your Media Library:

You can upload files from your device to add them to your Media Library.

From this window, you can also access previously-uploaded files by clicking on the Media Library tab. Select the file you’d like to add, and click the Insert into page button:

The image will now appear on your page. You can access options for the file by clicking on it. In the case of this image, you can change the alignment, edit it, or remove it:

You can change the alignment of your image once you’ve inserted it.

To see how your homepage is coming along, you can click on the Preview button. Once you’re satisfied with your page’s appearance, click on the Publish button to save your changes and make them visible on your website.

Optional: Check Out the Twenty Twenty-One Theme

If you enjoy working with the block editor, you might be interested in checking out Twenty Twenty-One theme, the new default theme in WordPress 5.6:

Twenty Twenty-One theme is designed to be flexible, and work well on a variety of different website types. It includes simple fonts and a muted, pastel color scheme. It also makes full use of ‘patterns’, which are predefined block layouts that you can further edit to suit your needs.

These specialized layouts, combined with the simplicity of Twenty Twenty-One, may make this theme an ideal choice if you’d like a highly customized homepage, without having to use a third-party page builder.

How to Build a Menu for Your Homepage

While you’re working on your homepage, you might also want to pay some attention to your navigation menu. While this menu likely appears on most pages of your site, it can be of particular use for first-time visitors landing on your homepage.

Starting from the admin dashboard, click on Appearance > Menus.

If you don’t have any menus yet, you’ll be prompted to create one, or you can select the Create Menu button. Your menu will need a name to distinguish it from other menus you may build:

The next step is to add pages to the menu. You can add them individually, or check the Auto add pages boxes to add all top-level pages automatically.

If you’d prefer to select the pages yourself, select the View All tab in the column on the left. Check the boxes of the pages you’d like to add and click on the Add to Menu button:

You can add top-level pages automatically, or manually select which pages to add.

Now that you’ve added your pages to the menu, you can determine the order in which they will appear. You can do this by simply dragging and dropping the menu items into place.

If you’d like to nest some items under others to create a dropdown style menu, you can do that here as well. This enables you to add more links to your navigation, without making it look cluttered or overwhelming.

All you need to do is drag the child page under and slightly to the right of the parent page:

Finally, depending on your theme, you may have some options for where your menu appears on your page.

Popular options include the footer, across the top of the page, and sidebars (left or right). If the default menu options aren’t enough for you, here’s a list of the best plugins to extend your menu features.

Ready to give your homepage a makeover? 🎨✨ Everything you need to get started is in this guide!Click to Tweet

Summary

A well-designed homepage can give visitors an accurate idea of what your site is about. When set up properly, it can be a powerful tool for ecommerce sites, personal blogs, and everything in between.

There are scenarios, though, where you need to change your homepage to reflect your brand messaging, a new service you may be offering now, your new theme. Thanks to WordPress, you have different ways you could use to change and edit your WordPress homepage, which include:

1. Using the Theme Customizer to edit your homepage
2. Editing your homepage with the Block Editor
3. Changing your homepage with the Classic Editor

Do you still have questions about making changes to your WordPress homepage? Ask us in the comments section below!

Your homepage helps to set the tone for your entire website. If yours isn’t displaying the right content, or just doesn’t look how you envisioned it, you might want to make some changes. However, this can be an intimidating prospect if you don’t have much experience building websites.

The good news is that WordPress provides you with many possibilities for changing your homepage, and it’s not a difficult task to accomplish. There are several ways you can implement so that your home does a better job of conveying your message.

In this guide, we’ll cover what the WordPress homepage is and why you may want to change it. Then we’ll show you a few ways to edit and customize your homepage.

Let’s get started!

Prefer to watch the video version?

What the WordPress Homepage Is (And Why You May Want to Change Yours)

Your homepage is like your website’s welcome mat. It’s the first page visitors see when they type in your URL, so you’ll want it to make a solid first impression.

The homepage should provide visitors with a clear idea of what your website is about and what it can offer them. Slack’s homepage does an excellent job of showing off the product and getting people’s attention:

By default with many WordPress themes, your homepage displays your latest blog posts.

There’s a change, though, you may want something different featured there. That’s especially true if you don’t have a blog, or if it isn’t your website’s focus.

You might even want to change up your homepage throughout the years. For example, if you decide to have a holiday sale or event, you could update the page to advertise that promotion. In other words, there’s no shortage of reasons to change your WordPress homepage.

Your homepage sets the tone for your entire website, so knowing how to customize and edit it is crucial for any site owner. 🎨 Get started with this step-by-step guide ⬇️Click to Tweet

How to Set a Static Homepage

If you don’t want to display your blog posts on your website’s front page, you can set a ‘static’ homepage instead. A static page shows content that doesn’t change frequently. On your WordPress site, you can have a homepage as well as a separate blog page.

To create your homepage, start by logging into your admin dashboard. Click on Pages > Add New:

Give your WordPress homepage a name, and click on the Publish button. Then repeat these steps a second time to create your blog page.

Now that you have your pages ready, you can tell WordPress what to use them for.

Navigate to the Settings > Reading page, and under the Your Homepage Displays options, select A static page. Next, use the dropdown menus to choose your homepage and posts page:

While you’re performing these steps, you may want to put your site into maintenance mode. Doing this will show visitors a message that you set, rather than a nonfunctioning website or a generic error page. If you already get some traffic to your site, you’ll want to consider doing this before tweaking your homepage.

You can use the WP Maintenance Mode plugin to set this feature up:

This plugin enables you to deliver a custom message to site visitors and allows you to create a custom message that lets visitors know your site will soon be back in action.

How to Change Your WordPress Homepage (3 Methods)

Now that you have your homepage set up, it’s time to design it and add some content.

Let’s have a look at three different tools you can use for the job.

1. Using the Theme Customizer to Edit Your Homepage

Many WordPress themes will provide you with a basic homepage design, as well as some options for editing it. You can access these options via the Theme Customizer.

Starting from your admin area, click on Appearance > Customize to launch the tool. The customizer will provide you with a live preview while you edit your homepage, so you can see how your tweaks affect your website’s look.

However, these changes won’t take effect until you click on the Publish button, so feel free to experiment.

Depending on your theme, you may have different options for the changes you can make. You can navigate using the menu tabs, or click on any area with a blue pencil icon to edit it:

If your theme includes multiple templates for your pages, you may want to start by exploring those.

Some themes give you options for where to place your sidebar, for example, or let you remove that element entirely for a full-width page:

If there are sections of the homepage that you’d rather not use, you can use the theme customizer to remove them.

You can do this by navigating to the element in the menu and clicking on the eye icon next to the name of the section:

You can always bring back any areas you’ve removed by clicking on the same icon again. You can also drag the items in the column around if you’d like to change their order.

2. Editing Your WordPress Homepage With the Block Editor

Even if you’ve made some changes with the theme customizer, you might want to make further edits using the Block Editor. The latter offers you more options for tweaking your homepage’s design and layout.

To get started, navigate to your homepage from the admin dashboard by clicking on Pages, and then selecting whichever page you set as home. With the Block Editor, you can add many different types of content to your homepage. You might want to begin with some text introducing your website and what you do.

To get started, you can click on the page and just start typing. The appropriate paragraph block will be created for you automatically.

You can also select the block yourself by clicking on the plus symbol, either in the top-left corner of the screen or when it appears in the editor window. Then you can select or search for the paragraph block:

Once you have your text in place, you can use the block settings menu to customize it further. Under Text settings, you can change the size of your text by selecting a preset or custom size. You can even include a drop cap for some extra style points.

To add a bit of color to your paragraph, you may want to explore the Color settings. Again, you can choose from a set of predefined colors or use a custom brand color:

You’ll likely want to include some images on your homepage as well.

You can do this by clicking on the plus symbol and selecting the Image block:

You can use the resulting block to upload an image, select one from your Media Library, or add one via a URL. You can then use the toolbar just above the block to adjust the image’s alignment or move it up and down the page.

If you’d like to add a caption, there’s space below the picture to include one.

At this point, you can continue adding blocks until you’re happy with your page. To access more blocks, you can click on the plus symbol and either browse or search the resulting menu.

You can also click on Browse all to see all of the blocks you have access to.

For example, if you’re planning to include a mix of media and text, you can do that using individual paragraph and image blocks. However, you may want to try using a Media & Text block instead:

This block enables you to display both media and written content in the same block, in a variety of configurations:

To remove a block, simply click the three vertical dots in the toolbar above it and choose Remove Block. With these tools, you’ll be able to design just about any homepage you can imagine.

3. Changing Your WordPress Homepage With the Classic Editor

If you prefer working with the Classic Editor, you can still build a stunning homepage. Once again, you’ll start from the WordPress admin dashboard.

Click on Pages, and then select the page you set as your site’s home.

To add text, simply begin typing. The text will be a paragraph by default, but you can use the dropdown menu to create a title or heading:

This dropdown menu is where you’ll change text from a paragraph into different headings.

The toolbar next to this drop-down area enables you to make further changes to your text. You can bold or italicize it, change the alignment, and create bulleted or numbered lists. If you’d like to add a blockquote to your page, you can do that here as well.

This toolbar is also where you’ll add links to your copy. Finally, there’s a button you can use to add a ‘read more’ tag. This could be a helpful feature if you will include articles on your site, but don’t want to display the full texts on your homepage.

The last button in the row will open another group of tools. These give you more options for styling your text, such as adding colors or changing the size:

You can also add images and other media to your page using the Classic Editor. To do so, click on the Add Media button to open a new window. You can choose the Select Files button to add new files to your Media Library:

You can upload files from your device to add them to your Media Library.

From this window, you can also access previously-uploaded files by clicking on the Media Library tab. Select the file you’d like to add, and click the Insert into page button:

The image will now appear on your page. You can access options for the file by clicking on it. In the case of this image, you can change the alignment, edit it, or remove it:

You can change the alignment of your image once you’ve inserted it.

To see how your homepage is coming along, you can click on the Preview button. Once you’re satisfied with your page’s appearance, click on the Publish button to save your changes and make them visible on your website.

Optional: Check Out the Twenty Twenty-One Theme

If you enjoy working with the block editor, you might be interested in checking out Twenty Twenty-One theme, the new default theme in WordPress 5.6:

Twenty Twenty-One theme is designed to be flexible, and work well on a variety of different website types. It includes simple fonts and a muted, pastel color scheme. It also makes full use of ‘patterns’, which are predefined block layouts that you can further edit to suit your needs.

These specialized layouts, combined with the simplicity of Twenty Twenty-One, may make this theme an ideal choice if you’d like a highly customized homepage, without having to use a third-party page builder.

How to Build a Menu for Your Homepage

While you’re working on your homepage, you might also want to pay some attention to your navigation menu. While this menu likely appears on most pages of your site, it can be of particular use for first-time visitors landing on your homepage.

Starting from the admin dashboard, click on Appearance > Menus.

If you don’t have any menus yet, you’ll be prompted to create one, or you can select the Create Menu button. Your menu will need a name to distinguish it from other menus you may build:

The next step is to add pages to the menu. You can add them individually, or check the Auto add pages boxes to add all top-level pages automatically.

If you’d prefer to select the pages yourself, select the View All tab in the column on the left. Check the boxes of the pages you’d like to add and click on the Add to Menu button:

You can add top-level pages automatically, or manually select which pages to add.

Now that you’ve added your pages to the menu, you can determine the order in which they will appear. You can do this by simply dragging and dropping the menu items into place.

If you’d like to nest some items under others to create a dropdown style menu, you can do that here as well. This enables you to add more links to your navigation, without making it look cluttered or overwhelming.

All you need to do is drag the child page under and slightly to the right of the parent page:

Finally, depending on your theme, you may have some options for where your menu appears on your page.

Popular options include the footer, across the top of the page, and sidebars (left or right). If the default menu options aren’t enough for you, here’s a list of the best plugins to extend your menu features.

Ready to give your homepage a makeover? 🎨✨ Everything you need to get started is in this guide!Click to Tweet

Summary

A well-designed homepage can give visitors an accurate idea of what your site is about. When set up properly, it can be a powerful tool for ecommerce sites, personal blogs, and everything in between.

There are scenarios, though, where you need to change your homepage to reflect your brand messaging, a new service you may be offering now, your new theme. Thanks to WordPress, you have different ways you could use to change and edit your WordPress homepage, which include:

1. Using the Theme Customizer to edit your homepage
2. Editing your homepage with the Block Editor
3. Changing your homepage with the Classic Editor

Do you still have questions about making changes to your WordPress homepage? Ask us in the comments section below!

От автора: всем привет. Сегодня я покажу вам, как редактировать главную страницу в wordpress двумя способами. Действительно, очень часто возникает необходимость немного подправить ее внешний вид, либо изменить полностью. Как же это сделать?

Первый вариант — редактирование файла index.php

Если у вас в настройках задано, что на главной должны выводиться последние записи, то код, который отвечает за их вывод находиться в файле index.php активной темы. Именно его нужно открыть в удобном редакторе, чтобы что-то изменить. Я покажу все на локальном сервере. Например, вот так на главной выводятся записи в известном шаблоне Twentyfourteen.

Допустим, нам нужно изменить заголовки, добавив в них какое-то слово. Давайте займемся этим несложным делом. Для начала необходимо найти папку с активным шаблоном и зайти в нее.

Рекомендую вам, кстати, тоже пробовать именно на локальном сервере, он намного лучше подходит для учебы и экспериментов. В папке шаблоне нам нужен файл index.php.

Открываем его. Желательно с помощью редакторе вроде Notepad++, а не простого блокнота, где нет никакой подсветки кода. Если вы вообще не знаете php и wordpress-функций, вам может быть очень сложно ориентироваться в коде. И все же я попытаюсь что-то объяснить. В данном случае видим в файле стандартный цикл вордпресса, который проверяет, есть ли посты, и если они есть, выводит их соответствующим образом. Вот он:

Если говорить простым языком, происходит следующее: wordpress проверяет, есть ли вообще записи на вывод, и если есть, то функцией get_template_part передает команду — подключи-ка мне в этот файл тот код, который находится в файле content.php.

Вот мы с вами и пришли к тому, что в случае с шаблоном twentyfourteen редактировать нужно именно этот файл. Открываем его.

Уже в нем содержится код, который и отвечает за вывод анонса записи. Опять же, вы должны читать код хотя бы интуитивно. Например, этот кусок кода проверяет, является ли тип записи одиночным постом.

Если да, то будет выведен h1, то есть заголовок первого уровня, без ссылки на запись, потому что мы и так находимся на странице записи.

Во всех остальных случаях будет выведен заголовок ссылка. Можно попробовать добавить какое-нибудь слово в параметр, сохранить и посмотреть, что получится:

Вот, мы уже изменили главную страницу. Чтобы делать это сознательно, вам нужно знать основы php и функции движка wordpress. Соответственно, редактируя код файлов шаблона, вы можете изменить тему как угодно, в том числе и главную страницу.

Второй способ — задать свою главную страницу

Для этого необходимо в админке перейти в пункт Внешний вид — Настроить. Потом выбрать пункт Статическая главная странице, где выбрать и указать статическую страницу в качестве главной, изменения также нужно сохранить.

Теперь на главной выводится вот что:

И если внести изменения на страницу с последними записями вы могли лишь через код, то статическую страницу можно изменять через кнопку Редактировать в админ-баре.

Можно полностью стереть все, что было, и написать свой текст, вставить картинки, цитаты, списки. Я рекомендую вам использовать режим Текст, в котором можно свободно использовать html-теги. Это нужно для того, чтобы у вас было больше возможностей для изменений.

Вот что теперь выводиться на главной:

Итог

Конечно, я показал вам очень примитивные примеры. Но что мешает внести больше изменений и полностью преобразить главную страницу? Ничего. Каким бы способом вы ни пользовались, базовые знания html приветствуются. Первый способ требует большей квалификации, потому что речь идет уже о веб-программировании и изменении кода шаблона.

Что же вам делать, если вы хотите научиться редактировать и создавать свои сайты на wordpress, но пока бьетесь об стену? Выход очень прост — приобрести наш курс по созданию сайтов с нуля на wordpress. Заметьте, по созданию, а не по редактированию. И если вы научитесь делать их с нуля, то подправить что-то в шаблоне потом будет совсем простой задачей.

Что ж, на этом я прощаюсь с вами. Если хотите в ближайшее время совершить резкий скачок вперед в понимании верстки и wordpress, обязательно приобретайте наш курс — подобные продукты в рунете редкость!

WordPress по праву можно назвать самой удобной системой для управления сайтов для начинающих web мастеров. Она дает возможность использовать стандартные схемы оформления страниц. Этот вариант достаточно неплохой, но поверьте, помимо вас кто-то также создал сайт с точно таким же оформлением, да и некоторые шаблоны-клише имеют ошибки в кодах. Поэтому логично задастся вопросом, как отредактировать стандартный шаблон WordPress. Начнем с работы над главной страницей.

Из чего состоит «лицо» вашего сайта в CCS?

Прежде, чем лезть в таблицу стилей, следует разобраться с кодами, данные там. Имена разделов, которые чаще всего редактируются:

• index.php (именно он выводит главную страницу сайта);
• header.php отвечает за шапку сайта, также в нем открывается тег , после которого, кстати, и размещаются коды для всех счетчиков статистики посещаемости;
• style.css отвечает за стиль шаблона, в нем задается внешний вид элементов сайта (именно здесь и будут твориться чудеса редактирования главной страницы в Вордпресе).

Все возможные способы: от простого к сложному

Способов, чтобы изменить главную страницу WordPress существует несколько. Они отличаются между собой по сложности и вариантам, которые можно осуществить. Например, с помощью одного из методов web мастер может только поменять фон, а другим – сделать рамку кнопки меню не с острыми, а с закругленными углами. Все зависит от способностей и запросов, которые вы ставите перед WordPress.

Где найти места, в которых можно редактировать главную страницу сайта, как и остальные другие страницы:

• админ панель;
• файловый менеджер хостинга;
• по ftp-клиент (для больших и серьезных объемов работ).

Рассмотри способ, как редактировать главную страницу через административную панель WordPress. Это с одной стороны самый простой способ, но с другой, он не допускает появления ошибок кодов. Поэтому будьте осторожны.

Стандартные настройки

Проще всего настроить главную страницу в стандартном редакторе. То есть отредактировать тему. В зависимости от выбранного шаблона существуют варианты редактирования. Чаще всего так просто можно изменить цвет фона, изображение, название сайта, цвет текста. Также можно внести изменения в меню, поработать с виджетами WordPress. Особое внимание при редактировании темы стоит уделить вкладке «статическая главная страница». Именно здесь указывается, какую страницу вы выбираете главной.

Файл style.css — таблица стилей

Начинать редактирование главной страницы сайта стоит с файла style.css. Его найти достаточно просто. Сперва нужно войти в админ панель своего Вордпрес. В консоли находим вкладку Внешний вид и переходим к файлу style.css. Это достаточно большой текстовый файл.

После того, как внесете все поправки, не забывайте нажимать кнопку «обновить файл» для сохранения изменений.

Итак, строка Description отвечает за описание темы, там же указываются и версия, автор, тэги, которые будут использоваться дальше. Чуть ниже по файлу style.css находится список значений, использующихся во всех страницах сайта: заголовки, отступы полей, списки.

В WordPress после тэга body можно вносить свои изменения:

• цвет фона;
• размер, цвет, стиль шрифта;
• наличие прокрутки фона;
• форма и размер отображаемой страницы.

Например:

background: url(images/bg_g.png) repeat #000 fixed;
color: #2c2b2b;
font: normal 12px arial;
line-height: 18px;
position: relative.

При этом значение «#2c2b2b» означает цвет, который будет иметь текст.

Все значения, которые определяются наподобие: background: url(images/sprite_master.png) используют для редактирования изображений. Это могут быть совершенно различные варианты png: от кнопок, до рисунков и фонов. Графические файлы должны быть загружены в каталог хранилища и уже оттуда берутся на них ссылки, вставляемые вместо «sprite_master.png» как в нашем примере.

К примеру, блок custom_header отвечает за создание рисунка в шапке главной страницы. Он может обозначаться как default_header.jpg. Методика его изменения описана выше. Допустимо изменить также и размер изображения. Например, если было 2500 х 1600 пикселей, то для эффективного отображения лучше поставить 1800 х 600.

Важно помнить, что каждый из параметров, которых сотни в файле style.css отвечает за какой-либо определенный участок сайта.

Статическая страница

Для того, чтобы сделать главную страницу, которая будет статической. Это значит, что определенный текст будет виден на любой из страниц. Такой вариант необходим для закрепления новостей либо рекламы на своем сайте, к сожалению он доступен для старых версий WordPress.

Результаты внесения изменений

Изменить шаблоны в WordPress не так уж и сложно. Для начинающих полезно будет посетить сайт wordpress-theming.ru, где дано описание и приведены примеры разнообразных тем, для их установки на свой портал. Те, кто желает более тяжелых путей, могут редактировать главную страницу своего сайта самостоятельно.

Здесь был описан один из способов, как редактировать для своего сайта главную страницу через админ панель. Кроме этого существуют еще два способа. Они несколько сложнее и требуют большей подготовки пользователя. Прежде чем приступать к ним, можно посоветовать хорошо потренироваться с главной страницей в таблице стилей.