Wordpress

Конструктор wordpress: WordPress vs конструкторов сайта | www.wordpress-abc.ru

29.05.2023

Содержание

Читать онлайн «WordPress – конструктор сайта на шаблонах. Быстро, просто, весело», Ирина Кудинова – Литрес

© Ирина Кудинова, 2021

ISBN 978-5-0053-2537-2

Создано в интеллектуальной издательской системе Ridero

ПРЕДИСЛОВИЕ

Доро́гой мой читатель!

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

Казалось бы, что могло пойти не так?

Всё!

А иначе зачем бы вам сдалась очередная книжка «про это». Про то, как делать несчастные сайты на самой замусоленной системе в мире – на WordPress.

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

Но как же…

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

Вы сделаете сайт на бесплатной системе WordPress, превратив ее в крутой наглядный конструктор бесплатным дополнением. И бесплатно поимеете удобства и достоинства такого конструктора.

После этой книги ты плюнешь в лицо тем, кто заставляет обычных людей печатать какие-то коды. Вы часами сидите и печатаете какие-то треугольные скобки. «А-а-а-а! Забыла тут вставить кавычки!». Марьванна, отправленная на курсы от школы, сидит и подслеповато тыкает «теги», вспоминая своих некормленых гусей в сарае.

И они берут за это деньги.

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

«А сайт?», – спрашиваете в итоге. «Какой такой сайт», – отвечают. Нарисовали прямоугольник, вставили картинку, напечатали текст. Офигеть достижение. Спасибо, что не в пейнте.

После этой книги будет много разных событий. Что будет дальше – неизвестно. Но как раньше уже не будет.

Часть 1. Сайту нужен дом и адрес. Регистрируем хостинг и домен

– Я сделала актерское портфолио на викс!

– Ну и дура.

Частый вопрос новичков – стоит ли делать сайт на конструкторе? Вроде Тильды или Викса. Мой ответ – нет. Ни в коем случае, если это не сайт-однодневка. Если он сделан не просто, чтобы спешно продать через рекламу тонну тухлого мяса или билеты на сегодняшний концерт Киркорова. А потом забыть этот сайт и его цель как страшный сон.

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

Приведу печальный пример.

Помните, на заре рунета были популярны сайты на конструкторе от Яндекса? Свежеосвобожденный советский народ подключал интернет, и он оказался «нужон». Те, кому было что сказать миру, трепетно вынули закрома.

И понеслись сайты на народном конструкторе от Яндекса. Стихи, проза, воспоминания, личные библиотеки книг и фильмов. А потом владельцы сервиса стали захламлять душевные сайты рекламой, а пользователи стали уходить.

Наконец, проект был беспардонно слит, сайты загнулись. Вы же этого не хотите?

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

Это как с арендой. Не понравились хозяева или цена – собрали пожитки и переехали.

Но достаточно образов. Вот первое определение, как в нормальном учебнике:

Хостинг – услуга аренды места для файлов вашего сайта.

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

Вам это надо? Проще, безопаснее и экономнее заказать хостинг. Давайте посмотрим, как это лучше сделать.

1.1. Как выбрать дом для сайта (хостинг)?

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

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

1.2. Регистрируемся на хостинге

Чтобы сократить вам мытарства, предлагаю стартовать, зарегистрировавшись на хостинге Beget по партнёрской ссылке: https://beget.com/p527724. Чем он хорош? Да хотя бы тем, что там 30-дневный бесплатный пробный период. Есть и другие ништяки.

Шаг 1. Переходим по ссылке https://beget.com/p527724, выбираем услугу «Хостинг» и самый дешёвый тариф – Blog (Рисунок 1).

Рисунок 1

Шаг 2. Далее просто заполните поля формы. Телефон держите под рукой. Телефон и Email нужны реальные. На них сейчас же придёт важная информация (Рисунок 2).


Рисунок 2

Шаг 3. После регистрации проверьте почту – пришли ли поздравления от хостинга. А ещё логин и пароль для входа на Beget, которые лучше не терять. Вы же не теряете ключи от арендованных квартир?

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

Тема-Конструктор для WordPress / Хабр

AntonShevchuk

Время на прочтение 7 мин

Количество просмотров

14K

WordPress *

В продолжение моего wordpress-творчества представляю новую тему — Constructor.

Это однозначно «темовая» тема, она представляет из себя конструктор тем, со следующим функционалом:

Темы

Данная тема поддерживает темы — как бы странно это не звучало — но это вполне юзабельно, и выглядет приблизительно так:

Каждая тема представляет из себя файл настроек — config. php и файл стилей —

styles.css (аналогично с обычными темами для wordpress). Если со вторым всё более-менее понятно, то первый представляет из себя следующее:

return array(
            «sidebar»   => ‘right’,   // макет
            «title»     => array(
                        «pos» => ‘left’  // расположение заголовка
                    ),
            «fonts»     => array(    // шрифт заголовка и текста (см. admin/fonts.php)
                        ‘header’ => 1, 
                        ‘body’   => 1, 
                    ),
            «links»     => array(     // настройки меню в шапке
                        «type» => 1,
                        «home» => false,
                        «rss»  => false,
                        «size» => false,
                    ),
            «slideshow» => array(  // настройки слайдшоу
                        «id» => null,
                        «height» => 200,
                        «onpage» => false,    // show slideshow on page
                        «onsingle» => false   // show slideshow on single post
                    ),
            «images»   => array(  // настройки фоновых изображений
                        «body» => array(‘src’=>»),
                        «wrap» => array(‘src’=>»,’pos’=>’center top’),
                        «wrapper» => array(‘src’=>»),
                        «sidebar» => array(‘src’=>»,’pos’=>’right bottom’),
                        «footer»  => array(‘src’=>»,’pos’=>’left bottom’),
                    ),
            «opacity»   => ‘light’, // тип прозрачности
            «color»   => array(     // цвета элементов
                        «bg»      => ‘#fff’,
                        «bg2»     => ‘#fff5c5’,
                        «title»   => ‘#333’,
                        «title2»  => ‘#555’,
                        «text»    => ‘#333’,
                        «text2»   => ‘#aaa’,
                        «border»  => ‘#aaa’,
                        «border2» => ‘#999’,
                        «header1»   => ‘#ff6600’,
                        «header2»   => ‘#ff7711’,
                        «header3»   => ‘#ff9933’,
                    ),
            );

Макет

Можно выбирать из 6-ти возможных вариантов расположения сайдбаров:

Шапка сайта

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

Подвал сайта

Мы можем с легкостью изменить текст в footer’e:

Цвета

Есть несколько глобальных цветов, которые можно изменять — это цвет шрифта, фона, границ и т. д.:

Шрифты

Со шрифтами особого ранообразия не получилось — есть набор пресетов, можно указать различные для заголовков и контента:

CSS

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

Изображения

Данная опция — для изощренных — вы можете устанавливать фоновые изображения для элементов страницы:

Слайдшоу

Если Вы используете плагин NextGen Gallery, то сможете слегкостью добавить слайд-шоу на главную страницу сайта:

Экспорт

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

В планах на будущее:

  • Добавить слайдшоу содержащие последние посты
  • Добавить украинскую локализацию
  • Добавить возможность экспорта текущей темы в ZIP архиве

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

Теги:

  • wordpress
  • theme

Хабы:

  • WordPress

Всего голосов 133: ↑122 и ↓11 +111

Комментарии 47

Антон Шевчук @AntonShevchuk

Пользователь

Комментарии Комментарии 47

Плагин для создания страниц WordPress | Бобер Строитель

Получи это сейчас

Получи это сейчас

Нам доверяют на более чем 1 000 000 сайтов

и крупнейшими именами в WordPress

Наши продукты

Освободите свое время и раскройте свой творческий потенциал

Плагин конструктора страниц

Прямая трансляция, редактирование внешнего интерфейса. Что вы видите, то и получаете! Интуитивно понятный конструктор веб-сайтов WordPress Beaver Builder работает в режиме реального времени на передней панели вашей страницы. Больше никаких догадок.

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

Получи это сейчас

Подробнее

Тема Beaver Builder

Идеальный баланс настроек и функциональности. Мы полностью внедрили WordPress Customizer для всех настроек нашей темы. Это позволяет вам просматривать в реальном времени любые изменения настроек вашей темы. С Beaver Builder редактировать тему так же просто, как редактировать страницы.

Получи это сейчас

Подробнее

Дополнение Beaver Themer

Расширьте возможности Beaver Builder. Beaver Themer позволяет создавать макеты для архивных страниц, создавать шаблоны для всего типа сообщений, 404 и страниц поиска, а также создавать такие части, как верхние и нижние колонтитулы. Соединения полей позволяют подключать макеты к данным внутри каждого типа шаблона.

Получи это сейчас

Подробнее

Ассистент Про

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

Получи это сейчас

Подробнее

Почему стоит выбрать BeaverBuilder

Безграничные возможности

  • Инструменты для всех
    Фрилансеры, разработчики, агентства, владельцы электронной коммерции, пользователи WordPress
  • Использование на неограниченном количестве сайтов
    с одной лицензии
  • Быстро создавайте сайты
    визуально и интуитивно с помощью конструктора страниц с перетаскиванием
  • Подходит для разработчиков
    чистый код, стабильная платформа, хорошая документация, PHP, CSS, JS
  • Работает с темами и плагинами
    Astra, Genesis, Page Builder Framework и многое другое
  • Оптимизация для SEO
    мобильный отзывчивый, быстро загружается, дружественный к Yoast
  • Создайте сайт любого типа
    Блог, электронная торговля, членство, целевая страница

Каждый, кто покупает Beaver Builder, становится частью семьи.

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

Крис Лема chrislema.com

Beaver Builder — лучший на рынке плагин для создания страниц WordPress с помощью перетаскивания.

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

Сайед Балхи wpbeginner.com

Beaver Builder поможет вам работать умнее, а не усерднее.

Beaver Builder — идеальный конструктор страниц WordPress для всех клиентов WP Engine.

Двигатель WP wpengine.com

Сообщество

Мы здесь все семья

Получи это сейчас

Новостная рассылка

Получайте последние новости первыми

Наш информационный бюллетень составляется лично и рассылается примерно раз в месяц. Это ничуть не раздражает и не спамит. Мы обещаем.

  • Имя*
  • Электронная почта*
  • hCaptcha*