Преобразование HTML в WordPress (шаг за шагом)


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


Однако это не означает, что статические HTML-сайты больше не существуют. На самом деле, HTML5, последняя итерация языка разметки, очень мощная и позволяет создавать качественные сайты без CMS..

Тем не менее, растущая доля рынка WordPress показывает, что все больше и больше людей переходят на платформу.

Доля рынка WordPress в 2019 году

Для некоторых из них это означает переход от статического HTML к WordPress. Это может быть сложной задачей, но этот пост попытается объяснить, как это сделать, несколькими простыми способами..

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

Давайте идти.

Contents

3 способа перехода от статического HTML к WordPress

Чтобы перейти от HTML к WordPress, вам нужно превратить ваш HTML-дизайн в тему WordPress. Тема управляет внешним видом и ощущением веб-сайта WordPress, а функциональность обеспечивается самой CMS, а также дополнительными плагинами..

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

А) Конвертировать HTML вручную в тему WordPress

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

Это не слишком сложно, особенно если у вас есть опыт программирования. Вы можете сделать это с небольшим количеством HTML, CSS и некоторыми знаниями PHP. Многое из этого скопировать и вставить.

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

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

Б) HTML в WordPress через дочернюю тему WordPress

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

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

C) Импорт контента из HTML в WordPress с помощью плагина

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

А) Как вручную конвертировать HTML в тему WordPress

Если ваша цель – начать с нуля и создать свою собственную тему WordPress, которая напоминает ваш существующий веб-сайт HTML, начните отсюда.

Не волнуйтесь, если это звучит пугающе, вы увидите, что это совсем не так. Всего несколько файлов и папок, а также копирование и вставка – все, что нужно.

1. Создайте папку с темами и основные файлы

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

После этого перейдите в редактор кода и создайте несколько текстовых файлов. Назовите их следующим:

  • style.css
  • index.php
  • header.php
  • sidebar.php
  • footer.php

Пока ничего с ними не делайте, держите файлы открытыми в редакторе. Они скоро понадобятся.

2. Скопируйте существующий CSS в таблицу стилей WordPress.

Теперь пришло время подготовить таблицу стилей WordPress (файлstyle.css Вы только что создали), чтобы скопировать CSS старого сайта в него. Для этого откройте файл и вставьте следующее:

/ *
Название темы: двадцать тринадцать
URI темы: http://wordpress.org/themes/twentythirteen
Автор: команда WordPress
URI автора: http://wordpress.org/
Описание. Тема 2013 года для WordPress возвращает нас к блогу, в котором представлен полный спектр форматов записей, каждый из которых красиво отображается по-своему. Детали дизайна в изобилии, начиная с яркой цветовой схемы и соответствующих изображений заголовков, красивой типографики и значков, и гибкого макета, который отлично смотрится на любом устройстве, большом или маленьком.
Версия: 1.0
Лицензия: GNU General Public License v2 или новее
URI лицензии: http://www.gnu.org/licenses/gpl-2.0.html
Теги: черный, коричневый, оранжевый, желто-коричневый, белый, желтый, светлый, одна колонка, две колонки, правая боковая панель, гибкая ширина, настраиваемый заголовок, настраиваемое меню, стиль редактора, рекомендуемые изображения, микроформаты, Post-форматы, поддержка RTL-языка, Sticky-Post, готов к переводу
Текстовая область: двадцать тринадцать

* /

Это так называемый заголовок таблицы стилей (Важно: не оставляйте комментарий/*...*/ помечает!). Заполните каждую часть следующим образом:

  • Название темы – Здесь идет название вашей темы. Это может быть что угодно, но обычно оно совпадает с именем папки вашей темы..
  • URI темы – Обычно вы размещаете здесь главную страницу темы, но вы можете использовать свой собственный адрес сайта.
  • автор – Это ты. Поставьте здесь свое имя или как хотите, чтобы вас называли.
  • URI автора – Ссылка на вашу домашнюю страницу. Это может быть тот, который вы строите или что-то имеет смысл.
  • Описание – Необязательное описание вашей темы. Это будет отображаться в бэкэнде WordPress.
  • Версия – версия вашей темы. Поскольку вы его не публикуете, это не имеет значения. Мы обычно ставим 1,0 здесь.
  • Лицензия, Лицензионный URI, Теги – Эти вещи важны, только если вы планируете представить свою тему на Каталог тем WordPress. Вы можете оставить их в этом случае, мы просто включили их для завершения.

После заголовка скопируйте и вставьте существующий CSS со своего статического HTML-сайта. Затем сохраните файл в папке новой темы и закройте его. Время переезжать на отдых.

3. Отделите ваш существующий HTML

В следующей части вы должны понимать, что WordPress обычно использует PHP для извлечения информации из своей базы данных. По этой причине вам нужно разделить существующий HTML-код на разные части, чтобы CMS могла правильно их собрать..

Хотя это звучит сложно, все это означает, что вы копируете и вставляете части своего HTML-документа в несколько файлов PHP. Чтобы продемонстрировать это лучше, мы собрали простую страницу примера, которую вы можете увидеть ниже.

HTML в WordPress пример страницы

Как вы можете видеть, это очень стандартный HTML-шаблон, который включает в себя заголовок, область содержимого, боковую панель и нижний колонтитул. Сопровождающий код таков:





Название сайта







Название сайта

  • Навигация № 1
  • Навигация № 2
  • Навигация № 3

Название статьи

Lorem Ipsum Dolor Sit Amet, Concetetur Adipiscing Elit. Aliquam sodales urna non odio egestas tempor. Nunc vel Vehicleula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. В последнем эпизоде, eu porta velit mollis nec.

подрубрика

Lorem Ipsum Dolor Sit Amet, Concetetur Adipiscing Elit. Aliquam sodales urna non odio egestas tempor. Nunc vel Vehicleula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. В последнем случае, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in the est sed erat facilisis pharetra.

подрубрика

Lorem Ipsum Dolor Sit Amet, Concetetur Adipiscing Elit. Aliquam sodales urna non odio egestas tempor. Nunc vel Vehicleula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. В последнем случае, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in the est sed erat facilisis pharetra.

Если ваш дизайн отличается, вам, возможно, придется немного отрегулировать шаги ниже. Тем не менее, общий процесс остается прежним.

Во-первых, откройте свой текущий index.html (основной файл вашего сайта HTML). После этого просмотрите ваши недавно созданные файлы WordPress и скопируйте в них следующее (примеры ниже – моя разметка):

header.php

Все от начала вашего HTML-файла до основной области содержимого (обычно обозначается как

или

) входит в этот файл. В дополнение к этому, прямо перед тем, где говорится, скопировать и вставить . Это важно для правильной работы многих плагинов WordPress..




Название сайта






Название сайта

  • Навигация № 1
  • Навигация № 2
  • Навигация № 3

sidebar.php

Все, что принадлежит разделу

После этого вы сделали с index.html и может закрыть его. Сохраните все остальные файлы в папке вашей темы и закройте их, кроме header.php а также index.php. У вас есть еще работа с ними.

4. «WordPressify» Header.php и Index.php

Для заголовка все, что осталось, – это изменить вызов таблицы стилей с HTML на формат WordPress. Для этого найдите существующую ссылку в раздел. Это может выглядеть примерно так:

Замените это на это:

Круто, теперь вы можете сохранить и закрыть header.php. Затем перейдите к index.php. Он должен быть пустым в данный момент. Итак, сначала скопируйте и вставьте эти строки кода:




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

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


Теперь сохраните index.php файл и закройте его. Отлично сработано! Ваша основная тема готова. Теперь вы можете добавить его на свой новый сайт WordPress.

5. Создайте скриншот и загрузите тему

Теперь вы добавите скриншот темы, который вместе с информацией из заголовка таблицы стилей будет служить предварительным просмотром вашего сайта в бэкэнде WordPress..

Для этого откройте существующий сайт в браузере и сделайте снимок экрана предпочитаемым способом. После этого откройте программное обеспечение для редактирования изображений по вашему выбору и обрежьте его до 880 × 660 пикселей. Сохранить как screenshot.png и добавьте его в папку с вашей темой. Теперь вы готовы загрузить свою тему.

Чтобы получить новую тему на свой сайт WordPress, у вас есть несколько вариантов. Однако обязательным условием является то, что все файлы находятся в папке вашей темы..

Первый вариант – создать из него zip-файл. После этого перейдите на свой сайт WordPress, а затем Внешний вид> Темы. Здесь, нажмите Добавить новое наверху, а затем Загрузить тему.

загрузить конвертированную тему

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

Кроме того, вы можете подключиться к вашему серверу через FTP (или просто перейти в локальный каталог на жестком диске) и перейти к WP-содержание / темы. Затем загрузите вашу (разархивированную) папку с темой туда. После этого активируйте тему с того же места, что и раньше.

Ницца! Внешний интерфейс вашего нового сайта теперь должен выглядеть как ваш старый сайт. Все, что осталось для завершения перехода с HTML на WordPress – это импортировать существующий контент. Мы рассмотрим это ниже, когда будем говорить об использовании существующей темы WordPress..

Имейте в виду, однако, что хотя основная тема работает и сейчас, вы можете сделать больше вещей, чтобы лучше интегрировать свой HTML с WordPress. Это включает в себя сделать заголовок и описание вашего блога доступными для редактирования, добавление областей виджетов, комментарии и многое другое. Возможно, вам также придется добавить CSS-разметку, потому что контент не является частью вашего оригинального дизайна, как изображения.

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

Б) HTML в WordPress через дочернюю тему WordPress

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

Это с помощью так называемой детской темы. Эти темы построены поверх другой темы (родительской), которая не стоит отдельно, а просто изменяет родительскую тему в соответствии с вашими потребностями. Достаточно легко сделать, хотя это займет немного детективной работы.

1. Выберите подходящую тему

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

Проверить Каталог тем WordPress, наш список удивительных тем или заглянуть в премиум темы найти подходящего кандидата. После некоторых поисков мы решили, что Две тысячи двенадчать Тема станет хорошей отправной точкой для моего перехода от HTML к WordPress. Обычно мы выбираем что-то более современное, но это хорошо сочетается с простым дизайном, с которым мы работаем.

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

2. Создайте новую папку

Как и в предыдущем методе, для дочерней темы вам нужно создать папку темы. Здесь вы положите все файлы, принадлежащие ему.

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

Какое бы имя вы ни выбрали, просто не указывайте пробелы, так как это не сработает..

3. Настройте таблицу стилей

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

Мы вернемся ко второй части позже. А пока создайте обычный style.css и поместите его в папку темы. Затем добавьте следующее:

/ *
Название темы: Двадцать пятнадцать детей
URI темы: http://example.com/twenty-fifteen-child/
Описание: Тема «Двадцать пятнадцать детей»
Автор: Джон Доу
URI автора: http://example.com
Шаблон: двадцать пятнадцать
Версия: 1.0.0
Лицензия: GNU General Public License v2 или новее
URI лицензии: http://www.gnu.org/licenses/gpl-2.0.html
Теги: светлый, темный, две колонки, правая боковая панель, адаптивный макет, готовность к доступности
Текстовая область: двадцать пятнадцать детей
* /

Как видите, он очень похож на заголовок таблицы стилей, который вы использовали ранее, за одним исключением: он содержит шаблон тег.

В этом разделе вы должны указать название темы, которая будет работать как родительская. Без этого детская тема не сработает. Чтобы избежать этого, введите имя папки родителя. Итак, для двадцати двенадцати, это было бы Шаблон: двадцать двенадцать.

4. Создайте Functions.php и Наследуйте Родительские Стили

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

Чтобы это изменить, сначала нужно унаследовать стили родителя, а для этого – functions.php. Этот файл является важной частью любой установки WordPress и позволяет вносить радикальные изменения на ваш сайт..

Однако в этом случае вы будете использовать его только для вызова стиля родителя. Для этого создайте новый файл и назовите его functions.php. Первое, что вы добавите в самом начале, это:

С открывающим тегом PHP файл теоретически готов, но пока ничего не делает. Итак, дополнительно вам нужно будет ввести это:

function child_theme_enqueue_styles () {

$ parent_style = 'parent-style';

wp_enqueue_style ($ parent_style, get_template_directory_uri (). '/style.css');
wp_enqueue_style ('child-style',
get_stylesheet_directory_uri (). '/Style.css',
массив ($ parent_style),
wp_get_theme () -> Get ( 'Версия')
);
}
add_action ('wp_enqueue_scripts', 'child_theme_enqueue_styles');

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

5. Активируйте тему ребенка

На этом этапе дочерняя тема готова для активации.

Вы можете добавить скриншот к нему, как в инструкциях выше, если хотите. Кроме того, вы можете либо сжать его и добавить в WordPress через Внешний вид> Темы> Добавить новый> Загрузить тему или просто добавив папку как есть WP-содержание / темы.

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

6. Настройте дизайн

Вот где начинается вышеупомянутая детективная работа. Настало время изменить дизайн существующей темы, чтобы она напоминала ваш оригинальный HTML-сайт..

Например, первое, что выделяется, это то, что наша тема WordPress добавляет пространство над верхним и нижним колонтитулом, которого нет на нашем HTML-сайте..

HTML в WordPress через страницу примера дочерней темы

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

тело {
поле: 0;
}

Затем мы делаем то же самое с моей новой темой WordPress, где находим следующие стили:

body .site {
margin-top: 48px;
на полях: 3.428571429рем;
нижнее поле: 48 пикселей;
поле снизу: 3.428571429рем;
}

Теперь моя цель - применить стиль с сайта HTML к теме WordPress. В этом случае мы можем добиться этого, просто добавив следующее в мою дочернюю тему style.css:

body .site {
поле: 0 авто;
}

После сохранения к теме WordPress применяются новые стили:

html to wordpress через пример страницы редактирования дочерней темы

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

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

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

C) Импорт контента из HTML в WordPress с помощью плагина

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

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

1. Установите плагин для импорта

Первое, что вам нужно сделать, это установить плагин HTML Import 2. Самый простой способ достичь этого - это Плагины> Добавить новый и искать его по имени. Когда вы найдете его в списке (он может быть дальше внизу), нажмите на Установить сейчас. Активируйте, когда это будет сделано.

HTML для WordPress плагин импорта

2. Подготовить импорт

Чтобы импортировать несколько страниц одновременно, вам необходимо загрузить их на тот же сервер, на котором установлена ​​ваша WordPress. Плагин предложит что-то вроде HTML-файлы к импорту  имя папки, но вы можете выбрать все, что вы хотите. Просто не забудьте запомнить путь.

Как вы увидите ниже, вы также можете импортировать отдельные страницы одну за другой. Для любого метода, перейдите в WordPress и Настройки> Импорт HTML. Сейчас мы рассмотрим самые основные настройки. Если вам нужна дополнительная информация или если что-то неясно, обратитесь к официальное руководство пользователя.

файлы

HTML в WordPress импортировать файлы

Настройте этот экран следующим образом:

  • Каталог для импорта - Введите путь, в который вы только что скопировали существующие файлы.
  • URL старого сайта - Используется для перенаправлений. Введите свой старый URL. Мы поговорим об этом позже в этой статье..
  • Файл по умолчанию - Файл по умолчанию для каталогов на старом сайте, обычно index.html.
  • Расширения файлов для включения - Расширения файлов, которые вы хотите импортировать.
  • Каталоги для исключения - Если на старом сайте есть каталоги, которые вы не хотите импортировать, введите их здесь.
  • Сохранить имена файлов - Чтобы плагин автоматически использовал ваши имена файлов в качестве нового URL, установите этот флажок. Это имеет смысл, если ваши заголовки очень длинные, потому что обычно импортер использует их для создания слаг.

содержание

Под контентом необходимо настроить HTML-тег, содержащий контент вашего сайта..

HTML в WordPress импортировать контент

Для этого выберите вариант HTML-тег наверху. Затем настройте тег в следующих трех полях. Например, если ваш контент содержится в теге с именем

, информация, которую вы вводите, будет ДИВ, Я бы а также главный.

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

Название и метаданные

HTML для WordPress импортировать заголовок и метаданные

Эта часть похожа на часть контента ранее. Тем не менее, он имеет дело с заголовками страниц. В начале вы должны сообщить плагину, как заголовки помечены в вашем HTML-шаблоне, чтобы он мог импортировать их в нужное место..

Кроме того, вы можете отфильтровать лишние вещи, такие как заголовок сайта, поскольку по умолчанию они часто отображаются в темах WordPress. Если ваши заголовки находятся внутри контента, вы также можете сказать импортеру удалить их, чтобы они не были включены дважды.

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

Настраиваемые поля

HTML в WordPress импортировать настраиваемые поля

Если у вас есть данные, которые нужно импортировать в пользовательские поля, вы можете настроить их здесь.

Категории и теги

HTML в WordPress импортировать категории и теги

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

инструменты

HTML в WordPress инструменты импорта

На этом экране перечислены несколько полезных инструментов для успешного импорта из HTML в WordPress..

3. Начать импорт

Как только вы закончите, сохраните настройки. Это позволит Импортировать файлы кнопка. Нажмите, чтобы начать.

HTML для импорта WordPress

(Примечание: вы также можете попасть сюда через Инструменты> Импорт а затем выбирая Запустить импортер под HTML опция).

Затем выберите, следует ли импортировать каталог с файлами или один файл (вам нужно перейти к нему), затем нажмите Разместить. Затем плагин будет работать.

После этого у вас должен быть весь существующий контент на вашем сайте WordPress, отформатированный новой темой. Или, если вы пошли одним из других маршрутов, ваш сайт должен выглядеть в основном так же, как ваш прежний HTML-сайт. Красиво сделано!

Дополнительные шаги

Если вы планируете развертывать сайт WordPress в том же месте, где раньше был статический HTML-сайт, еще несколько вещей нужно сделать до того, как вы закончите.

Первый - это проверить URL-адреса ваших недавно импортированных постов и страниц, чтобы убедиться, что они удобны для поисковых систем (то есть включают ключевые слова, по которым вы хотите получить рейтинг). Это очень просто - просто зайдите на страницу или пост и посмотрите URL под заголовком.

проверять постоянные ссылки после импорта html в wordpress

Чтобы изменить его, нажмите редактировать справа, перейдите на URL по вашему выбору и нажмите Хорошо.

Второе - реализовать перенаправления со старых URL-адресов на новые. Таким образом, вы не потеряете существующую ценность SEO.

Если вы указали старый адрес сайта в плагине HTML, он создаст для вас код перенаправления. Вы можете скопировать и вставить это в файл.Htaccess который находится на вашем сервере (обычно в корневом каталоге).

Вы получаете доступ к нему через FTP, однако вам может потребоваться включить просмотр скрытых файлов, так как он не отображается по умолчанию. Затем отредактируйте .Htaccess и введите правила.

Имейте в виду, что это работает, только если вы оставили URL-адреса без изменений. Если у вас нет необходимости настраивать перенаправления, используйте Плагин перенаправления. Это очень удобное решение, которое также отслеживает каждый раз, когда кто-то попадает на несуществующий URL на вашем сайте. Таким образом, вы можете также реализовать перенаправления для этих ссылок.

Вы успешно перешли с HTML на WordPress??

И это все. Вы только что узнали, как преобразовать статический HTML-сайт в WordPress. Как следствие, вы стали частью одного из крупнейших сообществ в Интернете и получили доступ к тысячам ресурсов, чтобы сделать ваш сайт еще лучше.

В зависимости от того, какое решение вы выбрали выше, вы уже получили представление о том, как работает WordPress. Начиная с этого момента, очень легко перейти и углубиться в создание сайтов на платформе WordPress. Если вам нужна дополнительная помощь в этой области, у этого сайта есть много ее. Вы можете научиться:

  • Настройте WordPress шаг за шагом
  • Переместите ваш сайт с HTTP на HTTPS
  • Добавить пользовательские шрифты в WordPress
  • Ускорьте свой сайт WordPress
  • Добавьте контактную форму на свой сайт WordPress

Кроме того, мы желаем вам удачи на вашем новом веб-сайте WordPress. Мы надеемся, что вам нравится работать с WordPress так же, как и нам.

Вы переместили свой сайт с HTML на WordPress? Как прошел ваш опыт? Любые советы, чтобы добавить? Пожалуйста, дайте нам знать в разделе комментариев ниже.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map