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

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

Сразу скажу, что все нижесказанное будет применимо только для сайтов на 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 сайт целиком едва ли получится, если вы знаете имя шаблона, на котором работает ресурс, то можете найти и установить его, после чего начинаются работы по подгонке дизайне под свои нужды.

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

Платное/бесплатное по WordPress на других сайтах

Бесплатные уроки по созданию шаблона на WordPress

Платный курс по созданию шаблонов Wordpress

Платный курс по созданию плагинов Wordpress

Шикарный платный плагин для оптимизации WordPress сайта

Премиум шаблон для WordPress, сделанный для людей

Комментариев: 9
  1. Александр

    Хорошая статья, но новичку не всегда хочется заморачиваться на все эти ньюансы. Я раньше копировал сам и возникали некоторые сложности, т.к все сайты индивидуальны. Сейчас считаю что проще заказать, темболее это недорого, вот мне вот эти ребята делали пару раз, быстро и четко vk.com/copylanding1 (не реклама)

  2. Виталий

    Я сам использую dollysites.com , удобно, но всё-таки ограничен незнанием php. Теперь думаю изучать. Спасибо!

  3. Павел

    Кто хоть немного разбирается, тот понял о чем речь идет!!! Благодарю автора...

  4. Михаил

    Что за хреня, я ничего не понял — так как скопировать сайт?

    ну, шаблон определили, стили скопировали и что этого думаете достаточно?

    Да там больше половины шаблонов функционала скрыты от публичного доступа, причем они и есть основные, а другая половина в базе данных — зачастую у лендингов встречается, где почти все идут настройки делаются в одном месте через конструктор созданный разрабом шаблона. Код импорта и экспорта лежит где-то в базе или чего еще хуже в лайв аккаунте на сайте разработчика шаблона... То что описали я еще в 5 классе делал, к сожалению полезного — ноль, разве что ссылка на сайт определять тему вп тем кто не знал пригодится, остальную воду можно удалить!

    1. Михаил (автор)

      Полностью согласен, статья какая-то дурацкая вышла

  5. Александр

    сделать сайт такой сможите только чтоб он мой был

    1. Михаил (автор)

      нет

  6. Марина

    Блин спасибо сайту а то я все время пользовалась site-copy24.ru

  7. Михаил (автор)

    Более конкретно буду писать в других статьях.

Добавить комментарий