Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

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

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

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

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

3 способи добре доробити проект на WordPress перед здаванням його клієнту

Для них важливо лише те, що вони бачать.

  • Видаліть або замініть стандартні елементи, наприклад, логотип WordPress, підпис у підвалі.
  • Видаліть непотрібні розділи у Консолі WordPress.
  • Встановіть плагіни для оптимізації сайту, покращення швидкості його роботи та захищеності.

Крок 1.1 Зміна логотипу на сторінці авторизації

Налаштування Консолі WordPress для ваших клієнтів

Коли клієнт хоче зайти в панель адміністратора WordPress, перше, що він бачить, це сторінка авторизації з логотипом WordPress. Чи не краще, щоб на цій сторінці був логотип компанії клієнта, чи, можливо, ваш? Є багато способів, як зробити це простіше, використовуючи плагіни, які дають також більше можливостей налаштування. Але особисто я вважаю за краще це робити, використовуючи важливий файл WordPress functions.php.

Якщо у вас є файл functions.php у вашій темі, відкрийте його, якщо ні, створіть файл під назвою functions.php і помістіть його в папку теми.

Додати до файлу functions.php наступний код:

// CUSTOM ADMIN LOGIN HEADER LOGO
 
function my_custom_login_logo()
{
    echo '<style  type="text/css"> h1 a {  background-image:url(' . get_bloginfo('template_directory') . '/images/logo_admin.png)  !important; } </style>';
}
add_action('login_head',  'my_custom_login_logo');

Зверніть увагу

Шляхimages/logo_admin.png" відноситься до основної папки теми, і його потрібно змінити в залежності від місцезнаходження вашого логотипу. Переконайтеся, що у вас є достатньо порожнього простору у зображенні під логотипом, інакше повідомлення із попередженням може перекривати логотип.

Тепер, як бачите, за допомогою кількох рядків коду, ми можемо змінювати логотип на сторінці авторизації без жодних плагінів. WordPress – дуже універсальний програмний продукт із тисячами, якщо не більше, функцій. Ми можемо зачепитися за будь-яку функцію та змінювати параметри за замовчуванням за допомогою файлу functions.php або плагінів.

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

Налаштування Консолі WordPress для ваших клієнтів

Крок 1.2. Налаштування посилання та підказки для логотипу на сторінці авторизації

Якщо ви клікнете по логотипу на сторінці авторизації, вас перекине на www.wordpress.org. Підказка для цього посилання – "Сайт працює на WordPress". Використовуючи той самий файл functions.php ми можемо змінити посилання та текст на який завгодно.

// CUSTOM ADMIN LOGIN LOGO LINK
 
function change_wp_login_url() 
{
    echo bloginfo('url');  // OR ECHO YOUR OWN URL
}
add_filter('login_headerurl', 'change_wp_login_url');
 
// CUSTOM ADMIN LOGIN LOGO & ALT TEXT
 
function change_wp_login_title() 
{
    echo get_option('blogname'); // OR ECHO YOUR OWN ALT TEXT
}
add_filter('login_headertitle', 'change_wp_login_title');

У попередньому прикладі ми використовували add_action, а в цьому прикладі ми використали add_filter. У чому різниця? І те, і те – сніпети WordPress, з тією лише різницею, що ми використовували add_action для великих функцій, а add_filter – щоб змінити текст перед тим, як він надсилається до бази даних або до браузера.

Крок 1.3. Зміна логотипу в консолі

Налаштування Консолі WordPress для ваших клієнтів

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

// CUSTOM ADMIN DASHBOARD HEADER LOGO
 
function custom_admin_logo()
{
    echo '<style type="text/css">#header-logo { background-image: url(' . get_bloginfo('template_directory') . '/images/logo_admin_dashboard.png) !important; }</style>';
}
add_action('admin_head', 'custom_admin_logo');

Як бачите, формат практично той самий, що ми використовували для зміни логотипу на сторінці авторизації. Єдине, що змінилося - сніпет. В даному випадку ми додаємо нашу функцію в admin_head().

Крок 1.4. Налаштування підвалу WordPress

У підвалі адміністративної частини WordPress ви помітите посилання.Дякую вам за творчість з WordPress". WordPress заслуговує на всілякі подяки та посилання за те, що створив такий чудовий додаток. Але все ж таки для тих, хто хоче піти далі і змінити це посилання, у нас є ще один сніппет WordPress:

// Admin footer modification
 
function remove_footer_admin () 
{
    echo '<span id="footer-thankyou">Developed by <a href="http://www.designerswebsite.com" target="_blank">Your Name</a></span>';
}
add_filter('admin_footer_text', 'remove_footer_admin');

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

Крок 2. Видалення розділів Консолі, які не потрібні вашому клієнту

У консолі WordPress ви побачите багато розділів, наприклад плагіни, новини WordPress і т.д.

Налаштування Консолі WordPress для ваших клієнтів

Чи дійсно вашим клієнтам потрібні подробиці про нові плагіни, новини чи оновлення у блозі WordPress? Мені здається, їм зручніше не бачити всіх цих речей.

Розділи додані за допомогою wp_dashboard_setup(), його можна використовувати для їх видалення. Просто скопіюйте та вставте наведений нижче код у ваш файл functions.php, щоб позбавитися всього, крім найнеобхідніших розділів.

// REMOVE META BOXES FROM WORDPRESS DASHBOARD FOR ALL USERS
 
function example_remove_dashboard_widgets()
{
    // Globalize the metaboxes array, this holds all the widgets for wp-admin
    global $wp_meta_boxes;
     
    unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
    unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
    unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);
}
add_action('wp_dashboard_setup', 'example_remove_dashboard_widgets' );

Ця функція також може бути розширена для додавання нових блоків або видалення блоків, наприклад, Вхідні посилання, Розробка WordPress та інші.

Крок 3. Подальша оптимізація та покращення захисту за допомогою плагінів

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

Загальна безпека та резервне копіювання

  • Login LockDown – добрий плагін, який покращує захищеність вашого сайту на WordPress, обмежуючи кількість невдалих спроб авторизації з певного діапазону IP.
  • WP-DBManager – корисний для оптимізації та резервного копіювання бази даних. Він також може надсилати електронною поштою резервну копію бази даних після кожного копіювання.
  • IDrive- Найкращий і найдешевший плагін для бекапів. Плагін роздають безкоштовно хлопці з IDrive. Цей плагін щодня робить резервні копії файлів ядра, завантажених даних та бази даних вашого WordPress на сервери IDrive.

Плагіни загального призначення

  • Delete-Revision - дуже корисний плагін, що дозволяє легко видаляти безліч збережених копій.
  • 404 Сповіщувач - Простий спосіб отримати список помилок 404 з адмінки вашого WordPress. Швидше за все, цей плагін не потрібен буде вам постійно, але буде корисним встановити його при запуску нового проекту.
  • WordPress Import – завжди краще поставити та активувати цей плагін. Це обов'язковий плагін, якщо ви хочете імпортувати дані WordPress.
  • Оксамитові URL-Blues Update - дійсно зручний плагін, якщо вам потрібно перенести WordPress сайт на інший сервер. Без використання PHP MyAdmin, користувачі можуть змінювати всі URL-адреси в базі даних на нові.

Оптимізація та кешування

  • WP Super Cache - Найпростіший плаш, що кеширує. У нього є більше опцій для просунутих користувачів, але він не вимагає специфічної установки і ним можуть користуватись навіть новачки, щоб підняти швидкість роботи свого сайту.
  • WP Minify - цей плагін, у комбінації з описаним вище плагіном, може сильно вплинути на ваш сайт. Якщо ви використовуєте інструменти типу Google's PageSpeed ​​і Yahoo's Yslow, ви побачите його внесок у продуктивність вашого сайту.
  • WordPress Gzip Compression - також допомагає в стисненні вашого сайту, але переконайтеся, що ваш сервер сумісний з ним, оскільки плагін викликав проблеми на деяких хостингових облікових записах.

Аналітика та SEO

  • Все в одному SEO - найпопулярніший SEO-плагін. Якщо ви не хочете розробляти свої SEO інструменти для вашого клієнта, цей плагін може бути дуже корисним для динамічного додавання мета-тегів на ваш сайт.
  • Simple Google Sitemap - простий плагін, який створює XML карту сайту та відправляє її в пошукові системи Yahoo, Google та Bing.
  • Аналітик Google – дозволяє дивитися дані Google Analytics прямо в адмінці WordPress. Дуже зручний для клієнтських проектів, тому що Analytics дійсно допомагає та надихає кожного робити свій сайт краще.
  • PostRank- Безкоштовний плагін від компанії "PostRank", яку нещодавно придбав Google. Плагін дозволяє вам бачити рейтинг вашого поста на підставі того, як він був поширений по соціальних мережах типу Twitter, Facebook та інших.

Інші плагіни для подальшого налаштування WordPress

  • Adminimize - дозволяє видалити небажані посилання/контент із консолі. Те, що потрібно для сайтів, розроблених для клієнта.
  • Редактор меню адміністратора - Те саме, що попередній, але для меню. Я розробляв сайти на WordPress, які не мали блогу, і цей плагін став у пригоді для того, щоб сховати меню «Записи».

Висновок

Насамкінець, якщо вартість проекту дозволяє, спробуйте згенерувати звіт про сайт вашого клієнта через gtmetrix.com. Цей сайт дозволяє генерувати звіт за допомогою Google PageSpeed и Yahoo's YSlow tools. Отримати оцінку 100 важко, але якщо ваш сайт розроблений правильно і не використовує багато зовнішніх скриптів, наприклад сторонні плагіни онлайн-чату, то отримати оцінку 80 буде неважко.

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

Джерело: WP.tutsplus.com
inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 8

Євген:

Кльова стаття!

Віктор Гаврилюк:

Дякую! Гарна стаття!

Андрій Безсонов:

Чудова стаття!

Любов:

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

Kirill Nikitin:

Стаття супер підкреслив дуже багато цікавого!

Юрій Шатілов:

А тут написано, як можна змінити посилання в логотипі на сторінці авторизації:

Федір:

Винятково корисно

Дмитро:

Дуже круто! Прості, але все ж таки цікаві речі

Додати коментар або відгук