Окончательное 12-месячное руководство по изучению WordPress (плюс ресурсы)

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

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

Научитесь правильно пользоваться WordPress (январь)

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

Обязательно осмотрите и опробуйте все функции, которые вы видите. Попробуйте все ссылки, посмотрите параметры экрана, вкладки «Справка», попробуйте запланировать публикацию, выясните, что такое липкая публикация, создайте боковую панель и некоторые виджеты, соберите меню, посмотрите все доступные настройки и т. Д..

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

Ресурсы, которые могут помочь

Приведенный ниже список ни в коем случае не является исчерпывающим, но я рекомендую вам пройтись по каждому разделу в админке и попробовать все. Если вы не можете понять, что что-то делает, Google это и идти оттуда.

Начало работы с WordPress
Установка WordPress
Обновление WordPress
WordPress Терминология
Все о постах
Все о страницах
Использование изображений
Встраивание контента
Шорткоды
Плагины и Темы
Видимость контента
Пользователи в WordPress
Admnistration Экраны
Настраиваемые поля
Обсуждение
Permalinks
Работа с FAQ по WordPress

Инструменты разработчика и основы (февраль)

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

Я лично использую Atom и редактор, созданный GitHub. Хотя это чрезвычайно мощный редактор, он не имеет легко доступных возможностей FTP (что я рекомендую вам принять во внимание при выборе редактора. Вы поймете почему через мгновение).

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

Далее вы захотите узнать о FTP. Протокол передачи файлов - это способ чтения и редактирования файлов на удаленном компьютере. Идея заключается в том, что вы сможете изменить свой веб-сайт без необходимости загружать файлы и загружать их после изменения в отдельном приложении. Вот посмотрите на Coda 2 в действии.

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

Ресурсы, которые могут помочь

Список бесплатных редакторов кода
Пять лучших текстовых редакторов
14 отличных текстовых редакторов для веб-дизайнеров
Лучшие текстовые редакторы программирования
FTP для начинающих
Что такое FTP и как с ним передавать файлы
Как работают веб-страницы
Как работает сайт
Видео о том, как работают сайты
Как работают сайты на Quackit.com

HTML & CSS (март)

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

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

не расстраивайтесь, если вы что-то не понимаете или что-то не работает, мы все был там. После того, как вы прошли через некоторые ресурсы, и вы чувствуете, что готовы к испытаниям, я рекомендую потренироваться найти понравившийся элемент на сайте и попытаться воссоздать его. Еще один хороший метод - перейти на 365 PSD или Dribbble и найти понравившийся веб-элемент..

Например, взгляните на этот снимок Easy Notes на Dribbble. Нажмите на вложение и попробуйте воссоздать виджет среднего типа дел.

Как только вы сможете создавать отдельные элементы, вы можете заняться более крупными проектами, такими как полный веб-сайт. Вы можете просматривать сайты, такие как Themeforest, Designmodo и Premium Pixels для дальнейшего вдохновения. Вы даже можете взять готовые темы WordPress / HTML и попытаться воссоздать их дома как статическую HTML-страницу..

Не забудьте знать о лицензировании. Темы в Themeforest и многих других местах лицензированы и не могут использоваться без лицензии, даже если вы воссоздаете их с нуля!

Ресурсы, которые могут помочь

HTML

W3Schools
HTML Dog
TutorialsPoint
Tizag

CSS

W3Schools
HTML Dog
TutorialsPoint
Tizag
CSSTutorial.net

Другие источники

Codecademy HTML & CSS
CSS Zen Garden
CSS3 на W3Schools
CSS Color Picker
Интерактивное руководство по выбору CSS
Правила CSS

PHP (апрель)

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

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

Опять же, PHP не сложен, но многое нужно знать. Сложность еще больше возрастает из-за невозможности создать что-то полезное в течение достаточно долгого времени. Я рекомендую посмотреть на WordPress Themes как можно скорее, чтобы увидеть некоторые практические приложения.

Имейте в виду, что вам не нужно знать все в PHP, чтобы начать работу с WordPress. Вам не нужно беспокоиться о объектно-ориентированном PHP в краткосрочной перспективе, и вам не нужно запоминать все доступные функции.

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

Ресурсы, которые могут помочь

W3Schools
Codecademy
Tizag
TutorialsPoint
Справочник по языку PHP
Справочник по функциям PHP

Изменение темы WordPress (май)

Наконец, мы можем начать работу с WordPress! WordPress использует HTML, CSS, PHP и Javascript для отображения содержимого. Вы еще не узнали о Javascript, но это нормально, мы можем сделать это в следующем месяце.

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

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

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

Тема, которую я рекомендую изменить в первую очередь, - «Двадцать пятнадцать». Это должно быть установлено с WordPress 4.1+, так как это новая тема по умолчанию. Эта тема соответствует всем современным стандартам и устанавливает планку развития; Вы можете быть уверены, что любая кодировка, которую вы видите в «Двадцать пятнадцать», верна.

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

Ресурсы, которые могут помочь

Документация по детской теме
Как создать детскую тему
Учебник по детской теме
Теги шаблона

Создание темы (июнь)

Создание темы не слишком отличается от изменения существующей, но вам нужно будет создать множество собственных файлов. не бойтесь копировать и вставлять из других тем, таких как Twenty Fifteen. Файлы типа comments.php который управляет обсуждениями, примерно одинаков на большинстве сайтов. Вы можете использовать CSS, чтобы он выглядел по-другому, и, возможно, просто изменить немного HTML.

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

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

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

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

я”Я перечислю здесь множество ресурсов, но если сомневаетесь, обратитесь за помощью к базе кода Twenty Fifteen, в ней должно быть все необходимое!

Ресурсы, которые могут помочь

Иерархия шаблонов
Условные теги
Полный справочник функций
Разработка темы
Документация боковой панели
Навигационные меню
Индекс архива
Создание статической главной страницы
Создание страницы поиска
Создание страницы 404
Шаблон комментариев
Авторские шаблоны
Шаблоны страниц
Расширенные пользовательские поля

Основы о крючках и плагинах (июль)

Система крючков обеспечивает основу для плагинов. Они позволяют добавлять новые функции в WordPress или модифицировать существующее ядро. функциональность без необходимости изменять ядро код.

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

Вы фактически использовали их в своей теме, когда вы использовали wp_head () а также wp_footer () функции. WordPress использует их для вывода группы кода, например, панели администратора. Вот как плагины могут изменять темы, не касаясь темы..

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

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

Оттуда вы можете делать все, что вы”хотелось бы, но вы должны использовать правильные крючки - вот почему крючки так важны.

Ресурсы, которые могут помочь

API плагинов
Полное руководство по крючкам
Руководство для начинающих по действиям и фильтрам
Определите свои собственные крючки
Написание плагина
Как создать плагин WordPress

Уровень плагинов (август)

Август - время, когда нужно потренироваться в создании плагинов. Найдите что-то, для чего вам нужен плагин, и сделайте это сами. Хотели бы вы, чтобы все случаи добра трансформировались в “классно” в любое время публикация сообщения? Давай и делай это.

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

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

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

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

Эффективно и уверенно кодировать вещи, которые вы знаете, важнее, чем количество вещей в вашем мозгу. Я давно пишу код, и мне иногда нужно искать самые простые вещи. Знание того, что что-то доступно, достаточно, чтобы возможность с легкостью программировать,

Ресурсы, которые могут помочь

Стандарты кодирования
Документация phpDocumentor
Таможенные таксономии
Пользовательские типы сообщений
API настроек
API метаданных
Параметры API
Полное руководство по пользовательским типам записей
Создание переводимых тем и плагинов
Ставить в очередь сценарии и стили

Javascript (сентябрь)

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

Javascript по своей сути является клиентским языком, но может быть связан с кодом на стороне сервера с помощью AJAX. Это то, что позволяет вам голосовать за статью, например. Когда вы нажимаете кнопку голосования, кнопка превращается в благодарственную записку, и количество голосов увеличивается на единицу. Все это происходит без перезагрузки страницы. Это Javascript в сочетании с некоторыми PHP с использованием AJAX.

Большая часть Javascript, которую вы будете использовать, будет jQuery. jQuery - это инфраструктура Javascript, которая реализует специальные функции и предоставляет вам легкий доступ к часто используемым шаблонам. Важно понимать, что jQuery не специальный Javascript, так же как нет ничего особенного в PHP, используемом в WordPress. Это просто рамка, в которой вы можете работать.

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

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

Ресурсы, которые могут помочь

Javascript

W3Schools
Codecademy
TutorialsPoint
HTML Dog

JQuery

W3Schools
Codecademy
Учебный центр jQuery
TutorialsPoint

Больше

AJAX и WordPress
Как использовать AJAX в WordPress

Практика Практика (октябрь)

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

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

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

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

Ваш список чтения

Smashing Magazine
Блог разработчиков WPMU
Список отдельно
Депозит веб-дизайна
Speckyboy
Шесть ревизий
Scotch.io
Блог Дэвида Уолша
Code.Tutsplus
Designmodo
CSS-Tricks
не бойся интернет

Продвинутые концепции (ноябрь)

Это месяц, когда все ваши знания должны собраться вместе, и вы можете стать программистом. Вы должны быть в состоянии начать видя большую картину а также иметь рабочие знания из четырех основных языков, которые использует WordPress: HTML, CSS, JS и PHP.

Я бы посоветовал начать учиться объектно-ориентированный PHP. Вы уже используете его в своих темах и плагинах в цикле и других конструкциях. ООП (объектно-ориентированный PHP) позволит вам лучше писать код и лучше понимать основной код WordPress. Кроме того, это шлюз для программирования на языках типа C и, таким образом, для создания приложений для iOS, например.

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

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

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

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

Я хотел бы подчеркнуть важность попасть в объектно-ориентированное мышление. Сначала это будет казаться очень чуждым, и использование их покажется неясным. Помните, как использование PHP было неясным, когда вы впервые изучали его? Как переменная и оператор if получают мне веб-страницу?

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

Я действительно рекомендую высококачественные видеоуроки для этого. Мое избранное можно найти на Laracasts (см. Ресурсы). Laracasts был в первую очередь создан для Laravel, но содержит много ООП и других концепций высокого уровня..

MySQL на W3Schools
MySQL On TutorialsPoint
Laracasts
Объектно-ориентированный PHP для начинающих
TutorialsPoint
ООП Документация
Дом на дереве
Взаимодействие с базой данных WordPress
Руководство по переходным процессам
Уокер класс
Класс WP_Error
Класс WP_Query

Расширенные инструменты разработки (декабрь)

Теперь, когда вы знаете намного больше, пришло время сделать вашу жизнь проще, научившись использовать некоторые передовые инструменты. Это включает в себя такие вещи, как использование SSH для доступа к серверу, WP-CLI для управления установками WordPress, Vagrant для создания локальной установки WordPress, и больше.

Первое, что вы должны изучить, это как настроить WordPress локально, используя XAMPP, MAMP, WAMP или Vagrant. Я лично использую Vagrant, но с остальными тоже все в порядке. Это избавляет от необходимости использовать FTP все время, значительно ускоряя время разработки.

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

Я также рекомендую узнать все о CSS препроцессоры. Такие языки, как LESS и SASS, позволяют вам использовать переменные, функции и другие сложные понятия в вашем CSS.

В рамках изучения препроцессора вы должны научиться использовать передовые инструменты компилятора, такие как Prepros или Codekit. Эти инструменты могут перезагрузить веб-сайт при каждом сохранении файла, автоматически скомпилировать CSS, минимизировать Javascript и т. Д..

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

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

Это область, где вы можете постоянно меняться и расти. Я перешел от использования XAMPP к MAMP, наконец, к Vagrant. Это была естественная кривая обучения, и я все еще изучаю все, что нужно знать о Вагранте.

Я перешел от использования Notepad ++ к Sublime к Coda к Atom. Нет ничего плохого ни в одном из этих инструментов, но, когда я вырос, я естественным образом перешел от одного к другому.

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

Причина, по которой вы захотите и то, и другое, заключается в том, что WordPress использует SVN в данный момент, поэтому, когда выпустить плагины и темы, которые вам понадобятся для использования SVN. Большинство проектов используют Гит как это немного лучше для работа в команде, так что это то, что вы хотите использовать для других проектов.

Ресурсы, которые могут помочь

Использование Vagrant для настройки локальной среды WordPress
бродяга
XAMPP
MAMP
WAMP
Руководство по SSH для Linux
Как использовать SSH
WP-CLI
WP-CLI Tutorial
МЕНЬШЕ
SASS
Основы SASS
SASS Руководства
Начало работы с LESS
Codekit
Prepros
коала
Визальное руководство по контролю версий
Изучите контроль версий с помощью Git
Книга СВН

Заключительные слова

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

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

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

Удачи в изучении кодирования в 2015 году, дайте нам знать, как у вас дела в комментариях ниже!