Страницы wordpress без html

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

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

По крайней мере, в текущей версии WordPress 3.8.1 и, возможно, также намного раньше, вы можете иметь собственные URL-адреса в качестве записей для меню (Внешний вид / Меню). Таким образом, вы можете поместить свою собственную статическую страницу в качестве пункта меню, но, конечно, макет (заголовок, виджеты, . ) будет отсутствовать. Лучше всего было бы включить свой собственный статический контент вместо статической страницы WordPress на страницу WordPress. Не знаю, как это сделать.

9 ответов

Статические функции страницы WordPress вызываются, умно, «Страницы». Здесь вы можете прочитать все о них: http://codex.wordpress.org/Pages

@ Скотт: Я не говорю об этих страницах, по вашей ссылке я прочитал: «Страницы не являются файлами. Они хранятся в вашей базе данных, как и сообщения». Я говорю о пользовательских HTML-страницах, которые я создаю в Dreamweaver.

Извините, если я неправильно понял. Должны ли они иметь такой же макет (заголовок, навигация и т. Д.), Как ваши обычные страницы WordPress?

Хорошо, тогда они не «добавляются в WordPress» каким-либо значимым образом. Правильно? Просто загрузите файлы в тот же каталог, что и ваша индексная страница WordPress, а затем создайте ссылку на это место, как считаете нужным.

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

Если вы (как попросил 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 страницы или какую-либо другую тему или подключаемый модуль настроен для отображения неработающих ссылок.

+1 Отличный ответ. (Хороший вопрос тоже.) Именно то, что мне было нужно: загрузить весь каталог html-файлов с собственным индексом, отделить их от wp-файлов .

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

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

Но тогда вам все еще нужно добавить эту страницу в админ. Это становится бессмысленным. Не идеальное решение в этом случае . /

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

@PeterWesterlund — вы можете комментировать старые сообщения, но ваш комментарий может быть изложен более красиво (зачем говорить «становится бессмысленным» — это нехорошо — и, как это бывает, я не согласен).

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

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

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

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

Вы можете использовать мой плагин. Загрузить из репозитория 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-страницу, указав ее статус «опубликовано»

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

Источник

Как перенести сайт на WordPress с HTML

Таким заядлым пользователям WordPress, как я, трудно поверить, что в 2019 году. кто-то еще работает со статичным HTML-сайтом. Но факт остаётся фактом: до сих пор существует значительное количество действующих сайтов, созданных только на HTML и CSS.

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

Варианты преобразования HTML-сайта в WordPress

Есть три способа перенести HTML-сайт на WordPress:

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

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

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

Подготовка к переносу HTML-сайта на WordPress

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

Перенос HTML-сайта вручную

Если нужно не только перенести контент на WordPress, но и воссоздать текущий дизайн, то придется создавать собственную WordPress-тему. Для этого понадобится редактор кода (например, Sublime или Notepad++), а также доступ к файлам HTML-сайта и WordPress.

Шаг 1: Создание папки с новой темой и необходимых файлов

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

Шаг 2: Скопируйте существующий CSS- код в новый файл стилей

Первый файл, который вам нужно будет отредактировать – это файл Style.css. Добавьте приведенный ниже код в начало файла стилей.

/* Theme Name: Замените этот текст именем вашей темы. Theme URI: Адрес вашей темы Description: Краткое описание. Version: 1.0 Author: Ваше имя Author URI: Адрес вашего сайта. */

После этого блока вставьте CSS-код, скопированный из style.css старого (статического) сайта. Сохраните и закройте файл.

Шаг 3: Выделите ваш текущий HTML-код

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

Откройте файл index.html статического ресурса. Выделите всё с начала файла до открывающегося тега контента (например, div >. Скопируйте выделенный код и вставьте его в header.php .

Вернитесь в index.html . Выделите код разметки боковой панели (например, aside >. Скопируйте и вставьте его в файл sidebar.php .

Затем в index.html выделите всё, что идёт после кода боковой панели. Скопируйте и вставьте данный код в файл footer.php .

Выделите в index.html выделите всё, что осталось (это должно быть содержимым блока основного контента) и вставьте скопированный код в файл index.php . Сохраните его, но пока не закрывайте.

Шаг 4: Завершите создание файла Index.php

Завершим создание файла index.php новой темы WordPress. Для этого убедимся, что главная веб-страница может вызывать остальные блоки, которые хранятся в других файлах.

В самом начале index.php вставьте приведенную ниже строку:

Затем в самом конце index.php вставьте следующий код:

Теперь нужно добавить то, что называется циклом . Это основной блок кода, который WordPress использует, чтобы отображать контент сайта. В раздел контента файла index. php добавьте этот код:

>

» rel=»bookmark» title=»Permanent Link to «>

Сохраните и закройте файл index.php . Тема готова! Осталось только загрузить её на сайт WordPress.

Шаг 5: Загрузка вашей темы

Откройте корневой каталог WordPress. Скопируйте папку новой темы в /wp-content/themes/ . Затем в панели администрирования перейдите в раздел Внешний вид > Темы и активируйте созданную тему.

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

Использование темы WordPress и импорт контента

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

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

После этого нужно импортировать контент с вашего старого сайта. Для этого панели администрирования перейдите в меню Плагины > Добавить новый . Найдите плагин HTML Import 2 от Stephanie Leary, установите и активируйте его. После чего используйте данный плагин для импорта контента из старого (статического) сайта.

Заключение

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

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

Сергей Бензенко автор-переводчик статьи « Converting HTML Sites to WordPress Sites »

Пожалуйста, опубликуйте свои мнения по текущей теме материала. Мы крайне благодарны вам за ваши комментарии, лайки, отклики, дизлайки, подписки!

Источник