⚙️
Front-end patterns
  • Введение
  • Шаблоны
    • Эффекты CSS
      • Overlay
      • Анимация display:none
      • Текст
        • Фон текста градиент с анимацией
      • Элементы формы
        • Вертикальное выравнивание placeholder по вертикали
      • Ссылки
        • Градиент как основной цвет
        • Линия под ссылкой ездит слева направо при наведении
      • Скрывать блок .clipped
    • Модальное окно
      • Dialog
    • Элементы формы
      • Select
      • Radio
      • CheckBox
      • Ввод текста (input)
        • Телефон (tel)
        • Почта (email)
      • Кнопка
    • Вкладки/Списки
      • Вкладки или Табы (tabs)
      • Аккордеон (Accordion)
    • Навигация
      • Основная и дополнительная навигация на сайте
        • Анимирование основной навигации
      • Пропустить навигацию
      • Хлебные крошки (Breadcrumbs)
      • Кнопка основной навигации (Бургер)
    • Структуры
      • Контейнер
      • Столбцы
      • Прогресс
      • Горизонтальная прокрутка карточек
      • Цитата
    • Тэги (семантика)
      • Текст
      • Логика
    • Увеличить скорость загрузки страницы
    • Шрифты
  • JS
    • Прокрутка страницы
    • Анимация элементов
  • A11Y
    • Фокус с клавиатуры
    • No sort
  • WordPress
    • Решения и подсказки
    • Плагины
    • Натягиваем сайт
      • Пустая тема
      • Делаем главную (пустую) страницу
      • Подключаем стили и js
      • Заменяем содержимое файлов (header, footer, page)
    • Свой плагин
      • Шаблон
      • Административная часть
      • Пользовательская часть
      • Локализация плагина
  • Ghost
    • Создание своей темы
      • Фалы шаблона
        • Partials
          • footer.hbs
          • header.hbs
          • post_card.hbs
        • index.hbs
        • default.hbs
        • post.hbs
      • Переменные
      • Циклы, условия и функции
  • Visual Studio
  • Gulp
    • Deploy on GitHub
    • Плагин
    • Моя сборка
      • Изображения
  • Регулярные выражения
  • Алгоритмы
    • Поиск
    • Сортировка
    • Поиск в ширину (глубину)
    • Типы данных
  • Конструкторы сайтов
Powered by GitBook
On this page

Was this helpful?

  1. WordPress

Натягиваем сайт

PreviousПлагиныNextПустая тема

Last updated 2 years ago

Was this helpful?

  1. Устанавливаем плагин Advanced Custom Fields (Custom Field Suite) для добавление своих полей

  2. В файлах заменяем поля на <?php echo the_field('subtitle'); ?> для работы плагина АФЦ

  3. Устанавливаем плагины:

  • WIB - LQIP (https://github.com/SungmanYou/wib-lqip) - создает маленькие файлы и ухудшает их для создание превью, которое далее будет переведено в base64

  • WebP Converter for Media - Создает копии изображений и webp

  • WebP Express - создает webp и автоматически подключает (использовать его)

  • Custom Field Suite - для работы с дополнительными полями, в бесплатной версии позволяет создавать "повторяющиеся" поля

  • W3 Total Cache - увеличивает скорость загрузки страниц сайтов на WordPress с помощью кэширования, что влияет на пользовательский опыт и ранжирование в поисковых системах.

  • LiteSpeed Cache - альтернатива, стоит попробовать

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

  • Cyr-to-lat - меняет ссылки с кириллицы на латиницу.

  • WPS Hide Login - меняет страницу входа для админов

  • SVG Support - для поддержки svg файлов

  • Smush - оптимизация сайта

  • Asset CleanUp - отключает лишние шрифты, js и прочее

  • YaMaps - яндекс карты

  • XML Sitemap Generator for Google - xml + robot.txt

  • Cookie Notice & Compliance for GDPR / CCPA - простой плагин для вывода информации об использовании куки

  • SEO by Yoast - плагин для SEO

9. Меняем пути к записям (на человеческий)

Устанавливаем пустую тему.
Делаем главную (пустую) страницу.
Подключаем стили и js в файле functions.php
Заменяем содержимое файлов (header, footer, page) на свой сайт