Як створити палітру кольорів для вашого сайту WordPress 2024? Остаточний посібник

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

Тож створіть фірмову палітру кольорів. На щастя, наш плагін Beaver Builder спрощує виконання. Створіть палітру кольорів для свого сайту WordPress і почніть пожинати плоди.

Як зробити його за допомогою Beaver Builder. Ми також рекомендуємо певні кольорові схеми. Тож поїхали!

Як створити палітру кольорів для свого сайту WordPress?

Якщо ви ніколи не користувалися нашим плагіном Beaver Builder, це інструмент для створення сторінок для WordPress. Він має інтерфейсний редактор у реальному часі. А безкоштовний плагін Beaver Builder WordPress існує. Ця програма дозволяє створити палітру кольорів для вашого сайту.

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

Якщо у вас уже є плагін Beaver Builder, перейдіть на вкладку «Плагіни» у вашому Інформаційна панель адміністратора WordPress оновити. Натисніть кнопку Оновити під Beaver Builder.

Після активації плагіна Beaver Builder у вас є два варіанти створення палітри кольорів: вручну або програмно. У наступних розділах ми продемонструємо обидва.

Спосіб 1: ручне додавання попередніх налаштувань кольорів

Створення колірної палітри за допомогою Beaver Builder виконується вручну в першому варіанті. Для тих, хто не вміє кодувати або не хоче втручатися в файли вашого сайту, це чудовий вибір.

Запустіть Beaver Builder, натиснувши кнопку «Запустити» в редакторі публікації або сторінки. Це починається з конструктора сторінок.

• Потім виберіть рядок, стовпець або поле кольору модуля.
• З’явиться Палітра кольорів. Виберіть свій перший колір тут. Ви також можете вказати шістнадцяткове число кольору.
• Ви також можете натиснути символ (+) у верхньому правому куті палітри кольорів після вибору кольору. Повторіть для кожного додаткового кольору.
• Завершивши, натисніть «Параметри кольорів» у нижній частині панелі. Попередні налаштування кольорів можна переглянути тут.
• Символ X видаляє колір. Після завершення збережіть свої зміни.

Спосіб 2: програмне додавання попередніх налаштувань кольорів

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

• Видаліть будь-які поточні кольори, що зберігаються в Beaver Builder, перш ніж програмно додавати стилі. Відкрийте сторінку в Beaver Builder для редагування.
• Потім виберіть поле кольору та натисніть «Параметри кольорів» у будь-якому модулі, який використовує кольори. Вибравши кнопку X біля кожного кольору, ви можете видалити будь-які раніше збережені налаштування. Вийти з редактора.
• Потім змініть файл functions.php дочірньої теми. Це в розділі «Вигляд» > «Редактор тем» у меню адміністратора WordPress.
• Потім ви можете додати цей код за допомогою шістнадцяткових кольорів вашої палітри. Однак це не змінює вибір кольору вашої теми.
• Рекомендується замінити шістнадцяткові значення в цьому коді кольорами вашої палітри. Ви також можете додавати або видаляти лінії, щоб налаштувати кількість кольорів.
• Для введених шістнадцяткових значень кольорів не потрібен знак «#». Щоб опублікувати свої зміни, збережіть файл.

Швидкі посилання:

• Поради щодо соціальних мереж для блогерів: покращуйте свої блоги
• Поради щодо безпеки WordPress для початківців
• Як швидко видалити всі коментарі WordPress одним клацанням миші?
• Поради щодо використання Beaver Themer для створення кращого веб-сайту

Висновок: як створити палітру кольорів для свого сайту WordPress?

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

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

Ми хотіли б почути вашу думку щодо наданого місця.