Как добавить статические страницы в WordPress?

Как добавить свои собственные статические HTML-страницы в WordPress?

Например, скажем, у меня есть страница, products.html, как мне добавить ее в WordPress (любое меню и т.д.) И как добавить, как я могу посетить их, потому что у WordPress был типичный URL структура?

Ответ 1

Функциональность статических страниц WordPress называется умно "Страницы". Вы можете прочитать все о них здесь: http://codex.wordpress.org/Pages

Ответ 2

Если вы (как попросил OP) хотите, чтобы он появился без добавления .html, просто создайте папку в том же месте, где появится ваш сайт WP index.php, а затем укажите файл, который вы помещаете внутри этой папки index.html.

Например, если у вас есть установка WordPress на donotexist.com, и вы хотите добавить статическую страницу, отдельно от вашей установки WP, которую люди могут получить на donotexist.com/wedding - создайте папку с именем wedding, и поставьте HTML в файле index.html внутри папки для свадьбы. Вы также можете, конечно, поместить другие файлы в эту папку или в папки внутри нее, чтобы статическая страница могла ссылаться на изображения, стили, код и т.д.

Как сказал выше, если файл для URL существует, то WP не будет вызван для маршрутизации запроса. Если впоследствии вы удалите из него папку "wedding" или файл "index.html", любой, кто попытается добраться до donotexist.com/wedding, будет перенаправлен в WP и, если не будет найдена соответствующая постоянная ссылка, они будут см. ошибку 404 страницы или какую-либо другую тему или подключаемый модуль настроен для отображения неработающих ссылок.

Ответ 3

Вы имеете в виду Шаблоны страниц: Шаблоны страниц" WordPress Codex. Вы можете создать новый шаблон страницы и изменить его php и xhtml (и добавить статический html), а затем использовать этот шаблон при создании новой страницы в редакторе wordpress.

Если вы просто добавите статический html файл в ваш каталог Wordpress, он может работать или не работать, в зависимости от изменения мода.

Ответ 4

Просто загрузите его в свой WordPress root (где у вас есть index.php WP), предположим, что если вы поместите свой файл products.html в каталог myproduct/, тогда он будет доступен через URL: http://www.yoursite.com/myproduct/products.html. Надеюсь, он ответит на ваш запрос.

Ответ 5

Чтобы сделать то, что вы описали, поместите страницу products.html в свой каталог public_html. Измените файл header.php wordpress theme, чтобы добавить в раздел меню ссылку на страницу products.html. Возможно, вам придется использовать абсолютный путь в URL-адресе в зависимости от того, как вы настроите настройки.

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

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

Ответ 6

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

www.yoursite.com/products/index.html

Важная вещь, которую вам нужно понять, это то, что Wordpress не будет знать об этой странице, и она не будет автоматически включена в ваш файл sitemap.xml и отправлена ​​в Google.

Поэтому вам нужно будет исправить это с помощью Инструментов Google для веб-мастеров, если вы хотите, чтобы страница была проиндексирована правильно.

Ответ 7

Если у вас есть доступ к папке с ними, вы можете использовать get_template_directory_uri(), которая вернет каталог, в котором находится ваша тема. Так, например, если у вас есть welcom.html внутри вашего каталога, вы можете ссылаться на него внутри своих, как это.

например <a src="<?php echo get_template_directory_uri()?>/welcom.html"> Welcome</a> откроет welcom.html, предположив, что он находится внутри вашего каталога.

Ответ 8

Вы можете использовать мой плагин. Загрузить из репозитория WP. После установки у вас будет опция HTML Pages в разделе Страницы. Он выведет ваш пользовательский HTML под пользовательский URI по вашему выбору, поэтому вам не придется возиться с папками.

Обновить - точные шаги для выполнения того, что вы хотите:

1) Установите и активируйте плагин Wordpress под названием WP Custom HTML Pages

2) Используйте новый элемент подменю (Страницы- > HTML-страницы), чтобы создать новую страницу HTML

3) В поле "Постоянная ссылка" введите пользовательский URI, который вы хотите назначить на свою страницу, например/my-html-страница (во время написания этого ответа требуется, чтобы введенное значение начиналось с "/" ) и в поле "Код HTML" введите все HTML и CSS документа страницы, которые вы хотите отобразить

4) Нажмите "Опубликовать", затем перейдите на страницу yourwebsite.com/my-html-page, и вы увидите свою статическую HTML-страницу, указав ее статус "опубликовано"

Ответ 9

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

Не идеально, но выполняет свою работу. :)

Ответ 10

Вы также можете использовать бесплатный плагин WP, просто загрузите архив с плагином. Очень легко добавить статический HTML в WordPress с помощью статических страниц https://designmodo.com/static-pages/

Вы также можете настроить свою первую страницу.

Ответ 11

Добавьте страницу с формой - {slug}.php, например page-products.php к вашей теме. Вам также нужно добавить пустую страницу в wordpress под страницами с таким именем, то есть если ваш файл, например, page-products.php, идентификатор создаваемой страницы в wordpress должен быть продуктов. Это должно сработать. Для получения дополнительной информации вы можете проверить эту ссылку https://developer.wordpress.org/themes/template-files-section/page-template-files/#creating-a-custom-page-template-for-one-specific-page.