Из wordpress в html: Как натянуть HTML шаблон на WordPress ▶ за 10 минут – Как конвертировать WordPress тему в HTML5

Содержание

Как в WordPress получить полную html копию сайта

WPuse.ru 15.04.2017

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

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

Для получения полной HTML копии работающего на движке WordPress сайта нам понадобится установить плагин Simply Static, и настроить его.

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

После установки и активации плагина, вы увидите соответствующий пункт в боковом меню админ панели WordPress.

Наведите мышку на данный пункт и в отобразившемся подменю выберите подпункт

Settings.

На открывшейся странице настроек во вкладке General вы можете указать, как должны преобразовываться url (ссылки). Можно выбрать преобразование ссылок для локального просмотра, генерация страниц, где все элементы и ссылки будут иметь относительный путь и наконец, сгенерировать html страницы с ранее введённым доменным именем.

В последнем случае это оценят те пользователи, которые делают сайт на компьютере с использованием локального сервера (Denwer, Xampp и т.д.). Вы можете сделать полную копию своего творения и моментально его залить в html формате на реальный хостинг.

В процессе создания копии сайта модифицируются пути в том числе и в файлах css, xml (данный тип файла используется при создании карты сайта для поисковых систем, RSS). Единственное, плагин не решается модифицировать пути в js файлах, но к счастью жёстко прописанные пути в js являются относительной редкостью.

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

Во вкладке Include/Exclude вы можете как исключить пути и файлы, которые не требуется включать в html копию сайта, так и добавить охват необходимых, к примеру, sitemap.xml и т.д. Отдельно подключенные файлы также подвергаются модификации путей, дабы обеспечить корректное функционирование html копии сайта.

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

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

Сама генерация html копии сайта осуществляется на странице Generate, при нажатии на большую кнопку Generate Static Files.

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

Если у вас остались вопросы, то не стесняйтесь, задавайте и излагайте 🙂

Пожертвование сайту WPuse.ru (cбор пожертвований осуществляется через сервис Яндекс Деньги)

Миграция вашего HTML сайта на wordpress

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

Когда ко мне попадают такие устаревшие интернет ресурсы, я все время должен принимать решение: либо нанимать программиста (а это лишние расходы), либо перенести сайт на вордпресс самому. В случае, если изначально сайт создан на какой-либо cms, то обычно для переноса существуют плагины и компоненты. Но самый неудобный вариант переноса — это когда у вас html сайт, а вы хотите его перенести.

К примеру, нам нужно переехать на cms wordpress. Как это сделать?

Есть два варианта:

  • Ручной перенос — материал каждой страницы со старого веб-сайта выделяется, копируется и вставляется в редактор новой страницы на wordpress.
  • Массовый перенос страниц при помощи платина HTML Import 2.

Плагин HTML Import 2 доступен для установки из репозитория wordpress. После установки плагин доступен в Настройках.

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

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

Дело в том, что wordpress работает в кодировке UTF-8, а большинство html сайтов — в windows-1251. И, соответственно, для того чтобы выполнить импорт, необходимо предварительно переконвертировать весь html  в  UTF-8. Это вы можете сделать при помощи программы UTFCast Express.

Все, что нужно — это указать директорию, где находится ваш html сайт, а также  куда произвести перекодировку, и нажать кнопку Start.

И тогда после конвертации вы можете с легкостью импортировать все материалы вашего интернет ресурса в wordpress. Конечно, придется проделать колоссальную работу по распределению материалов по рубрикам, плюс важно не забыть, что все ссылки вашего сайта сменятся на новые (так как у wordpress другие ЧПУ), и в этом случае чтобы сайт не потерял вес (тиц и pr), вам придется составить большую таблицу сопоставления «старая ссылка — новая ссылка» с последующей задачей 301 редиректа. Все это трудоемкие процессы, но они стоят того, чтобы иметь сайт на современной cms.

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

Содержание статьи

Сегодня вы научитесь как добавлять статическую HTML страницу на ваш сайт на вордпрессе. Этот хак основывается на стандартных настройках – никаких дополнительных инструментов или написания когда не требуется.

Предварительные условия

Вам понадобятся сайт на WordPress и статический HTML шаблон.

Мы используем простой шаблон лендинга и тестовый сайт с шаблоном WildRide GPL.

Вы же можете использовать любой шаблон для вордпресс и любой шаблон страницы.


Создайте пустую папку

Сначала вам надо создать новую пустую папку в корневой директории вашего сайта. Обычно, это располагается здесь: /public_html/.

Наш пример это дополнительный домен, поэтому адрес такой: /public_html/wildride1/. Поэтому, локация нашего html шаблона будет /public_html/wildride1/landing/, где “landing” – имя папки с нашим шаблоном. Страница будет доступна по адресу http://wildride1.site.com/landing/.

Есть много способов закачать файл на хостинг. Вы можете использовать любой файл-менеджер (такие как Total Commander или FileZilla), но мы будем использовать стандартный браузерный файл-менеджер, доступный в CPanel.


Шаг 1: Зайдите в свою CPanel и откройте файл-менеджер.

Шаг 2: Создайте пустую папку в корневой директории сайта.


Загрузите ваш шаблон статической страницы

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


Шаг 3: Извлеките только файлы шаблона; игнорируйте скриншоты, документацию и т.д. В нашем случае понадобится содержание папки “site“:

Шаг 4: Переименуйте index.html в index.php.

Шаг 5: Добавьте все файлы в .zip-архив.

Шаг 6: Затем перейдите в файл-менджер, и загрузите ваш .zip файл в папку, которую вы только что создали.

Шаг 7: Когда будет готово, правой клавишей кликните по .zip-файлу и выберите “Извлечь” (Extract).


Шаг 8: Удалите .zip-файл.

Результат можно посмотреть по адресу: http://wildride1.site.com/landing/.

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

RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]

Заключение

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

Оригинал статьи: http://www.templatemonster.com/blog/integrate-static-html-wordpress/

Как перевести обычный статичный сайт html на вордпресс

Как перевести обычный статичный сайт html на вордпресс

Многие сайты создавались как статические сайты на HTML. Возможно, это было много лет назад, когда системы управления контентом (CMS) были только на подходе. Или у создателя сайта в то время не было потребности в использовании CMS. Но затем сайт рос, и наращивать его, оставаясь на платформе HTML, становилось все труднее и труднее. В таком случае перевод сайта на платформу одной из продвинутых CMS является насущной необходимостью.

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

Сегодня мы поговорим о подготовительных действиях по переводу сайта на WordPress.

Подготовка

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

Нелишним также будет составить список (хотя бы с использованием Excel) всех страниц Вашего сайта вместе с их адресами (URL). В дальнейшем этот список будет полезен Вам, когда Вы станете устанавливать редирект старых адресов на новые.

Установка WordPress

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

Желательно сразу брать русскоязычный вариант установочной версии. Раньше я для этой цели часто пользовался инсталляционными версиями от Lecactus’а. Однако, похоже, что с появлением версии 3.0 WordPress, работы по русификации Lecactus’а прекратились. Во всяком случае, мне таковые неизвестны. Поэтому берем файлы WordPress на сайте ru.wordpress.org. Естественно, следует использовать последний имеющийся вариант.

Если у Вас на хостинге работает панель управления CPanel с инсталлятором Fantastico De Luxe, то можно установить WordPress еще проще, воспользовавшись данными программными средствами. В этом случае файлы для инсталляции Вам не понадобятся.

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

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

После установки

Сразу после того, как Вы установили WordPress, надо временно «скрыть» его как от посетителей сайта, так и от роботов поисковых машин.

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

Для этого временно переименовываем файл index.php во что-нибудь другое, например, в 1index.php. Если у Вас имя главного файла действующего сайта также было index.php, то восстанавливаем его для ранее переименованного файла. Теперь Ваш старый сайт продолжает работать, в то время как Вы занимаетесь переносом его на новую платформу.

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

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

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

Начинаем переносить контент

Итак, что мы имеем теперь? Создан сайт WordPress, пока еще пустой. В качестве темы (шаблона) этого сайта действует новая стандартная тема WordPress, Twenty Ten.

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

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

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

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

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

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

Если страниц очень много, то есть способ облегчить, то есть автоматизировать, задачу. Для этого существует плагин (модуль расширения) WordPress под названием import-html-pages. Для того чтобы использовать этот плагин, требуется наличие PHP 5 на Вашем хостинге. Необходимо установить и активировать этот плагин. Затем зайти в его настройки и установить требуемые значения параметров. После чего нажимаем на Import using these options. Плагин автоматически формирует новые страницы и переносит туда контент.

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

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

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

Источник



Author: admin

Отправить ответ

avatar
  Подписаться  
Уведомление о