Як підключитися до свого серверу по SSH

Якщо ви використовуєте CMS для свого сайту, тоді за допомогою панелі управління ви досить легко можете змінити деякі функції і зовнішній вигляд вашого сайту. Якщо у вас є клієнт протоколу передачі файлів (FTP), ви навіть можете редагувати основні файли платформи. Однак жоден з цих інструментів не дозволяє безпосередньо взаємодіяти з вашим сервером і керувати ним. Ось тут-то і з’являється Secure Shell Access (SSH). SSH – це протокол, як і FTP, який дозволяє вам підключатися до...

Як подивитися SQL запити до бази даних в WordPress

Коли ви відкриваєте в браузері сайт на WordPress, у фоновому режимі відбувається багато цікавих речей. В цей час платформа відправляє безліч запитів в базу даних, щоб отримати конкретний обсяг інформації. Якщо ви розробник, і ви хочете знати все про запити до бази даних, система WordPress не надасть вам простий спосіб для цього. На щастя, в репозиторії WordPress для цього є відповідні плагіни. І один з таких плагінів ми сьогодні і розглянемо (Query Monitor). З допомогою...

Як працювати з базою даних MySQL в PHP

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

Як домогтися багатоколірного фону тільки за допомогою CSS

Вже понад 5 років в веб-дизайні лідируючі позиції займає плаский дизайн (flat design). Після того, як в 2010 році корпорація Microsoft випустила ОС Windows 8, в якій користувацький інтерфейс витриманий в стилі плаского дизайну, цей дизайн почав стрімко набирати популярність. Flat design представлений у вигляді протилежності реалізму і, за задумом, повинен підкреслювати ефект «чарівної простоти» і витонченості. Крім цього плаский дизайн привніс барвистість в традиційний дизайн. Сьогодні яскраві кольори відіграють основну роль у всіх сучасних...

Ознайомлення з оператором WHERE в MySQL

У сьогоднішньому уроці ми розглянемо на практиці те, як використовувати умову WHERE в операторі SELECT для фільтрації рядків з набору результатів в MySQL.     Основи використання умови WHERE в MySQL Умова WHERE дозволяє задати умову пошуку для рядків, які повертаються в запиті. Нижче показаний синтаксис умови WHERE: SELECT select_query FROM table_name WHERE condition;     Умова condition – це комбінація одного або декількох тверджень, які використовують логічний оператор AND, OR і NOT. В MySQL...

Деякі з кращих практик при роботі з Magento 2

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

Як виправити помилку 504 Gateway Timeout в WordPress

Всі ми колись стикалися з 504 помилкою відповіді шлюзу (Gateway Timeout), навіть якщо і не знали точно про це. Ця помилка з’являється, коли ваш браузер не може встановити з’єднання з веб-сайтом. Для користувачів це досить дратівливо, а власнику сайту може принести збитки. Крім втрати трафіку, це може вплинути і на конверсію, і на дохід. На щастя, 504-та помилка настільки поширена, що її усунення не повинно викликати великих проблем. В даній статті ми трохи поговоримо про...

Оптимізація мета-описів для пошукових систем

Мета-опис має вирішальне значення для досягнення гарного рейтингу кліків в пошукових системах, і вам потрібно звернути на нього пильну увагу, якщо ви хочете збільшити свій органічний трафік. В сьогоднішній статті ми детально розповімо про роль мета-описів в SEO, обговоримо їх переваги, а потім покажемо, як їх правильно оптимізувати.     Короткий опис мета-тега description Простіше кажучи, мета-опис (мета-тег <meta name="description">) – це короткий опис, який з’являється під заголовками ваших сторінок в пошукових системах. Також він...

Як додати кнопку Підписатися на YouTube канал на свій сайт

Кожна популярна соціальна мережа має в своєму активі певний набір віджетів, які дозволяють відображати кількість підписників, можливість підписки, поставити лайк, тощо. І пропонують простий спосіб додавання віджета на свій сайт. В попередній статті ми розглянули практичний приклад додавання віджету сторінки в Facebook на свій сайт. А в сьогоднішній статті ми розглянемо те, як на практиці додати віджет з кнопкою Підписатися на YouTube-канал на свій власний сайт. З допомогою YouTube Subscribe Button користувачі вашого сайту зможуть...

Як налаштувати кешування в браузері сайту на WordPress

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

Як використовувати HTML форми в PHP

У сьогоднішній практичній статті ми розглянемо все, що потрібно знати початківцям про HTML форми в PHP. Тут ви знайдете докладну інформацію про форми: основи використання, компоненти форми, обробку помилок за допомогою PHP, а також вихідний код повністю робочої форми.     Основи використання форм в PHP Якщо ви вже деякий час займаєтеся веб-програмуванням, ви, ймовірно, вже зустрічалися з формами. Форми – це спеціальні компоненти, які дозволяють відвідувачам вашого сайту взаємодіяти з сайтом або додатком. Форми...

Як домогтися адаптивності картинок з допомогою CSS

У сьогоднішній статті ми на практиці розглянемо техніку, за допомогою якої зможемо досягти адаптивності для картинок на своєму сайті. Ми розглянемо 2 способи, які дозволять зробити картинки адаптивними з використанням невеликої кількості CSS.     Побудова адаптивного макета картинок Для початку припустимо, що у нас є така проста HTML розмітка: <div class="images-box"> <a href="image-URL"> <figure> <img src="image-URL" alt="альтернативний текст картинки"> </figure> </a> <!-- наступні картинки ... --> </div>     На великих екранах наша галерея...

Ознайомлення з оператором ORDER BY в MySQL

У сьогоднішньому уроці ми розглянемо на практиці те, як сортувати результати вибірки з бази даних за допомогою оператора ORDER BY в MySQL.     Основи оператора ORDER BY в MySQL Коли ви використовуєте інструкцію SELECT для запиту даних з таблиці, результуючий набір не сортується. Це означає, що рядки в наборі результатів можуть бути в будь-якому порядку. Щоб впорядкувати набір результатів, вам потрібно додавати умову ORDER BY в інструкцію SELECT. Нижче показаний синтаксис умови ORDER BY:...

Як створити власний віджет в Magento 2

Досить часто при роботі з Magento 2 з’являється необхідність у власному (кастомному) віджеті. По дефолту система має досить широкий набір віджетів з простим функціоналом. Однак, коли вам потрібно змінити функціональність віджета або збільшити вибір параметрів налаштування, для цього вам доведеться створити свій власний. У сьогоднішній статті ми розглянемо на практиці, як створити віджет, який розширює функціональність системного (дефолтного) віджета. Ми будемо розширювати функціональність віджета «Список товарів каталогу», і змінимо порядок представлення товарів.     Створення...

Психологічні трюки, які підвищують конверсію

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

Що таке ключі безпеки в WordPress (і як їх змінити)?

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

Як додати віджет сторінки Facebook на свій сайт

Практично для кожної соціальної мережі і платформи є власний спосіб генерації і вбудовування коду, який дозволяє відображати кількість підписників, можливість підписатися на сторінку, поставити лайк та/або поділитися. І додати такий віджет на свій сайт, в основному, не складає особливих труднощів. У сьогоднішній статті ми розглянемо те, як на практиці додати віджет з відображенням свого профілю в соціальній мережі Facebook на свій власний сайт. За допомогою цього віджету ви зможете просувати будь-яку загальнодоступну Сторінку Facebook на...

Основи отримання якісних зворотних посилань на свій сайт

Не має значення, наскільки класний на вашому сайті контент, якщо люди не можуть знайти ваш сайт. Тому, потрібно враховувати і правила пошукових систем, а також основи SEO-просування. І тут одну з найважливіших ролей відіграють якісні зворотні посилання з інших авторитетних сайтів. Пошукові системи використовують ці посилання для визначення рангу і авторитетності вашого сайту. Без якісних зворотних посилань ваш сайт, ймовірно, вам не світять перші позиції на сторінках результатів в пошуковій системі. Побудова лінкової маси (лінкбілдінг)...

Ознайомлення з оператором SELECT в MySQL

З даного уроку ви дізнаєтеся, як використовувати базову форму оператора SELECT в MySQL для запиту даних з таблиці. Ви можете використовувати даний оператор, наприклад, при роботі з інструментом для баз даних phpMyAdmin.   Оператор SELECT дозволяє зчитувати дані з однієї або декількох таблиць бази даних. Інструкція SELECT в MySQL має наступний синтаксис: SELECT select_query FROM table_name;   Тепер давайте розберемо кожну складову даного запиту. Спочатку використовується ключове слово SELECT. Це називається ключовим словом, тому що...

Як отримати ключ форми в Magento 2

Ключ форми в Magento 2 використовується в якості засобу захисту від підробки міжсайтових запитів (CSRF – Cross-site request forgery). Що таке міжсайтова підробка запиту? Коли ви переміщується по веб-сторінці, ваш браузер робить запити до віддаленого сервера для отримання контенту та/або маніпулювання даними, що зберігаються на сервері. Ваш браузер буде надсилати GET запити для читання інформації і POST або PUT запити при створенні або оновленні інформації. GET запити відбуваються, наприклад, коли ваш браузер запитує такі ресурси,...

Розуміння основ роботи API і REST API – короткий вступ

Існує велика ймовірність того, що ви раніше стикалися з терміном REST API, але не зовсім розуміли, про що йде мова? Що таке REST API, як ним користуватися, і що це може вам дати? Сьогоднішня стаття являє собою введення в концепції і можливості REST API: ми розглянемо основи API, для чого ми можемо їх використовувати, розуміння дизайну проектування, а також основи їх захисту. З цієї статті ви дізнаєтеся той мінімум, який дозволить вам читати документацію API...

Як обмежити доступ до Майстерні WordPress за IP-адресою

Безпека є важливою частиною роботи будь-якого типу веб-сайту. На жаль, цілком ймовірно, що хтось в кінцевому підсумку захоче спробувати увійти в вашу панель керування сайтом без вашої згоди. Щоб це припинити, вам потрібно подбати про достатній захист. Є багато різних способів захистити сайт, який побудований на двигуні WordPress. У більшості випадків основну увагу потрібно приділяти захисту сторінки входу в панель інструментів і саму Майстерню, оскільки вони є найбільш ймовірними об’єктами атаки. У сьогоднішній статті ми...

Що таке Git та Github – керівництво для початківців

Життя програміста – це не тільки сидіння наодинці в темній кімнаті, яка освітлюється лише світлом монітора. Це ще й спілкування з іншими програмістами, соціальна участь в різних спільнотах. Ось чому з’явилися на світ і стали популярними такі речі як Git та Github. Git – це програмне забезпечення для контролю версій, яке робить співпрацю з колегами по команді дуже простим. Простим, як тільки ви пройдете початкову стадію навчання. І сьогоднішня стаття призначена для початківців, які хочуть...

Як створити прості кнопки за допомогою CSS3

У сьогоднішньому уроці ми на практиці зробимо кілька класних, але простих, кнопок за допомогою CSS3 стилів. Ви можете їх використовувати для красивого оформлення користувацького інтерфейсу своїх проектів. Отже, приступимо…   Крок №1 – HTML код (каркас) Каркасний HTML-код дуже простий, ми створимо 3 тега для посилання (<a>) з класом button, і, оскільки ми будемо використовувати три різних колірних стилів, дамо кожному посиланню свій клас для кольору. <html> <body> <div id="buttons"> <a href="#" class="button green">кнопка 1</a>...

9 онлайн платформ, на яких можна швидко поділитися кодом

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