Статьи

Настройте свою тему WordPress с помощью этих полезных инструментов

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

Вы, вероятно, придумали следующие ответы:

  • Получите самые крутые продукты
  • Расскажите отличную личную историю, почему вы делаете то, что делаете
  • Создайте заметное присутствие в Интернете
  • Поговорите с кем-нибудь в finally Famous, Inc, которая является полностью вымышленной компанией.

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

Вы говорите, отличный сайт? Это правильно; Ваш веб-сайт, помимо прочего, является лицом вашего онлайн-бизнеса – вашим единственным шансом произвести хорошее первое впечатление на ваших потенциальных клиентов. В сегодняшнем посте мы расскажем о 20 инструментах, которые вы можете использовать для настройки вашей темы WordPress в соответствии с потребностями вашего бизнеса и привлечения клиентов в тралы. Перед тем, как перейти к списку инструментов, вот несколько истин о настройке тем WordPress, которые вы должны помнить при внесении изменений в свои темы.

Как настроить темы WordPress

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

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

При поиске идеальной темы WordPress вы можете выбрать премиальную тему (например, Total), бесплатную тему или структуру темы в зависимости от ваших бизнес-требований, а также личных предпочтений. С бесплатной темой вы не откладываете свою кредитную карту, но неадекватность функций и опций заставит вас пожалеть о них. Конечно, вы всегда можете получить плагины для любых функций под солнцем, но мы все знаем, как это происходит.

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

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

Используя файл таблицы стилей вашей дочерней темы (style.css), вы можете изменить внешний вид всего вашего веб-сайта с помощью нескольких строк кода. С помощью специального файла PHP, известного как functions.php, вы можете добавлять функции или структурно изменять свой сайт. Вы можете пойти дальше и создать файлы шаблонов для своей дочерней темы, что дает вам полный контроль над дизайном и структурой вашей темы.

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

Инструменты для настройки вашей темы WordPress

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

TemplateToaster

Настройте свою тему WordPress с помощью этих полезных инструментов

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

Используйте встроенный визуальный конструктор перетаскивания, чтобы создать свой собственный шаблон. Есть множество вариантов для столбцов, заголовков, настраиваемых меню, галерей, областей виджетов и многого другого. И все это без необходимости кодирования. Вы даже можете добавлять контент при создании макетов, чтобы сэкономить время позже, когда вы загрузите тему на свой действующий сайт. Кроме того, все полностью адаптивно (поэтому вам не нужно беспокоиться о стилизации дизайна вашего сайта для разных устройств), а также RTL и многоязычность. И когда вы закончите создание собственной темы с помощью TemplateToaster, все, что вам нужно сделать, это экспортировать ее!

Инструменты разработчика Chrome

Ваша тема WordPress установлена ​​и готова к работе, но как узнать, какой именно элемент нужно настроить? Если вы посмотрите на свою тему со стороны интерфейса, вы не сможете сказать, какой элемент какой. Бэкэнд ничем не лучше, но благодаря инструментам разработчика Chrome вы можете предварительно просмотреть изменения в структуре вашей темы и CSS, чтобы вы могли увидеть, как они выглядят, прежде чем их кодировать. Вы можете визуально осмотреть любой элемент, используя подход «наведи и щелкни», что облегчит вашу работу. В Google Chrome вы можете открыть Инструменты разработчика, щелкнув правой кнопкой мыши на своем сайте и выбрав «Проверить элемент».

Блокнот ++

Настройка темы WordPress включает (или потребует) написание большого количества кода. Для этого вам понадобится мощный текстовый редактор, который позволит вам всегда быть в курсе событий. Notepad ++ – ваш лучший выбор, поскольку он прост в использовании, отлично выглядит и предлагает множество замечательных функций, которые сделают написание кода очень увлекательным.

Возвышенный текст

Настройте свою тему WordPress с помощью этих полезных инструментов

Notepad ++ работает с Windows, но если вам нужен единственный в своем роде текстовый редактор для вашего компьютера Mac, Sublime Text – отличный выбор (это то, что мы используем здесь, в WPExplorer, при кодировании всех наших тем). Он поставляется с режимом без отвлекающих факторов, поддержкой раздельного редактирования и позволяет настраивать что угодно, мгновенно переключаясь между проектами.

Локальный сервер (WAMP, XAMPP, MAMP, LAMP)

Лучшая и самая простая среда для настройки (или разработки) тем WordPress – это локальный сервер. Это исключает процесс входа в систему и загрузки на действующий сервер, экономя ваше время и усилия. Это также означает, что у вас есть полный контроль над своим сервером, чтобы настроить его в зависимости от ваших потребностей. Вам не нужно покупать место для хостинга или регистрировать домены / создавать поддомены для настройки или разработки тем, что отлично подходит для вашего кошелька. Нет никаких простоев или ограничений использования, а также всего прочего, что вы ненавидите с вашим текущим хостом WordPress.

Чтобы создать собственный локальный сервер, вам потребуются такие программы, как WAMP и XAMPP для Windows, MAMP для Mac OS X или LAMP для Linux. Я использую WAMP, и до сих пор это было здорово. Хотите узнать, как установить WordPress? Ознакомьтесь с нашим руководством!

Adobe Photoshop

Подождите, я не графический дизайнер. Я просто хочу настроить свои темы WordPress. Подскажите, зачем мне Adobe Photoshop? Вот небольшая приятная цитата для вашего удовольствия:

[Photoshop] – это стандартное программное обеспечение де-факто для работы с изображениями. Я использую его для редактирования логотипов, изменения цвета фоновых градиентов и настройки [почти] любого элемента изображения на веб-сайте. – Крис Кри, специалист по маркетингу в Интернете.

Теперь вы понимаете, зачем вам нужен Adobe Photoshop для настройки тем WordPress? С помощью Photoshop можно делать множество других вещей, включая создание макетов, выбор веб-цветов, сохранение изображений для Интернета и т.д. Photoshop стоит около 20 долларов в месяц, что для меня дороговато, но оно того стоит.

GIMP

Если вы только начинаете и у вас ограниченный бюджет, тратить 20 долларов в месяц на Photoshop – это то, что вам, вероятно, не стоит делать. Входит в GIMP, и вы экономите 240 долларов в год. Несмотря на сложность настройки, GIMP является достойной альтернативой Adobe Photoshop.

GenerateWP

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

WhatFont

Изменение мелких деталей (например, шрифтов) в вашей теме может сильно повлиять на дизайн и взаимодействие с пользователем. Но выбор идеального шрифта для вашего сайта WordPress может быть сложной задачей, учитывая тысячи имеющихся шрифтов. Не беспокойтесь, с инструментом WhatFont вы можете легко узнать шрифты, используемые на любой веб-странице. Просто установите расширение браузера WhatFont, запустите его и наведите указатель мыши на любой блок текста. Просто как 1, 2, 3.

CSSViewer

Инструмент «Проверить элемент» отлично работает, но так ли впечатляет он, как CSSViewer? Это решительное нет. Хотя вы не можете визуально редактировать CSS (как в «Inspect Element»), CSSViewer – это простой и интуитивно понятный просмотрщик CSS, который упростит настройку тем WordPress. Все, что вам нужно сделать, это установить расширение и навести курсор на элементы, чтобы увидеть ряд свойств CSS.

Пустое содержимое

В большинстве случаев, когда вы приобретаете тему WordPress, вы получаете именно это – пустой холст темы без какого-либо контента. Вы по-прежнему можете настроить цвет и многое другое, но без фиктивного контента сложно увидеть, что-то не так. Но откуда я возьму классный фиктивный контент? Мы прикрываем вашу спину; вы можете загрузить образцы контента из Theme Unit Test в Codex или WordPress Sample Content на WPCandy.

WPBakery (ранее Visual Composer)

Конструктор WPBakery, популярный на CodeCanyon на момент написания статьи, представляет собой чрезвычайно удобный и отзывчивый конструктор страниц с перетаскиванием, который помимо других полезных функций поставляется с визуальными редакторами. Проще говоря, вы можете использовать Visual Composer для создания любой мыслимой страницы WordPress. Похоже, инструмент, который вам нужен при настройке темы WordPress, не так ли?

Благодаря адаптивному дизайну, более 45 элементам контента, шаблонам, поддержке нескольких языков и простоте использования среди других функций, Visual Composer – именно то, что вам нужно для создания темы WordPress своей мечты. Он имеет более 388 000 продаж, впечатляющий рейтинг покупателей – 4,65 / 5,00 и стоит всего 64 доллара.

Тематический тест-драйв

Theme Test Drive – это хорошо оцененный плагин Владимира Преловаца, известного разработчика, у которого за плечами более 25 плагинов. Плагин не делает ничего особенного – вы просто получаете «… безопасно протестировать любую тему от имени администратора, в то время как посетители используют [тему] по умолчанию».

Правильно, используя Theme Test Drive, вы можете запускать две темы на своем сайте WordPress одновременно. Конечно, ваши читатели будут видеть только одно, пока вы настраиваете другой. Войдя в систему, вы сможете видеть только настраиваемую тему, что позволяет вам вносить изменения прозрачно, так что пользователи никогда не заметят, что вы запускаете другую тему для себя.

Я отзывчивый

По мере того, как вы настраиваете свою тему WordPress с новыми функциями и стилями, вы хотите видеть, как настроенная тема выглядит и работает на разных устройствах. Если вы не знаете, с чего начать, ваш ответ – “Я реагирую”. Как только вы окажетесь на веб-сайте Am I Responsive, просто добавьте свой URL и нажмите GO! кнопку и все.

Другие подходящие варианты включают Отзывчивые Design Checker, или мобильное Отзывчивое тестирование Design по StudioPress. Вы ведь не хотите, чтобы пользовательские элементы перекрывались или выпадали из линии при изменении ширины экрана?

Настройщик тем WordPress

Этот инструмент должен был быть первым в этом списке, но кто все равно ведет счет. Помимо прочего, настройщик тем WordPress – это простой в использовании инструмент WordPress, который позволяет настраивать любую тему в режиме предварительного просмотра. Вы можете настроить все, от заголовка до меню, цветов до виджетов и многое другое, в зависимости от параметров, доступных в вашей теме. Чтобы использовать настройщик тем WordPress, просто перейдите в «Внешний вид» > «Настроить»  на панели инструментов WordPress.

CSS Hero

Это универсальный инструмент веб-дизайна, который поможет вам легко настроить тему WordPress. Просто наведите указатель мыши и щелкните, чтобы отредактировать поля, отступы, цвета, фон, шрифты и добавить визуальные эффекты, такие как тени и наведение среди других. Этот инструмент от CSSHero.org «… представляет собой полноценный плагин WordPress, позволяющий легко настраивать каждое свойство ваших тем с помощью простого и интуитивно понятного интерфейса« укажи и щелкни ».

Evernote

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

FileZilla

Во время и после настройки темы WordPress вам необходимо загрузить файлы на свой веб-сервер. Вы можете использовать функцию диспетчера файлов, которая поставляется с вашей учетной записью хостинга, или использовать FileZilla, FTP-клиент, доступный для многих пользователей. Это бесплатно и совместимо с Windows и Mac OS X, среди прочего.

FireFTP

Это отличное расширение для браузера для любителей WordPress, которые любят Firefox. FireFTP хорошо работает с Firefox, поэтому вы можете загружать / скачивать файлы прямо из вашего любимого браузера, даже не загружая отдельный FTP-клиент. Вдобавок ко всему, FireFTP бесплатен, работает так, как рекламируется, и является довольно популярным инструментом. Фактически, это лучший веб-инструмент для работы с FTP!

Главный лагерь

Если вы настраиваете темы для жизни, у вас, очевидно, есть проекты, которые идут в лоб. Если вы не сможете отслеживать свою работу, в конечном итоге все пойдет наперекосяк, чего вам определенно не нужно. Basecamp стоит от 25 до 150 долларов в месяц и является лучшим инструментом для «… назначения задач, проверки сроков выполнения, совместной работы над проектами, обмена файлами и проведения обсуждений». Basecamp предлагает 60-дневную бесплатную пробную версию, поэтому не бойтесь протестировать ее – они не попросят вашу кредитную карту.

ActiveCollab

Если Basecamp вам не по вкусу, ActiveCollab – впечатляющая альтернатива. ActiveCollab с множеством потрясающих функций и от 25 долларов в месяц предлагает вам все инструменты, необходимые для работы над любым проектом, а не только настройку темы.

К тебе…

Если вы еще не начали настраивать темы WordPress, это легко, особенно теперь, когда у вас есть более 20 замечательных инструментов, которые сделают вашу работу проще и интереснее. Если вам неудобно кодировать, мы рекомендуем использовать многофункциональную тему, такую ​​как Total, для настройки. Если вы настраиваете темы WordPress, какие еще инструменты вы используете? Если вам понравился этот пост, поделитесь с нами своими мыслями, мы всегда ждем ваших отзывов. Ad astra.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Кнопка «Наверх»

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: