Как изменить вордпресс свой шаблон. Редактирование шаблона WordPress: как изменить тему под себя? Что можно изменить в шаблоне WordPress

текст Leave a Comment заменить на

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

Для начала давайте определимся с наиболее часто возникающими вопросами, с которыми сталкиваются пользователи при настройке шаблона WordPress под себя. Вот примерный их список:

как редактировать шаблон WordPress

изменить ширину шаблона на WordPress

как изменить размер шаблона WordPress

как изменить цвет шаблона WordPress

как изменить шрифт в шаблоне WordPress

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

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

Перейдем в раздел Внешний вид — Настроить и увидим главную страницу сайта и в левой части страницы доступные настройки сайта. Среди них могут быть и настройки оформления.

Для примера давайте попробуем изменить цветовую схему сайта. Зайдем в меню Цвета и изменим фон боковой и центральной частей сайта.

Как видим, это довольно удобно и изменить цвет шаблона WordPress достаточно просто — результат мы видим сразу же и можем его оценить.

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

Итак, нам потребуется редактировать чаще всего только один файл — это файл стилей style.css. Находится он в папке вашей темы. Давайте в качестве примера изменим цвет шрифта. Кстати, сделать это можно прямо из админки WordPress. Только будьте аккуратны и внимательны, чтобы случайно не «поломать» сайт. Лучше всего сделайте резервную копию темы перед тем, как что-то менять в ней. Итак, идем в меню Внешний вид — Редактор и по умолчанию у Вас должен быть открыт для редактирования файл стилей темы.

Если это не так, тогда выберите этот файл из списка справа, он называется Таблица стилей (style.css). Чаще всего цвет шрифта задается в body, поэтому найдем стили данного элемента и пропишем красный цвет для в качестве цвета шрифта.

После сохранения файла можем обновить сайт и увидеть красный цвет для основного шрифта на сайте.

Как видим, настройка шаблона WordPress под себя — достаточно несложная задача. Достаточно немного знаний CSS и вы сможете изменить шаблон WordPress и произвести необходимую настройку шаблона. По той же схеме мы можем решить и другие аналогичные задачи. На этом я с вами прощаюсь. Удачи и до новых встреч!

Всем привет! С вами снова Абдуллин Руслан. Эта статья будет полезна всем, кто совсем недавно создал свой сайт на . Каждый хочет, чтобы его веб-ресурс был оригинальным и отличался от других.

За внешний облик интернет ресурса отвечает тема или шаблон. После того как вы установили платформу wordpress, вашему сайту будет присвоена тема по умолчанию. Ее, конечно, лучше заменить на другую.

Итак, сегодня я расскажу вам, как изменить шаблон wordpress, чтобы сделать ваше «детище» более уникальным и красивым.

Но сначала я поделюсь некоторыми новостями из своей жизни. На той неделе в моем городе Омске проходил Всероссийский турнир по борьбе самбо имени А.М. Пушницы. Я принимал участие в этих соревнованиях в весовой категории до 68 кг, хотя обычно я борюсь в 62 кг.

Жаль, но похвастаться своими победами я не могу. В этот раз из трех своих поединков победил я только в одном. Но сильно огорчаться я не стал, так как такой результат был очень даже предсказуем:

1. Не та весовая категория
2. Не тренировался перед соревнованиями, так как простудился и была невысокая температура и кашель.

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

Открытие соревнований было довольно интересным. Я сделал пару фотографий.

Вернемся к основному вопросу. Как установить другую вордпресс тему?

Здесь, как часто бывает, есть несколько способов решить эту проблему:

Расположил я эти варианты в порядке убывания качества и надежности. То есть первый — самый лучший, последний – самый плохой.

Вообще, по каким критериям нужно судить о качестве шаблона:

1. Нравится ли он вам?
2. Наличие всевозможных функций. Лишние функции засоряют интерфейс, продлевают загрузку страниц и так далее.
3. Наличие вирусов и другого шпионского программного обеспечения
4. Уникальность
5. Конечно же, цена

1. Заказать уникальный шаблон

У этого варианта есть только один минус – это его цена. Заказать создание уникального шаблона специально для вас можно в какой-нибудь фирме или найти исполнителя на биржах удаленных работников (FL.ru или weblancer.net ).

Цена, действительно, кусается. Это обойдется вам, как минимум, в 10000 рублей.

Всё зависит от дизайна и количества функций, которые вы хотите внедрить в код сайта.

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

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

2. Официальные депозитарии WordPress

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

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

А залог успеха в продвижении любого интернет ресурса это его уникальность и, конечно же, отсутствие ошибок в коде (то есть чистый и валидный код).

Установить тему из официальных депозитариев можно непосредственно из админ панели вордпресс. Для этого перейдите в меню «внешний вид» — «темы». Нажмите на кнопку «добавить новую».

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

Предусмотрены следующие характеристики:

• Цвета
• Разметка
• Функции

Если ничего не нашли, то можно найти шаблон в других депозитариях wordpress и загрузить его сюда:

Кстати вот список ресурсов, которые вы можете посетить с этой целью:

• wordpress.org/themes/
• fabthemes.com/
• wpthemesdir.com/
• topwpthemes.com/

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

Если что-то было непонятно, то посмотрите еще видеоурок:

3. Зарубежные темы

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

Платные темы стоят здесь примерно от 5 до 100 долларов.

В этом случае вы получите более уникальное оформление вашего ресурса, чем в предыдущем способе. Но хоть они и платные, это не означает, что код в них абсолютно валидный, что нет вирусов и программ шпионов. Это всё на ваш страх и риск.

Ниже я привел вам довольно большой список сайтов. Они вам пригодятся, если у вас очень много свободного времени и вы никуда не торопитесь.

• appthemes.com/
• colorlabsproject.com/
• studiopress.com/
• themetrust.com/
• elegantthemes.com/
• obox-design.com/
• themefuse.com/
• wpzoom.com/
• themify.me/
• woothemes.com/
• graphpaperpress.com/
• themeforest.net/
• templatic.com/
• templatelite.com/
• mythemeshop.com/
• press75.com/
• solostream.com/

Когда найдете подходящую тему, оплатите ее и скачайте на компьютер. Потом можете непосредственно установить в свой вордпресс.

4. Яндекс и Google в помощь

Если вдруг вы до сих пор не определились с выбором, то у меня остался последний совет. Зайдите в поисковик яндекс или google, введите в строку поиска «скачать тему на вордпресс» или что-то в этом роде.

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

Но лучше не увлекаться этим занятием. Выберите уже что-нибудь и займитесь наполнением вашего сайта или блога. А шаблон вы всегда сможете поменять – это совсем не сложно.

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

Кстати нашел видео на своем ютуб канале как раз об этом. Записывал я его еще тогда, когда был сторонником всего бесплатного. Если вы всё-таки решили воспользоваться поиском, то рекомендую посмотреть

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

Если желаете узнать практически всё о создании сайта на вордпресс, то рекомендую курс. Все подробности здесь.

Итак, в этой статье я рассказал вам, что нужно делать, чтобы установить новую тему на свой сайт. Какой вариант выберите вы, дело ваше. Я только рассказал о достоинствах и недостатках.

Если остались вопросы или есть, что добавить, то пишите комментарии.

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

С уважением! Абдуллин Руслан

Здравствуйте, сегодня ко мне пришла идея поменять шаблон на блоге, который мы делаем с самого начала . Причин на смену темы несколько:

• последний по красоте понравился больше
• он немного функциональнее
• практически всем удовлетворяет мои требования (удобство навигации, сходство с тематикой и т.д.)

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

Да, такое, конечно, есть. В отличии от простой на локальном компьютере, на реальном сервере могут возникнуть "небольшие" трудности:

1. Остановка работы блога
2. Прекращение работы плагинов
3. Другие ситуации, который не дают проводить блогу нормальную работу.

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

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

Как поменять шаблон WordPress

1. Первым делом, если у Вас "сложная" тема, сбросьте ее настройки . Так как моя тема на блоге, который мы сейчас рассматриваем не "сложная", покажу на примере этого блога.
   Если шаблон "сложный" у нее есть своя настройка . Чтобы туда попасть, Вам нужно перейти по адресу: Админка -> Дизайн -> Настройка темы . Хочу сказать, что она может называться по-разному, на моем шаблоне это смотрится так:
   
   И нажимаете "Сбросить настройки" или что-то в этом роде:
   
2. Скачиваете Вашу новую тему, проверяете ее антивирусом и . Лучше скачать шаблоны WordPress или с разработчика темы. Лично я скачал тему с официального сайта разработчика.
3. Если в шаблоне закодирован подвал (непонятные буковки и циферки в footer.php ) скачайте его с официального сайта разработчика или и удалите вредоносные ссылки, если они конечно есть.
4. Заливаете тему на реальный сервер , то есть туда, где находятся все шаблоны нашего блога (папка /public_html/wp-content/themes/ как в случае с )
5. Активируем тему в Админке
6. Я пропускаю этот и следующий шаг, так как ошибок никаких не произошло при активации нового шаблона. Если Ваш блог указывает на какие-то ошибки, то отключите все плагины, кроме и активируйте новую тему
7. Теперь включите один плагин и проверьте работоспособность блога, если все работает нормально, продолжайте дальше включать плагины по очереди. Лучше проверять работу блога после активации каждого плагина, так Вам будет проще найти плагин, из-за которого возникает ошибка.
8. Так как в наш код нового шаблона не добавлены некоторые коды плагинов, нам нужно это исправить. Для этого откройте одноименные файлы старого шаблона и нового (обязательно!).
   Под этим я подразумеваю следующее: например, в одном окне у меня файл single.php старой темы, а в другом single.php нового шаблона. Где нахватает код плагина, я копирую с кода старого шаблона и вставляю в новый. Вот наглядный пример:
   
   
9. Да, конечно,сложно запомнить все плагины, которые были установлены на блог, поэтому я иногда пользуюсь для вспоминания того, какие плагины были у меня установлены.
   По названию плагина я помню, в каком месте должен стоять код. Если же Вас затрудняет это, Вы можете "пробежаться" глазами по статьям из рубрики « » .
10. Итак, смОтрите какой плагин установлен, в старом шаблоне ищите нужный код и вставляете в новый, либо ищете те же самые коды в разделе « » в каждом отдельном уроке.
11. Вот и все. На все это у меня ушло чуть более 10-ти минут.

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

Удачи Вам!

___________________________

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

А кто-то просто боится лезть в эти дебри, поэтому либо оставляют стандартный внешний вид шаблона, либо пользуются платными услугами профессионалов для того чтобы изменить дизайн шаблона WordPress . Но поверьте все не так страшно, как кажется на первый взгляд)

Итак, после того как в прошлом уроке мы разобрались с php- структурой нашего шаблона, пришло время перейти непосредственно к оформлению.

Большинство настроек внешнего вида html страниц хранятся в таблице стилей CSS – файлах, отвечающих за отображение элементов нашей страницы.

Данный урок предполагает наличие базовых знаний о CSS. Если вы хотите изучить что такое таблицы стилей и как с ними работать то милости прошу . Там вы найдете бесплатные уроки по CSS и html, которые познакомят вас с основами.

А теперь давайте посмотрим на практике, что мы можем сделать с нашей темой оформления, благодаря правке CSS правил.

Для примера я выбрал стандартный шаблон Twenty Ten, он должен быть в комплекте с установленным вордпрессом.

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

Из инструментов нам понадобятся:

• Браузер
• Установить на Мозилу плагин .
• Для редактирования можно использовать обычный текстовый редактор, но лучше это делать с помощью , там есть подсветка кода, и возможность смены кодировки, так что качаем и его.

Как поменять дизайн шаблона WordPress

После того как все скачано и установлено, открываем наш сайт в Мозиле и запускаем плагин firebug нажав на значек жука.

Снизу откроется панель плагина, с которой и будем работать. По умолчанию на вкладках слева мы видим html код нашей страницы, справа CSS стиль выбранного элемента.

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

К примеру мы имеем такого вида страницу, и хотим изменить цвет панели навигации.

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

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

Теперь перемещая курсор по странице мы видим, что выделенные блоки подсвечиваются рамкой. Кликаем по нашей панели навигации у которой хотим поменять цвет, и во вкладке HTML и Стиль произошли изменения – выделился текущий элемент.

Теперь мы видим, что в коде выбранный нами блок это div с идентификатором “access ” В правой части плагина, во вкладке стиль, у нас отображены все свойства для этого идентификатора. Он принадлежит файлу style.css и правило для этого элемента находится на 375 й строке данного файла.

За свойства фона у него отвечает строчка background , а конкретно за цвет в сокращенной записи именно этот пункт #000000 Не пугайтесь, это всего лишь шестнадцатеричный код черного цвета 🙂

Кликнув по нему мышью вы сможете отредактировать значение по вашему усмотрению и посмотреть тут же в окне браузера, как изменится элемент страницы. Я например введу #3E6A97 что бы получился грязно-синий цвет этой панельки.

Подбирать цвета и коды под них очень просто с помощью программки ColorMania , там даже есть пипетка, которой можно выбрать любой цвет на вашем экране монитора.

Можете поэкспериментировать с разными значениями и элементами. Не бойтесь — внесенные изменения в окне плагина никак не повлияют на вашу страницу на сервере – они действительны лишь в текущем кэше вашего браузера. При обновлении страницы все настройки сбросятся.

И как нам сделать так, что бы эти изменения сохранить для страницы на сервере, спросите вы?

Очень просто. Заходим через FTP клиент на наш сайт, переходим в папку с нашей темой, в данном случае это папка wp-content/ themes/ twentyten/ и находим там файл style.css .

Это и есть таблица стилей, где хранятся основные настройки внешнего вида нашего шаблона. Открываем ее с помощью Notepad++ ,находим нужную нам 375 -ю строчку с правилом для идентификатора access и заменяем черный цвет на нужный нам #3E6A97 .

Сохраняем файл(не забываем про кодировку UTF_8 без BOM) заливаем на сервер измененный файл, обновляем страницу браузера и наслаждаемся результатами)

Что можно изменить в шаблоне WordPress?

Да практически все 🙂 Таким образом вы можете менять:

• отображение текста — выделяем фаербагом текст и ищем в стилях его свойства, к примеру font-size: 14px это размер шрифта, color это цвет теста, font-family семейство шрифтов и т.д.
• width и height размеры элементов длина и высота,
• border рамки.
• img картинки и иконки, обычно идут вместе с ссылками
• margin и padding отступы внешние и внутренние
• позиционирование элементов
• background свойства фона
• И многое другое, для любого элемента вашей страницы можно прописать свои стили.

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

Иногда случается, что стили для отдельных элементов прописываются не в style.css , а в других css-файлах, их название и местоположение вы можете легко увидеть в Firebug и спокойно править эти элементы.

Так же возможно и такое, что для отдельных элементов правила могут прописываться в самом html коде в атрибуте style. В таком случае нужно уже править php файл. мы узнали из предыдущего урока.

Внимание! Прежде чем вносить изменения в вашу тему, настоятельно рекомендую сделать резервные копии всех файлов вашей темы , что бы в случае ошибок вы могли откатить изменения. Ну и конечно же лучше сначала изучить CSS =)

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

Если вы так и не разобрались в тонкостях верстки вашего шаблона или не хотите тратить свое время на это занятие, то можете обратиться ко мне, за скромное вознаграждение я могу отредактировать ваш шаблон под ваши нужды. Писать на email

Для тех кто уже знаком с CSS тема может показаться слишком разжеванной, для новичков же слишком сложной, поэтому если есть какие-то вопросы по вашим шаблонам или что-то непонятно, не стесняйтесь, обращайтесь в комментариях 🙂

Ну а теперь пришло время вплотную и узнать как происходит их установка.