Крайно 12-месечно ръководство за изучаване на WordPress (плюс ресурси)

Ако искате да научите нещо ново през 2015 г., защо не го направите WordPress? Тя захранва огромна част от мрежата, ще разберете по-добре собствения си уебсайт, ще можете по-добре да общувате с разработчиците и ще можете да печелите пари, помагайки на другите. В допълнение, програмирането ви дава представа за определен начин на мислене, който може да бъде полезен в други сфери на живота. Номерът е да знаеш какво трябва да научиш и да продължиш последователно - изисква се дисциплина.

Това е 12-месечно ръководство за това какво да се фокусираме, една тема на месец, един месец в даден момент. Запомнете това ръководство и го посещавайте редовно през цялата година, а до края на годината може да успеете да задържите позицията си, когато става дума за WordPress.

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

На каквото и ниво да използвате WordPress, залагам, че има много неща, които не знаете. През януари трябва да се съсредоточите върху административната страна на нещата, без кодиране.

Уверете се, че проверявате и изпробвате всички функции, които виждате. Изпробвайте всички връзки, разгледайте опциите на екрана, раздела „Помощ“, опитайте да планирате публикация, разберете какво е залепващо съобщение, създайте странична лента и някои джаджи, съберете меню, вижте всички налични настройки и т.н..

Идеята е да станете опитни в използването на WordPress така че можете да четете и да работите по-бързо чрез уроци. Много хора пропускат тази стъпка и причиняват ненужно объркване по време на учебния процес. Докато програмирането не искате да бъдете разсеяни от вносителя на WordPress, ще имате много работа без това бреме.

Ресурси, които могат да помогнат

Списъкът по-долу изобщо не е изчерпателен, но ви препоръчвам да преминете през всеки раздел в администратора и да опитате всичко. Ако не можеш да разбереш какво нещо прави, използвай го и отиди оттам.

• Първи стъпки с WordPress
• Инсталиране на WordPress
• Актуализиране на WordPress
• Терминология на WordPress
• Всичко за публикациите
• Всичко за страниците
• Използване на изображения
• Вграждане на съдържание
• кратките
• Приставки и теми
• Видимост на съдържанието
• Потребители в WordPress
• Екрани за администриране
• Персонализирани полета
• Дискусии
• Постоянните
• Работа с често задавани въпроси за WordPress

Инструменти и основи за програмисти (февруари)

За да започнете с развитието, ще ви трябват инструменти и основни познания работа с файлове. Първото нещо, което ще искате е текстов редактор. Има много редактори на кодове, прегледани преди това тук в Hongkiat, и повечето са.

Аз лично използвам Atom и редактор, направен от GitHub. Макар да е много способен редактор, той няма лесно достъпни възможности за FTP (което ви препоръчвам да вземете предвид при избора на редактор. Ще видите защо в един момент).

Запознайте се с вашия редактор. Който и да използвате, препоръчвам да го прочетете чрез търсения с Google, да прегледате настройките и да се уверите, че можете да го използвате за създаване и редактиране на файлове на компютъра с увереност.

След това ще искате да научите повече за FTP. File Transfer Protocol е начин за четене и редактиране на файлове на отдалечен компютър. Идеята тук е, че ще можете да модифицирате уебсайта си, без да се налага да изтегляте файлове и да ги качвате, след като ги промените с отделно приложение. Ето един поглед към 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
• Интерактивно 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 Language Reference
• PHP функция за справка

Промяна на тема на WordPress (май)

И накрая, можем да започнем с WordPress! WordPress използва HTML, CSS, PHP и Javascript за показване на съдържание. Още не сте научили за Javascript, но това е добре, можем да го направим по-късно.

Първото нещо, което трябва да направите, е промяна на тема. Използване на FTP отидете в папката, която държи вашата активна тема и да играете с нея. Намерете къде е заглавието и го преместете под съдържанието, добавете текст, добавете CSS и така нататък.

Имайте предвид, че това действително ще промени сайта ви на живо, така че го правите само ако сте сигурни, че е добре. Също така темите никога не трябва да бъдат променяни, като директно докосвате техния код. Това е добре за практика, но в действителност ще трябва да го направите създайте своя собствена тема или използвайте дъщерна тема, за да модифицирате съществуващо (за повече информация вижте раздела за ресурси за този месец).

Целта на този месец е да се почувствате удобно с това как работи една тема и използвания от нея код. Трябва да започнете да научите за шаблони, специални функции на WordPress, които могат да се използват за показване на данни за пощата, както и за файловете, които темата изисква.

Темата, която препоръчвам да се модифицира първо, е двадесет и петнадесет. Това трябва да се инсталира с WordPress 4.1+, тъй като е нова тема по подразбиране. Тази тема следва всички настоящи стандарти и поставя основата за развитие; можете да сте сигурни, че каквото и кодиране да видите в двадесет и петнадесет е правилно.

В края на месеца трябва да се чувствате комфортно да правите незначителни промени в дадена тема и трябва да имате груба представа за това как да започнете своя собствена тема от нулата. не забравяйте, че този месец е експериментиране, не се страхувайте да се правят неща, които не са препоръчани на някои места. учете, а не създавате продукт!

Ресурси, които могат да помогнат

• Документация за детето
• Как да създадем тема за детето
• Урок за детето
• Тагове на шаблона

Създаване на тема (юни)

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

Създаването на тема е добро упражнение, тъй като ви води през толкова много функции, че задълбочава познанията ви за WordPress като цяло. ще трябва да създадете горен и долен колонтитул, трябва да помислите за страничните ленти, менютата, коментарите, отделните публикации, страници, начални страници и др..

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

трябва да имате добро разбиране на йерархията на шаблоните, която управлява файловете, отговарящи за показването на конкретно съдържание. Не забравяйте да разгледате шаблоните на страниците (вижте ресурси). Те ви позволяват да създавате страници с персонализирани функции.

След като преминете през всичко, препоръчвам да погледнете Разширени потребителски полета. Този плъгин ви позволява да създавате изключително полезни групи за опции за публикации, които можете да използвате във вашите теми.

аз”Ще изброя много ресурси тук, но ако се съмнявате, обърнете се към базата с двадесет петнадесет кода за помощ, тя трябва да има всичко необходимо!

Ресурси, които могат да помогнат

• Йерархия на шаблона
• Условни маркери
• Пълна справочна функция
• Развитие на темата
• Документация за страничната лента
• Навигационни менюта
• Индекс на архива
• Създаване на статична първа страница
• Създаване на страница за търсене
• Създаване на A 404 Page
• Шаблонът за коментари
• Шаблони за автор
• Шаблони на страници
• Разширени полета по избор

Основи за куки и плъгини (юли)

Системата на куките осигурява основата за плъгини. Те ви позволяват да добавяте нова функционалност към WordPress или да променяте съществуващото ядро функционалност без необходимостта от модифициране на ядрото код.

Те работят като такива. Вместо да отидете на кода в WordPress файловете, които публикуват публикация, и да добавите свой собствен код, за да изпратите на автора имейл, можете да кажете: “Когато WordPress публикува публикация, изпратете имейл до автора”. Това може да бъде направено в напълно отделен файл, което означава, че основният код никога не се променя.

Вие всъщност сте ги използвали във вашата тема, както и когато сте използвали wp_head () и wp_footer () функции. WordPress ги използва вътрешно, за да изведе куп код, като например административната лента. Това е начинът, по който плъгините могат да променят теми, без всъщност да докосват темата.

Научаването на куките ще бъде вашата входна точка в развитието на плъгини. Разбирането им е ключът към работата с WordPress и може би в бъдеще предлага професионални услуги. Отделете малко време да овладеете това, ще разчитате на куките си за всичките си проекти.

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

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

Ресурси, които могат да помогнат

• API на Plugin
• Окончателното ръководство за куки
• Ръководство за начинаещи за действия и филтри
• Определете собствените си куки
• Писане на плъгин
• Как да създадете WordPress Plugin

Промоция на приставката (август)

Август е времето да се въведе някаква практика в създаването на плъгини. Намерете нещо, за което искате плъгин и го направете сами. Бихте ли искали всички случаи на добро да се трансформират в “страхотен” всеки път, когато публикацията е публикувана? Давай напред и да го направиш.

Ако откриете страхотна идея, не се колебайте да я подадете в хранилището на плъгините, но името на играта е практиката, която прави перфектна. Можете да започнете да се притеснявате за следващите стандарти за кодиране и да се уверите, че вашият код е коментиран и добре форматиран.

Сега трябва да имате достатъчно знания, за да бъдете разсеяни от такива неща. След известно време коментирането и стандартният код ще бъдат второ естество, дори ако в началото изглежда малко неумело.

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

Това е етап, на който трябва постепенно да се учат отдалечени области на WordPress като създаване на нови роли, видове потребителски постове и др. Ти мога преследваме всичко това и ги изучаваме, но може би е по-добре да се справим с тях, тъй като те се появяват като изискване за проект.

Кодирането ефективно и уверено с нещата, които познавате, е по-важно от количеството неща в мозъка ви. Аз кодирам от дълго време и понякога ми се налага да търся най-простите неща. Знаейки, че нещо е на разположение е достатъчно, да бъдеш в състояние да кодираш с лекота е по-важно,

Ресурси, които могат да помогнат

• Стандарти за кодиране
• Документация за phpDocumentor
• Персонализирани таксономии
• Персонализирани типове публикации
• API за настройки
• API за метаданни
• API за опции
• Пълно ръководство за персонализирани типове публикации
• Създаване на преводими теми и приставки
• Запечатване на скриптове и стилове

Javascript (септември)

Последната част от пъзела е Javascript. Javascript ви позволява да добавите интерактивност и други разширени функции към уебсайта си. Чрез използването на Javascript можете да използвате pop-up моделите, да зареждате коментари на място, да изпълнявате безкрайни превъртания и много други.

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 най-добрият начин да практикувате е да създавате теми и плъгини. Един от методите, който можете да опитате, е да пресъздадете прост, вече съществуващ, плъгин от нулата. Ако останете някъде, можете да погледнете изходния код на действителния продукт.

Съсредоточете се върху задълбочаването на разбирането на концепциите, които вече знаете. Влезте в практиката на четене на дизайнерски и разработващи списания и блогове на разработчиците на любимите си приложения. Ето някои от най-големите места, които можете да прочетете за уеб разработката, освен тук.

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

• Смит списание
• WPMU DEV Блог
• A List Apart
• Депо за уеб дизайн
• Speckyboy
• Шест ревизии
• Scotch.io
• Блогът на Дейвид Уолш
• Code.Tutsplus
• Designmodo
• CSS-трикове
• Не се страхувайте от интернет

Разширени концепции (ноември)

Това е месецът, когато всички знания, които имате, трябва да се съберат заедно и да започнете да ставате програмист. Трябва да можете да започнете виждам голямата картина и притежават работни познания от четирите основни езика, които WordPress използва: HTML, CSS, JS и PHP.

Бих посъветвал да започнем да учим обектно ориентиран PHP. Вече го използвате във вашите теми и приставки в цикъла и други конструкции. OOP (обектно ориентиран PHP) ще ви позволи да пишете по-добър код и по-добре да разбирате основния код на WordPress. В допълнение, той е портал за програмиране с езици от тип C и по този начин създава приложения за iOS например.

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

Сега трябва да сте в състояние да изпълнявате малки, платени проекти с увереност. не забравяйте, че извършването на действително поръчана работа е мястото, където най-много се научите. Не става дума само за кодиране, а за обучението да се комуникира за кода на хора, които не знаят нищо за интернет.

Практиката е важна на всеки етап, но сега трябва да имате достатъчно знания, за да научите концепция без прекалено много работа. Преходните процеси (опции с дата на изтичане) трябва да са ясни например, дори ако никога не сте имали нужда от тях. Трябва да сте в състояние да прецените кога ще са полезни и да ги търсите, ако е необходимо.

Като краен език, за да научите за WordPress, ще искате да погледнете MySQL който е свикнал направете заявка директно към базата данни. Голяма част от тази функционалност може да се използва чрез функции, но понякога ще трябва директно да подавате заявки към db.

Искам да подчертая важността на получаване на обектно ориентирано мислене. Първоначално ще изглежда много чуждо и използването им ще изглежда неясно. Спомняте ли си как използването на 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. Това беше естествена крива на учене и аз все още съм в процес на изучаване на всичко, което трябва да знам за Vagrant.

Отидох от използването на Notepad ++ до Sublime на Coda на Atom. Няма нищо лошо в нито един от тези инструменти, но като се разраствах, естествено напредвах от едно към друго.

И накрая, вие ще искате да разгледате контрол на версиите, специфично SVN и Git. Основните неща са същите, трябва да научите някои отделни команди, но след като веднъж разберете, другият ще бъде лесен за разбиране..

Причината да искате и двете е, че WordPress използва SVN в момента, когато вие пуснете приставки и теми, които ще трябва да използвате SVN. Повечето проекти използват Git тъй като е малко по-добре работа в екипи, така че това е, което ще искате да използвате за други проекти.

Ресурси, които могат да помогнат

• Използване на Vagrant за създаване на локална среда на WordPress
• скитник
• XAMPP
• MAMP
• WAMP
• SSH Инструкция за Linux
• Как да използваме SSH
• WP-CLI
• WP-CLI Инструкция
• ПО-МАЛКО
• SASS
• Основи на SASS
• Ръководства за SASS
• Първи стъпки с по-малко
• Codekit
• Prepros
• коала
• Визово ръководство за контрол на версиите
• Научете контрол на версиите с Git
• Книгата SVN

Заключителни думи

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

Има две големи неща, които трябва да имате предвид. Главното е, че докато нито едно малко от това не е трудно, това е МНОГО, за да се знае, което го прави трудно, когато се съберат. не се обезсърчавайте ако се затворите или работите по-бавно от други. Всеки работи в свое собствено темпо, ако го държиш, ще станеш добър разработчик.

Също така, една от основните характеристики на добрите разработчици е тази те никога не спират да учат. Те непрекъснато търсят по-добри решения, изучават нови езици и нови методи. Те имат предвид, че светът на кодирането не е черен и бял, много пъти няма един добър отговор на проблем.

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