Как скопировать сайт целиком и переделать под себя?

На эту тему проще написать книгу, чем статью. Под словом «сайт» в данном случае стоит подразумевать оформление и структуру. Именно это привлекает к проекту, добавляет ему уникальности. Ну а как скопировать сайт целиком и переделать под себя? Процесс копирования я полностью описал в этой статье. Там же я написал о том, как изменить получившийся проект.

Сразу скажу, что все нижесказанное будет применимо только для сайтов на CMS WordPress, хотя общие принципы подходят и для проектов на других движках. Копирование в данном случае подразумевает, что вы берете wordpress-тему, на которой работает нужный вам сайт, ставите ее себе и переделываете. В этой статье именно об этом.

Как узнать и скопировать шаблон wordpress

Громадное количество сайтов сделаны на WordPress. Если вам понравился какой-то ресурс, то у вас может появиться желание узнать и скопировать тему, которая на нем установлена. Но как это сделать. Проще простого, воспользуйтесь сервисом whatwpthemeisthat. Его название говорит само за себя — вам просто нужно вставить адрес нужного сайта и сервис определит установленную на нем wordpress-тему. Ну а дальше найти этот шаблон — дело техники. Конечно, большинство владельцев сайтов значительно переделывают темы, но самое главное тут — иметь эту тему, а потом уже при знании языков html и css вы сможете ее изменить на свой вкус.

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

Как из шаблона сделать уникализированный шаблон

Все сайты на WordPress используют шаблоны. Кто-то заказывает разработку уникальной темы, кто-то покупает, кто-то ставит бесплатный шаблон, другие создают сами, если умеют это делать. У всех этих вариантов, кроме последнего, есть минусы. Действительно, лучше всего взять и самому создать уникальный шаблон. Хотя и тут видно большой минус — если нет знаний, то вам, по сути, придется учиться программировать на PHP. С нуля. Это может занять месяцы. С другой стороны, перейдя по ссылке, вы можете подписаться на уроки по созданию шаблона для WordPress и значительно ускорить свое обучение.

Но тут есть и другой вариант — взять уже готовый шаблон, а потом его переделать. С одной стороны, знания тоже нужны. Но с другой, намного меньшие, чем при написании темы с нуля. Итак, какие действия нужно предпринимать, чтобы переделать сайт (шаблон) под себя?

CSS-стили

Проще всего (лично мне) поменять стили у шаблона. Для этого надо знак язык CSS. Стили — это все оформление шаблона: цвет заголовков, кнопок, ссылок, подчеркиваний, размер и прочие параметры всех элементов. Как правило, главная таблица стилей называется style.css и лежит в корне сайта. Если шаблон достаточно сложный — в ней может быть более 3 тысяч строчек кода.

Естественно, без нормального знания CSS делать тут нечего. Если вы не знаете этого языка, я могу посоветовать вам лишь учить его. На моем блоге я буду постепенно писать статьи по основам CSS. Или вы можете поручить переделку шаблона фрилансеру, но тогда придется платить.

А я приведу простой пример того, что умеет CSS. Видите сейчас меню и название моего сайта? Всего лишь за 3 минуты я переделал его цвета на вот такие:
И это еще цветочки. Я изменил лишь цвета сайта, а можно было поменять форму элементов, добавить градиент, наклон, поменять шрифт. Огромный простор для творчества! Если вы хотите научиться работать с CSS, смотрите соответствующую рубрику на моем сайте. Также могу порекомендовать премиум-уроки от команды Webformyself. Это более 200 часов подробнейших уроков по таким технологиям, как: HTML, CSS, PHP, Javascript и WordPress.

PHP-шаблоны

Таблица стилей отвечает только за внешний вид элементов. То, какие это будут элементы, решается в PHP-шаблонах, на которых построен WordPress и каждая его тема соответственно. С редактированием этих файлов все сложнее, так как надо хотя бы чуть-чуть знать PHP, а также отлично владеть языком разметки гипертекста HTML.

На скриншоте вы видите типичный пример файла шаблона. Что-то понятно? Если нет, учите языки PHP и HTML или вообще навсегда забудьте, поручив переделку другим. Например, если удалить выделенную строчку, то у статьи пропадет заголовок. А если заметить в этой строке h1 на h2, то название статьи будет заголовком второго уровня (то есть будет набрано меньшим шрифтом).
Еще один пример: Изначально в моей теме рядом со статьей выводилось имя автора. Меня это не устраивало, я хотел убрать его вообще. Для этого пришлось залезть в файл шаблона post-meta и удалить оттуда элемент post-author. Всего лишь удаление одной строки в шаблоне и имя автора пропало со всех страниц на моем сайте.

Я рекомендую вам хотя бы чуть-чуть владеть английским, хотя бы на интуитивном уровне. Так вы будете знать, в каком файле что находится. Например, header.php. Уже понятно, что в этом файле шаблона описывается шапка сайта. footer.php — подвал сайта, content.php — контент, основное содержимое, sidebar-right.php — очевидно, что речь идет о правом сайдбаре, bottom-menu — нижнее меню. Как видите, знать английский нужно хотя бы на базовом уровне.

Простые настройки

Я не вижу смысла упоминать в этой статье о простых настройках админки WordPress: смена общего фона, логотипа, иконки, настройка виджетов, меню и т.д. Обо всем этом я напишу в другой статье. Со всем этим разобраться намного проще, чем с редактированием кода.

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

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