1. Яке програмне забезпечення вам необхідно?
2. створення тем
3. створення Плагінів
4. Що вам потрібно знати?
5. HTML (переважно HTML5 )
6. CSS3 і адаптивний дизайн
7. PHP
8. класи PHP
9. MySQL
10. JavaScript і jQuery
11. AJAX
12. Приклади стандартів програмування WordPress
13. Одинарні / Подвійні лапки
14. відступ
15. Іменування змінних, Функцій і Класів
16. Ліцензування Тим і Плагінів
17. Створення WordPress сайту для клієнта
18. Пошук клієнтів
19. Контракти і рахунки-фактури
20. Податки і доходи
21. висновок

З більш ніж 76 мільйонами користувачів, WordPress є найпопулярнішою Системою Управління Вмістом (CMS). Завдяки такій популярності завжди є люди, які шукають розробника WordPress для поліпшення функціоналу свого сайту.

Поліпшення WordPress включає в себе написання самостійного коду, який взаємодіє з базовим кодом WordPress. Якщо в процесі написання коду ви допустите помилку, то вам не доведеться встановлювати заново весь WordPress, так як базовий код залишиться недоторканим.

Ви можете безкоштовно поділитися своєю роботою в сховище WordPress або продавати її на своєму сайті або приватних торгових майданчиках.

У цьому посібнику, ми постараємося відповісти на питання про те, як стати розробником WordPress і які навички для цього будуть потрібні.

Яке програмне забезпечення вам необхідно?

Що ви можете створити / розробити?

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

Ви можете створити:

• Теми (шаблони) - змінити зовнішній вигляд сайту;
• Модулі - змінити або розширити можливості WP;
• віджети - для відображення певної інформації;
• Цілий WordPress сайт - комбінуючи теми, плагіни і призначений для користувача код для створення унікального сайту, заснованого на бажаннях клієнта;
• Нові додатки, які використовують WordPress в якості бекенд за допомогою REST API;

створення тем

Теми визначають макет і стиль сайту на WordPress. HTML5, CSS3 і адаптивний дизайн є невід'ємною частиною сучасних сайтів. Теми використовують різні базові функції WordPress, тому рекомендується мати базові знання в PHP.

Рекомендоване керівництво:

Теми ефективно працюють поверх WordPress. Інформація, на зразок заголовка і контенту записи відображається за допомогою написання певних PHP-функцій в HTML.

створення Плагінів

Модулі розширюють функціонал WordPress без зміни базового коду. В основному для цього використовується PHP, тому рекомендуються знання того, як викликати і написати функцію. Плагін є окремим кодом, який взаємодіє з WordPress за допомогою функцій, що надаються базовим кодом.

Рекомендоване керівництво:

Ви можете додавати нові функції, видаляти стандартні, змінювати стандартну інформацію до її фактичного відображення (наприклад, додаючи текст до заголовку запису) і багато іншого.

Будь-яке розширення функціоналу WordPress має бути зроблено за допомогою створення плагіна. Користувач повинен мати можливість відключити плагін в будь-який час і продовжити роботу з сайтом без будь-яких проблем або помилок.

Що вам потрібно знати?

Базовий код WordPress написаний на стандартних мовах програмування PHP і SQL. Фронтенд складається з комбінації HTML і CSS, JavaScript, jQuery і AJAX. Ви можете використовувати будь-який з них при модифікації WordPress. Давайте поглянемо на кожний з них окремо:

HTML (переважно HTML5 )

Семантично правильний HTML необхідний для комфортного досвіду використання вашого сайту користувачем. Правильний HTML забезпечить однакове відображення ваших сторінок в будь-якому браузері. Якщо ваш код містить помилки, браузер може неправильно трактувати його і погано відображати частини вашої сторінки. Написання правильного HTML означає використання коректного синтаксису. Синтаксис відповідає за загальну структуру документа, порядок HTML елементів, правильне положення елементів і форматування атрибутів.

HTML документ повинен мати правильну структуру, починаючи з елемента DOCTYPE, які відкривають тегів <html>, а потім розділу head з метаданими сторінки, на зразок заголовка кожної сторінки, розділу body і нарешті закриває тега </ html>.

Елементи HTML в основному діляться на два типи: блокові і рядкові елементи.

Кожен HTML елемент має правила того, що може бути вміщено всередині нього. У тегах параграфа допускається використання малих елементів всередині них, на зразок <b> (жирний), <i> (курсив), <a> (посилання) і т.д. У них не можуть міститися блокові елементи, на кшталт <ul>, <div> і т.д. Ці вимоги різняться для кожного елемента.

Корисні джерела:

• Завантажити шпаргалку HTML ;
• Щоб довідатися про те тому, що може знаходитись всередині кожного HTML елемента, ви можете звернутися до сторінці W3c HTML ;
• Щоб перевірити правильність (валідність) вашого коду, ви можете пропустити його через W3C HTML Validator ;

CSS3 і адаптивний дизайн

Каскадні таблиці стилів (CSS) використовуються для стилізації вашої сторінки і його контенту. Ви можете змінити будь-яку частину вашого сайту, починаючи від кольору та шрифту тексту до колірного фону. Ви можете швидко зробити помітні зміни, які будуть застосовані для всього вашого сайту.

У США приблизно 71% всього інтернет трафіку припадає на мобільні платформи. Саме тому дуже важливо забезпечити коректне відображення вашого сайту на будь-яких пристроях. Медіа-запити дозволять вам визначити те, як певна частина вашого сайту буде себе вести в залежності від розмірів екрану, використовуваного для перегляду вашої сторінки.

Корисні джерела:

PHP

PHP (Процесор Гіпертексту) - мова програмування, який робить сторінку динамічної. WordPress побудований на PHP разом з MySQL.

PHP піклується про фонових завданнях, на зразок пошуку записи в базі даних, а HTML використовується для виведення результату PHP скрипта після того, як він завершить свої завдання.

Самі часто використовувані функції PHP:

• змінні - використовуються для зберігання інформації, на зразок рядків тексту або чисел;
• масиви - сукупність інформації, яка присвоюється змінної;
• функції - використовуються для завершення завдань і видачі результату, який може бути використаний пізніше, результат може бути присвоєно змінної;
• умови - якщо 1 == 1 має значення true зробити що-небудь, якщо 1 == 1 має значення false зробити щось інше;
• Оператори порівняння - використовуються для порівняння одного значення з іншим. Існує різниця між =, == і === - це може вплинути на результат умовних операторів;

класи PHP

Для об'єктно-орієнтованого програмування (OOP), необхідне знання класів PHP. Класи дозволять вам формувати групи з змінних і функцій, які пов'язані один з одним, в одному місці.

У WordPress, вся інформація відноситься до певного запису, після вилучення з бази даних зберігається як об'єкт в класі під назвою WP_Post.

Корисні джерела:

• Відвідайте сторінку WordPress codex для отримання додаткової інформації - Class Reference / WP Object Cache;

MySQL

База даних MySQL використовується для зберігання всієї інформації про WordPress сайті і вона динамічно витягується за допомогою PHP. Фактичний контент кожної сторінки і запису в WordPress сайту зберігається в базі даних.

WordPress надає набір PHP-функцій для безпечної взаємодії з базою даних WordPress і ваші інструкції завжди повинні бути запущені за допомогою відповідної функції. Деякі функції використовують стандартні інструкції SQL, інші використовують масиви інформації.

Корисні джерела:

JavaScript і jQuery

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

jQuery - дуже популярна бібліотека для JavaScript і старіші її версії включені в WordPress за замовчуванням. Її синтаксис трохи відрізняється від JavaScript і спрощує способи вибору частин документа. Вона дозволяє вам зв'язати кілька функцій, що робить код більш чистим і легким для розуміння.

Обидва можуть бути написані способом, який повністю відокремлює їх від HTML. Якщо JavaScript відключений користувачем, сайт повинен продовжувати успішно функціонувати.

Корисні джерела:

AJAX

Ajax (Асинхронний JavaScript і XML) дозволяє вам відправляти або отримувати інформацію без повного перезавантаження сторінки. Це означає зміну вмісту сторінки без її перезавантаження. Наприклад, якщо ви хочете створити пошук, де результати будуть відображатися прямо під полем пошуку, ви можете використовувати AJAX для відправки шуканої інформації, повернення результат і його відображення без перезавантаження сторінки.

WordPress використовує AJAX в панелі управління. Наприклад, при написанні контенту записів і сторінок, він використовує AJAX для автоматичного збереження чернетки без вашої участі.

Ви можете використовувати або JavaScript, або jQuery для створення AJAX запитів. Так як синтаксис jQuery більш простий і зрозумілий, ви напевно захочете використовувати саме його.

Корисні джерела:

Приклади стандартів програмування WordPress

При створенні тих чи плагінів для WordPress, ви повинні дотримуватися стандартів і форматування, які були обрані розробниками WordPress. Почніть з перегляду будь-якого стандартного PHP файлу, щоб мати загальне уявлення про нього.

ЗАМІТКА: Зберігати код настільки чистим і читабельним, наскільки це можливо дуже важливо.

Одинарні / Подвійні лапки

Повторення HTML атрибутів - esc_attr ()

При виведенні рядків в HTML атрибутах, завжди використовуйте функцію WordPress esc_attr (), щоб уникнути певних символів і не дати лапок зламати HTML код.

відступ

Використовуйте табуляції, а не прогалини при відступи. Використовуйте пробіли між парами масиву key => value так, щоб => були всі вирівняні. Розміщуйте кожен ключ / значення на його власну лінію. Поміщайте закривають круглі дужки на їх власні лінії.

Іменування змінних, Функцій і Класів

Змінні і функції. Завжди використовуйте нижній регістр і відокремлюйте слова нижнім підкресленням. Ім'я повинно (коротко) пояснювати для чого та чи інша змінна або функція потрібна.

Класи. Імена класів повинні бути написані з великої літери і слова повинні бути розділені нижнім підкресленням так, щоб їх можна було легко відрізнити від змінних і функцій.

Ліцензування Тим і Плагінів

Якщо ви продаєте вашу роботу на власному сайті, можете пропустити цей розділ.

Однак, якщо ви плануєте поділитися вашою темою або плагіном в сховище WordPress.org , Вона ПОВИННА бути безкоштовною і випущена під GPL-сумісної ліцензією.

GPL розшифровується як Загальна громадська ліцензія і дає користувачам вашої роботи певні права при скачуванні і її використанні. WordPress розробники рекомендують GNU Загальної Публічної Ліцензії, версії 2 або більш пізню.

Всі файли вашої роботи повинні відповідати цій ліцензії, включаючи будь-які сторонні бібліотеки, які ви використовуєте. Ви повинні мати право на поширення будь-яких сторонніх бібліотек, якщо вони включені в вашу роботу. Важливо, щоб ви точно розуміли, які саме права це дає користувачам вашої роботи.

Як правило, вони гарантують, що ви збережете відповідні авторські права на оригінальну роботу. Вони дозволяють користувачам змінювати вашу роботу і поширювати її повністю або частково. Вони повинні зберігати оригінальні вказівки про авторські права, а також копію обраної вами ліцензії при передачі. Користувачі повинні чітко вказати, що гарантії на програмне забезпечення не існує. Якщо користувач змінює і поширює програмне забезпечення, має бути ясно, що він вніс зміни і не поширює оригінальну роботу.

Ви не повинні блокувати будь-які функції плагіна, які стануть доступні після оплати, будь-яка платна функціональність повинна бути окремим плагіном. Ви можете рекламувати платний плагін в будь манері до тих пір, поки реклама не стане занадто нав'язливою або дратівливою.

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

Створення WordPress сайту для клієнта

Якщо ви робите WordPress сайт спеціально для клієнта, зазвичай вам буде потрібно створити і тему, і плагіни. Будь-які функції / можливості, які будуть не пов'язані з темою, повинні бути винесені в окремий плагін, щоб клієнт в майбутньому міг легко змінити тему без втрати важливого функціоналу. Дуже важливо бачити чітку картину того, що від вас хоче клієнт, перш ніж погоджуватися братися за роботу.

Пошук клієнтів

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

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

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

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

Деякі популярні фріланс майданчики:

Контракти і рахунки-фактури

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

Після завершення роботи ви повинні відправити клієнту рахунок-фактуру, яка буде містити список виконаних роботи, дату виконання, остаточну вартість і т.д.

Обидва документи захистять вас юридично. Якщо у вас немає докази угоди, то клієнт може просто не заплатити вам, в такому випадку мало що можна зробити. Вони також забезпечують те, що обидві сторони знають про те, що саме від вас вимагається.

Існує безліч онлайн сервісів для створення професійних цифрових контрактів і рахунків-фактур з усією необхідною інформацією. Переконайтеся в тому, що повністю ознайомилися з документами відправленими клієнтові.

РАДА: Завжди звертайтеся до договірного права вашої країни, перед написанням контракту і прийняттям роботи.

Сервіси по створенню контрактів

Сервіси по створенню рахунок-фактур

Податки і доходи

Закони про податки і доходи різняться від країни до країни, тому дуже важливо розуміти, коли ви будете вважатися самозайнятою і в якому випадку будете зобов'язані платити податки.

Наприклад у Великобританії, якщо ви регулярно продаєте ліцензії на тему, яку ви створили, то ви зважаєте самозайнятою. Якщо ви надаєте послуги зі створення сайтів клієнтам, то ви зважаєте самозайнятою. Якщо ваш дохід від даної діяльності перевищує £ 2500, то ви повинні платити за них податки. Якщо він перевищує £ 85,000 в рік, то ви також повинні платити за нього ПДВ. Незнання свого законодавства в цій сфері може привести до фінансових і юридичних проблем.

висновок

Сподіваємося, це керівництво допомогло вам відповісти на питання про те, як стати розробником WordPress. Як тільки ви дізнаєтеся, як саме WordPress використовує теми і плагіни, застосувати ваші навички програмування для його зміни не складе великих труднощів. Те чого ви можете досягти, обмежена лише вашими знаннями і бажанням розширити їх.