Як перенести простий html сайт на движок joomla

Завдання: перенести все це на CMS Joomla (зокрема на движок Joomla 3)

Таке перенесення можна розділити на два варіанти.

Варіант 1. Простий. Скопіювати - вставити.
Цей варіант підходить, якщо вам потрібно хоч якось перенести матеріали статичного сайту на движок. Без перенесення дизайну.

Варіант 2. Правильно скопіювати - правильно вставити.
Цей варіант підходить, якщо вам потрібно повністю скопіювати весь html сайт на Joomla, включаючи дизайн.

Які несподіванки можуть тут вас чекати?

Варіант 1. Просто скопіювати - вставити

Для цього нам потрібні:

Для копіювання використовуйте поєднання клавіш: Ctrl + C

Крок 2. Про всяк випадок пропускаємо його через програму Блокнот, щоб очистити можливе форматування. Тобто скопійований текст вставляємо спочатку в Блокнот, потім Ctrl + A (виділити все) і Ctrl + C (скопіювати виділене).

Крок 4. Вставляємо скопійований чистий текст (Ctrl + V), який ми прогнали через Блокнот. Виробляємо форматування тексту засобами Joomla: абзаци, списки і т.д.

Крок 5. Якщо на старій сторінці присутні зображення, то копіюємо ці зображення до себе на комп'ютер (клік правою кнопкою миші по картинці -> Зберегти зображення як -> і зберігаємо в папку Joomla для картинок, це папка images в корені сайту, якщо потрібно створюємо в ній папки).

І так робимо з кожною сторінкою старого сайту.

У підсумку всі тексти переносяться в Joomla. Далі створюється все інше: модулі в боковій колонці (вже через саму Joomla), ставиться шаблон, створюється меню і т.д.

Цей варіант примітний тим, що не потрібно працювати з html кодом.
Але при цьому втрачається все форматування старого тексту (якщо воно є). Іноді це навіть корисно. Тому що за весь час я жодного разу не зустрічав на старих сайтах нормального форматування.

Варіант 2. Правильно скопіювати - правильно вставити. З перенесенням дизайну.

Для цього нам буде потрібно:

Важливо! Не копіюйте код з , бічних колонок, футера і т.д. Тільки сам html код статті.

Крок 5. Якщо на старій сторінці є зображення, то дивіться примітка в кінці статті.

Зберігаємо і проробляємо також з усіма іншими сторінками старого сайту.

Після того як тексти зі старого сайту скопійовані в Joomla, можемо приступати до перенесення дизайну (натягування дизайну на Joomla).

Як перенести дизайн сайту на Joomla

Joomla використовує шаблонизатор. Це html код зі вставками змінних Joomla.
Змінні виводять тексти статей, модулі (блоки в боковій колонці), меню, title сторінки, підключають CSS і JS файли і т.д.

По суті html код сторінки старого сайту - це і є шаблон, тільки в ньому немає змінних. Залишається тільки їх вставити і створити додаткові файли.

Насправді, якщо розбираєтеся в html, то нічого складного немає.

Заодно підтягніть знання по html і css

Як бути з зображеннями на старому сайті?

Тут теж може бути кілька варіантів.

Якщо з зображеннями хаос. Те найкраще вчинити як в варіанті №1. Тобто просто зберегти всі зображення до себе на комп'ютер, а потім потихеньку вставляти їх в статті.

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

Тут можна відкрити всі html сторінки старого сайту в NotePad ++ (якщо їх дуже багато, то можна зробити це частинами). За допомогою функції заміна (Ctrl + F), зробити заміну частини шляху у всіх зображень.

Наприклад, картинка в старому коді виглядає так:

Те замінюємо: "img /
на: "images / stories /

Тиснемо "Замінити все"

Після цього всі шляхи до картинок будуть правильними. Але в будь-якому випадку спочатку спробуйте створити один матеріал в Joomla, вставити туди код старої статті, і перенести зображення в папку images / stories (або в будь-яку іншу).

Якщо все нормально, то потім вже переносите всі інші.

Можна спробувати їх зберегти, але це майже не реально. Стільки проблем, що краще і простіше зробити редіректи через файл .htaccess

Редирект робиться такий рядком:

Зверніть увагу, що старий URL має відносний вид, а новий URL (куди буде перенапрвлен користувач) має абсолютний вид з http, і між двома URL'амі варто пробіл.

Як вчинив би я?

Особисто я б використав перший варіант. Якщо оновлювати сайт, то вже оновлювати по повній.
Щоб на новий сайт переносилися старі косяки.

І новий дизайн, і можливо навіть нові зображення, по-більше, по-краще, по-якісніше.

А якщо сайт дуже великий?

Ну а що робити? Потихеньку, по-маленьку.
Можна, звичайно, замовити або написати якийсь парсер, але для цього потрібно знати PHP і MySQL або мати знайомого програміста.

Якщо підрахувати, то на одну статтю буде йти приблизно 3-4 хвилини. Значить 100 сторінок можна перенести за 300 - 400 хвилин, грубо кажучи за пів-дня, з перекурами.