Наши 25 лучших статей о WordPress и дизайне за 2016 год

2016 год был полон фантастических новых тенденций в мире веб-дизайна. От новых руководств по CSS до лучших практик WordPress и практических советов по развитию вашего агентства — все это мы рассмотрели на The Layout.

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

Итак, без лишних слов, вот наши 25 лучших статей о WordPress и дизайне за 2016 год.

25. Наши лучшие 10 любимых плагинов WordPress

Просматривать каталог плагинов WordPress — это как стоять в кондитерской — все они выглядят так захватывающе! И в наши дни есть плагин практически для всего: улучшения безопасности, повышения производительности, оптимизации SEO, и этот список можно продолжать и продолжать.

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

24. Что нужно для создания красивого блога на WordPress

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

Готовы создать блог своей мечты на WordPress? Вот что вам нужно для начала.

23. 17 бесплатных шрифтов для скачивания в 2016 году

Хотите обновить свою библиотеку шрифтов новыми шрифтами? Мы нашли несколько отличных вариантов, выпущенных в этом году, и просто не могли не поделиться!

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

22. Где найти лучшие бесплатные стоковые фотографии 2016 года

Ищете качественные бесплатные стоковые фотографии? Не банальное стандартное стоковое фото. Реальное, привлекающее внимание изображение, с глубиной и цветом и намеком на «историю» о нем. Мы живем на счастливом пересечении цифровой фотографии, экономики совместного использования и Интернета. Бесплатные сайты для обмена фотографиями с высококачественными изображениями появляются по всей сети, предлагая фантастический буфет фотографий Creative Commons Zero (CC0).

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

21. 32 потрясающие бесплатные темы WordPress, которые стоит попробовать в 2016 году

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

Ознакомьтесь с нашим списком фантастических бесплатных тем WordPress 2016 года!

20. Как создать дочернюю тему WordPress

Обычно найти идеальную тему практически невозможно; всегда есть некоторые модификации, которые необходимо сделать. Итак, почему бы просто не взять красивую тему WordPress по умолчанию, например, Twenty Fifteen, и не сделать ее своей собственной, чтобы она выглядела и функционировала именно так, как вы хотите? Создание дочерней темы сэкономит вам много времени и избавит вас от головной боли (поверьте мне).

Следуйте этому руководству, чтобы легко создать свою собственную дочернюю тему WordPress.

19. Как улучшить скорость и производительность вашего сайта WordPress

Вы знаете, что скорость сайта имеет решающее значение для успеха вашего бизнеса (и вашего клиента). Снова и снова вы сталкиваетесь с пугающей статистикой, например, «почти половина веб-пользователей ожидает, что сайт загрузится за две секунды или меньше» и «пользователи, как правило, покидают сайт, который не загружается в течение трех секунд». ». На этом этапе проекта легко расстроиться, но не волнуйтесь.

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

18. Как добавить jQuery в вашу тему WordPress

jQuery — очень популярная, если не самая популярная библиотека Javascript. На самом деле, он настолько популярен, что WordPress автоматически загружает его. (Это началось в WordPress 3.8.1.) Однако то, что WordPress поставляется с jQuery, не означает, что он готов к использованию прямо из коробки. Если вы используете или создаете тему, в которой jQuery еще не вызывается, вам придется сделать пару вещей, прежде чем вы сможете начать ее использовать.

Следуйте этому руководству, чтобы загрузить jQuery в любую тему WordPress.

17. Веб-дизайн и веб-разработка: в чем разница и почему это важно?

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

Есть очень реальная разница между веб-разработкой и веб-дизайном. Узнайте, что это такое и почему это важно.

16. Как создать карусель «Последние публикации» с помощью Owl Carousel

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

Вот тут-то и появляется Owl Carousel, чтобы помочь вам выбрать путь «сделай сам» и создать сайт своей мечты. Следуйте этому руководству, чтобы создать свою собственную карусель «Последние публикации»!

15. Как добавить Font Awesome на ваш сайт WordPress

Font Awesome — это надежный набор иконок, который содержит масштабируемые векторные иконки. И, что удивительно, это бесплатно (наборы иконок могут быть довольно дорогими, что делает это довольно приятной сделкой). Font Awesome также позволяет легко добавлять его в вашу тему WordPress, экономя драгоценное время, поскольку вам не нужно создавать и сохранять эту графику самостоятельно.

Следуйте этому руководству, чтобы узнать, как добавить Font Awesome на ваш сайт WordPress.

14. Как создать липкую шапку сайта

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

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

13. Как сэкономить время при настройке новых сайтов WordPress

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

Но не волнуйтесь — есть способ ускорить этот избыточный цикл. Следуйте этому руководству, чтобы ускорить процесс и вернуться к созданию красивых сайтов!

12. Как добавить адаптивную карту Google в WordPress

Как самое популярное картографическое решение, добавление Google Maps на ваш сайт WordPress не может быть проще. Эта удобная в использовании картографическая технология предоставит бизнес-информацию, контактную информацию и маршруты к месту по вашему выбору, делая навигацию очень удобной для ваших пользователей.

Готовы добавить карту на свой сайт WordPress? В этом руководстве будет рассказано, как использовать плагин для его добавления, а также метод «сделай сам».

11. Как добавить параметры в настройщик WordPress

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

Итак, давайте разберемся — вот как использовать Customizer для параметров темы.

10. Лучшие каналы Slack для дизайнеров

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

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

9. Самый простой способ локальной разработки сайтов WordPress

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

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

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

8. Как использовать запросы функций CSS

Запросы функций CSS — это способ выполнить встроенный в браузер метод обнаружения функций. Эти запросы анализируют, правильно ли браузер реализовал свойство CSS. По сути, браузер «сообщает» о том, поддерживается ли определенное свойство или значение CSS. Результат определяет, применять ли блок CSS или нет.

Хотите использовать новые функции CSS, но беспокоитесь о возможностях браузера? Узнайте, как запросы функций CSS могут помочь обеспечить бесперебойную работу.

7. 9 трендов веб-дизайна, которые нужно знать в 2016 году

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

Еще не поздно — вот наши девять главных тенденций веб-дизайна на 2016 год!

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

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

Секрет масштабирования вашего агентства? Добавьте повторяющиеся каналы дохода в свою бизнес-модель!

5. Бесплатные печатные формы, которые помогут дизайнерам оставаться организованными

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

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

4. Как создать простой макет с помощью CSS Grid Layouts

Частью работы дизайнера является знание будущего веб-дизайна. CSS Grid Layouts меняет правила игры и поможет облегчить некоторые проблемы с позиционированием, с которыми дизайнеры сталкивались на протяжении многих лет. Хотя это еще не совсем общепринятая практика, ее стоит ожидать.

Следуйте этому простому руководству, чтобы изучить основы CSS Grid Layouts!

3. Почему SSL важен для вашего сайта WordPress

SSL. Вы, наверное, уже слышали об этих трех маленьких буквах, но знали ли вы, что они действительно могут принести пользу вашему сайту WordPress? Прежде чем мы поговорим о том, как это поможет вашему сайту, сначала давайте рассмотрим, что такое SSL.

Вот что такое SSL, зачем он вам нужен и как легко получить его на своем сайте WordPress!

2. Как использовать методы отсечения и маскирования CSS и SVG

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

Следуйте этому руководству, чтобы легко начать работу с отсечением и маскированием CSS и SVG.

1. 20 библиотек JavaScript, которые стоит попробовать в 2016 году

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

Хотя существует бесконечное количество ресурсов, мы думаем, что эти 20 библиотек JavaScript обязательно выведут ваш сайт на новый уровень в 2016 году.

Это завершает наш список лучших статей о WordPress и дизайне за 2016 год! Какие были ваши любимые? Поделитесь своими ссылками в комментариях ниже, чтобы помочь нам расширить наш список!