Как поставить свой лендинг на WP?

Ссылка скопирована
CSS HTML WordPress
1 ответ

Всем привет, сверстал ленд на локалке, имеется index.html, css и картинки

установил WP, как поставить свой ленд для дальнейшего редактирования?

Дополнительно:

Ответы:

https://codex.wordpress.org/%D0%A1%D0%BE%D0%B7%D0%...

как поставить свой ленд для дальнейшего редактирования?

Создаёшь страницу, и "верстаешь" заново блоками непосредственно в редакторе. Возможно пригодятся плагины-расширители блоков.

  • зачем верстать именно в убогом редакторе? какой смсысл?
  • Владислав Лысков,
    1. Таково условие задачи
    2. Если для тебя гутер убогий - ты просто его не знаешь/не умеешь с ним работать
    3. Критикуешь - предлагай.
  • Refguser,
    1. не вижу условия верстать в редакторе WP
    верстаить в нормальном редакторе, IDE, но у него верстка уже готовая, а значит достаточно ознакомиться со структурой wp и впилить её туда, но это бестолковое занятие
  • Владислав Лысков,

    не вижу условия верстать в редакторе WP

    Внимательнее надо быть:

    для дальнейшего редактирования

    но это бестолковое занятие

    Вот в тч и поэтому нужно "верстать" страницу в редакторе.

Нужно решить такую задачу?

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

Заказать помощь
Лучший ответ
1
Артём Dev Ответ

Если у Вас уже есть готовый лендинг на HTML/CSS, есть три нормальных варианта перенести его в WordPress. Выбор зависит от того, хотите ли Вы редактировать всё из админки или просто поставить готовую верстку как страницу.

Первый вариант — сделать отдельный шаблон страницы в теме. Это самый правильный путь, если верстка уже готова и её не нужно собирать из блоков. В дочерней теме создаёте файл, например page-landing.php:

<?php
/* Template Name: Landing */
get_header();
?>
 
<main class="landing-page">
    <!-- сюда переносите HTML лендинга -->
</main>
 
<?php get_footer(); ?>

<?php /* Template Name: Landing */ get_header(); ?> <main class="landing-page"> <!-- сюда переносите HTML лендинга --> </main> <?php get_footer(); ?>

CSS лучше подключать через functions.php, а не вставлять в шаблон:

add_action('wp_enqueue_scripts', function () {
    if (is_page_template('page-landing.php')) {
        wp_enqueue_style('landing', get_stylesheet_directory_uri() . '/landing/landing.css', [], '1.0');
    }
});

add_action('wp_enqueue_scripts', function () { if (is_page_template('page-landing.php')) { wp_enqueue_style('landing', get_stylesheet_directory_uri() . '/landing/landing.css', [], '1.0'); } });

Картинки кладите в папку дочерней темы или загружайте через медиабиблиотеку. Пути вида img/photo.jpg в WordPress часто ломаются, поэтому используйте абсолютный путь от темы или URL из медиабиблиотеки.

Второй вариант — перенести HTML в редактор страницы. Это быстрее, но хуже для поддержки: WordPress может чистить часть разметки, а стили придётся хранить отдельно. Такой способ подходит только для простого лендинга без сложных скриптов.

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

Если цель “дальнейшее редактирование”, я бы делал не чистую вставку HTML, а шаблон + редактируемые поля: заголовок, подзаголовок, преимущества, CTA, FAQ. Так дизайн остаётся стабильным, а контент меняется из админки.

Перед переносом проверьте, нет ли конфликтов классов с темой. Для лендинга лучше использовать общий префикс, например landing-hero, landing-card, чтобы стили темы не ломали вашу верстку.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

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

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ code-review Нужен ли код-ревью React/TypeScript проекта? 1 ответ