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

Има няколко начина да насърчите потребителите да оставят коментар във вашия блог. Един от тези начини е да създадете красива, използваема и достъпна форма за коментар.

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

Но преди, ако никога не сте инсталирали WordPress открийте Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог 

След това обратно към защо сме тук.

Как да промените стила на коментарите в WordPress

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

Сред файловете на Теми на WordPress, имаме файл с име comments.php който се използва за показване на коментари и формуляр за коментари в публикации в блогове и страници. За да се покаже формулярът за коментари на WordPress, " comment_form () Използва се.

Discover Как да намерите връзка към страницата за WordPress вход

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

Можете лесно да модифицирате всеки от тези елементи, просто като манипулирате CSS класовете и идентификаторите по подразбиране. Ето списък на CSS класовете по подразбиране, които WordPress добавя към всеки формуляр за коментар.

# тип {} # reply-title {} # cancel-comment-reply-link {} #commentform {} #author {} #email {} #url {} #comment # submit.comtable {} .required {} .comment-форма-автор {} .my-form-email {} .mentment-форма-url {}.

Като просто коригирате тези CSS класове, можете напълно да промените външния вид на формуляра за коментари. Нека се опитаме да променим нещо, за да ви дадем представа какво можем да направим.

Discover Как да замените връзките към изображения след инсталиране на SSL на WordPress

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

# отговаря {фон: #ececec; подложка: 0 5px 0 5px; } / * Маркирайте активното текстово поле * / # відповідния вход [type = text], textarea {-webkit-transition: всички 0.30s са лесни за излизане; -moz-transition: всички 0.30s са лесни за излизане; -ms-transition: всички 0.30-и са лесни за излизане; -o-transition: всички 0.30-и са лесни за излизане; контур: няма; подложка: 3px 0px 3px 3px; поле: 5px 1px 3px 0px; граница: 1px твърдо #DDDDDD; } # отговаря вход [тип = текст]: фокус, текст: фокус {кутия сянка: 0 0 5px rgba (81, 203, 238, 1); поле: 5px 1px 3px 0px; граница: 1px твърдо rgba (81, 203, 238, 1); }

Ето как ще изглежда вашата форма за коментари с двадесет и дванадесет.

С използването на тези класове можете да промените начина, по който текстът се появява в полетата. Това ще направим в следващия пример.

#author {font-family: Омар, "Омар 1.4", "Droid без", Arial; размер на шрифта: 16px; Цвят: #1d1d1d; писмо-разстояние: .1em; } #url {color: #21759b; семейство шрифт: "Luicida Console", "Courier New", "Courier", миниван; } 

Ето резултата, който ще произведе предишният код.

Можете също да промените стила на бутона за формуляр за коментар. В следващия пример ще му дадем градиентен фон.

#submit {font-family: Arial; цвят: #ffffff; размер на шрифта: 20px; подложка: 10px; текст-декорация: няма; box-shadow: 0px 1px 3px #666666; -webkit-box-shadow: 0px 1px 3px # 666666; -moz-box-shadow: 0px 1px 3px # 666666; текстова сянка: 1px 1px 3px #666666; фон: -webkit-градиент (линейни, 0 0, 0 100%, от (#006ad4), до (#003366)); background: -moz-linear-gradient (отгоре, #006ad4, #003366); } #submit: hover {background: -webkit-gradient (линейни, 0 0, 0 100%, от (#003366), до (#006ad4)); background: -moz-linear-gradient (отгоре, #003366, #006ad4)}

Ето резултата, който ще бъде показан.

Как да добавите социално взаимодействие в коментари

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

Discover Как да инсталирате плъгин в WordPress За да активирате тази приставка, трябва да създадете безплатен акаунт, като отидете на следния адрес: https://app.oneall.com

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

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

Ето как ще се показват вашите формуляри.

 

Открийте и някои премиум приставки за WordPress  

Можете да използвате други WordPress плъгини за да придадете модерен външен вид и да оптимизирате работата с вашия блог или уебсайт.

Предлагаме ви тук няколко премиум WordPress приставки, които ще ви помогнат да направите това.

1. WP незабавно търсене и автоматично предлагане

Приставката „WP Instant Search & Auto Suggest“ ви позволява незабавно да получавате предложения за статии, страници и персонализирани типове публикации при търсене във вашия блог на WordPress. Работи с WPBakery et крайъгълен камък.

Характеристиките му включват: rтърсене в режим на цял екран, rНезабавно търсене на персонализирани типове публикации, съвместимост с Visual Composer, Tтри интегрирани стила на дизайн, цветови схеми на 5 за избор, стрподдръжка на клавиатура и мишка, напрнапълно персонализируем чрез параметри и т.н. ...

Изтегляне | демонстрация | уеб хостинг

2. Страница за грешка 404 Пренасочване към начална страница или персонализирана страница

Ето един от най-добрите начини за лесно добавяне на страница за грешка 404, която ще пренасочи посетителя към началната страница или персонализирана страница, след като активирате това WordPress плъгин.

Всички страници с грешка 404 ще бъдат пренасочени към началната страница или персонализиран URL адрес. Използвайки това WordPress плъгин, вие ще позволите на Google да намали рейтинга на страницата на вашия уебсайт, ако има много страници с грешка 404.

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

Изтегляне | демонстрация | уеб хостинг

3. Подобни публикации Pro 

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

Като функции, които предлага, наред с други: 3 различни видове оформления, 65 предварително зададени шаблони за всяко оформление, aняма да е необходимо кодиране, подкрепата на tсърфиране и автоматично игра, съвместимост с персонализираните типове публикации, използвани от приставките WooCommerce, WP електронна търговия, Федерация Волейбол и т.н ..., а лента за търсене с филтър, a dмного описателна документация и много други.

Изтегляне | демонстрация | уеб хостинг

Препоръчителни ресурси

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

• Как да се покаже описание на категориите на WordPress
• Как да оптимизирате вашия WordPress Robots.txt файл за перфектен SEO
• Как да създадете Marketplace с WordPress
• Как да добавите джаджа към заглавната част на вашия WordPress блог

Заключение

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

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

Ако имате предложения или забележки, оставете ги в нашия раздел Връзка.

...