Путешествовать
Используя дочернюю тему, вы можете начать играть с типографикой, цветами и макетом вашего блога, не беспокоясь о том, чтобы что-то испортить.
Поэтому я предполагаю, что большинство из вас имеют блоги WordPress или думают о переходе на WP.
В течение долгого времени я не решался по-настоящему поиграть с моим блогом, потому что, когда я смотрю на код в backend - html и php - я всегда думаю о том же - «я убью свой блог, если буду с этим связываться».
Дело в том, что я действительно хотел изменить типографику и внешний вид своего блога и сделать его своим, а не просто стандартной темой. В эти выходные я нашел ответ: вы делаете «детскую тему».
Что такое детская тема?
Дочерняя тема - это, в основном, супер-миниатюрная тема (в ней есть только один компонент - созданный вами лист style.css - инструкции ниже), который заимствует весь код у «родителя». Это позволяет вам возиться с любыми элементами, которые вы хочу - шрифты, цвета, интервалы, изображения - просто копируя и вставляя небольшие фрагменты кода в свою дочернюю тему и экспериментируя с ними.
Независимо от того, какие изменения вы вносите в свою дочернюю тему, вы всегда можете стереть их и начать все сначала, или просто сохранить свои изменения, а затем переключиться обратно на родительскую тему, чтобы она стала «живой» после того, как вы закончите работать. Затем вы можете вернуться и поэкспериментировать со своей дочерней темой позже в процессе работы.
Я узнал все это из очень хорошего наглядного введения в создание дочерних тем, в котором рассказывается, как создать один шаг за шагом.
[Примечание: для всего этого есть одно условие - для этого вам нужен FTP-доступ к вашему блогу WordPress. Вы не можете создать их, если это просто блог на WordPress.com.]
Вот схема:
1. Найдите название каталога (чувствительное к заглавным буквам) вашей темы. Например, моя тема «Тематическая», однако список каталогов (список, который на моем сервере загружен через FTP, является «тематическим»).
2. Скопируйте и вставьте следующее в текстовый редактор (с заполненными пробелами согласно вашей информации):
/ *
Название темы: назовите свою дочернюю тему как хотите, например, «ваш ремикс»
URI темы: укажите здесь адрес вашего блога
Описание: поместите описание, распознающее это как дочернюю тему, например: «детская тема для тематики»
Автор: ваше имя
URI автора: разместите здесь свой блог
Шаблон: список каталогов вашей родительской темы, например «тематический»
Версия: положите все, что вы хотите здесь. «1.0» - логическая первая версия
* /
@import url («../ thematic / style.css»);
В этом примере я использую тематическую в качестве родительской темы. Для вашего собственного блога вы должны поместить любой каталог в каталог, например, допустим, что ваша тема «kubrick», тогда нижняя строка будет выглядеть так:
@import url («../ kubrick / style.css»);
Эта нижняя строка в основном единственный код во всей вашей теме. Это просто говорит WordPress импортировать все стили из родительской темы или «шаблона», которые вы перечислили.
3. После завершения этого документа сохраните его в точности так: style.css (он должен иметь расширение CSS или Cascading Style Sheet).
4. Создайте новый каталог в папке тем с именем, которое вы даете своей теме, например, «ваш ремикс».
5. Загрузите файл style.css в эту папку по FTP.
6. Перейдите в серверную часть своего блога, затем «Внешний вид»> «Темы», и, если вы все сделали правильно, вы должны увидеть новую дочернюю тему (снимка экрана не будет, но вы увидите название / информация, которую вы вставили) в списке доступных тем. Нажмите активировать.
7. Поскольку ваша дочерняя тема просто импортирует все из родительской темы, она будет выглядеть идентично. Теперь вы можете повеселиться. Откройте Appearance >> Editor, затем выберите style.css (вы должны увидеть точно такой же документ, который вы создали.) Теперь вернитесь к таблице стилей вашей родительской темы (вы можете загрузить ее на рабочий стол или просто просмотреть через FTP) и посмотреть для вещей, которые вы хотите изменить. Скопируйте их, затем вставьте их в таблицу стилей вашей дочерней темы, откройте ее здесь в редакторе.
8. Если вы похожи на меня, а таблицы стилей кажутся просто невозможными, вы можете скачать полезный инструмент для Firefox под названием Firebug, который позволяет нажимать на элементы страницы, а затем выдает соответствующий код CSS. Это позволяет вам смотреть на родительскую тему в другом окне, нажимать на части, которые вы хотите изменить, затем копировать код CSS, который он вам дает, и вставлять его в редактор.
