A megjegyzések döntő szerepet játszanak az internet közösségépítésében. A megjegyzések platformot kínálnak az interakcióhoz az olvasók számára, ahol megoszthatják gondolataikat, ami gyakran visszavágyásra készteti őket.

Számos módszer arra ösztönözheti a felhasználókat, hogy tegyenek megjegyzést a blogodon. Az egyik ilyen módszer egy gyönyörű, használható és hozzáférhető megjegyzés-űrlap létrehozása.

Ebben az oktatóanyagban megmutatjuk, hogyan formázza az alapértelmezett WordPress megjegyzések űrlapot, valamint megmutatja, hogyan adhat hozzá megjegyzések funkcionalitást a közösségi média azonosítókon keresztül, és hogyan hozhat létre hozzászólási feliratkozási funkciókat és még sok minden mást. több.

De korábban, ha még soha nem telepítette a WordPress Discover programot Hogyan kell telepíteni a WordPress blog 7 lépések et Hogyan lehet megtalálni, telepíteni és aktiválni a WordPress téma a blog 

És hát hát miért vagyunk itt?

Hogyan változtathatjuk meg a WordPress-kommentek stílusát?

Amikor a stílusról beszélünk, akkor a A dolog CSS oldala. Az alábbiakban bemutatom, hogyan testreszabhatja a megjegyzések űrlapjának megjelenését a WordPress-ben. Alapértelmezés szerint a WordPress minden elemének van CSS kódja, ez a megjegyzéslista esete, navigációs menük, a megjegyzések űrlapja, a widgetek és így tovább.

fájljai között WordPress témák, van egy nevű fájlunk comments.php amely a hozzászólások és megjegyzések űrlapjának megjelenítésére szolgál a blogbejegyzésekben és az oldalakon. A WordPress megjegyzések űrlap megjelenítéséhez a " comment_form () Használják.

Discover Hogyan lehet megtalálni a kapcsolatot a WordPress bejelentkező oldal

Alapértelmezés szerint ez a funkció három megjegyzésmezővel (név, e-mail és webhely), egy nagy szövegmezővel hozza létre a megjegyzés űrlapját a megjegyzés tartalmához és az elküldés gombra.

Ezen elemek mindegyikét egyszerűen módosíthatja az alapértelmezett CSS osztályok és azonosítók manipulálásával. Itt található az alapértelmezett CSS-osztályok listája, amelyeket a WordPress hozzáad az egyes megjegyzési űrlapokhoz.

#respond {#} válasz-cím {#} cancel-how-válasz-link {} {} #commentform #author #email {} {} {} #URL #comment #submit .comment megjegyzi {} {} .required .Hogyan-form-szerző {} .comment-form-email} {.Hogyan-form-url} {.Hogyan-form-how {} .form-engedélyezett-tag {} .form küldje

Ezeknek a CSS osztályoknak a egyszerű módosításával teljesen megváltoztathatja a megjegyzések űrlap megjelenését. Próbáljunk meg változtatni valamin, hogy képet kapjon arról, mit tehetünk.

Discover A képhivatkozások cseréje az SSL telepítését követően a WordPress-en

Először az űrlap aktív mezőjének kiemelésével kezdjük. Az aktív mezők kiemelésével a felhasználók könnyedén láthatják, mit változtatnak, és ez egy kis dinamikus oldalt ad az Ön weboldalának.

#respond {háttér: #ececec; padding: 0 5 0px 5px; } / * Kiemelés az aktív szövegmezőben * / #respond bemeneti [type = text] textarea {-webkit-átmenet: minden 0.30s enyhíteni-in-out; -moz-átmenet: minden 0.30s enyhíteni-in-out; -MS-átmenet: minden 0.30s enyhíteni-in-out; -o-átmenet: minden 0.30s enyhíteni-in-out; vázlat: nincs; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; átnyúló: szilárd 1px #dddddd; } #respond bemenet [type = text]: fókusz, textarea: fókusz {box-árnyék: 0 0 5px RGBA (81, 203, 238, 1); margin: 5px 1px 3px 0px; átnyúló: szilárd 1px RGBA (81, 203, 238, 1); }

Így néz ki a megjegyzésed a Twenty Twelve-nél.

Ezen osztályok használatával megváltoztathatja a szöveg megjelenését a mezőkben. Ezt fogjuk tenni a következő példában.

#author {font-family: Lobster, "Lobster 1.4", "Droid Without", Arial; betűméret: 16px; szín: #1d1d1d; levél-távolság: .1em; } #url {color: #21759b; font-family: "Luicida Console", "Courier New", "Courier", minivan; } 

Ez az az eredmény, amelyet az előző kód fog előállítani.

Megváltoztathatja a megjegyzés űrlap gomb stílusát is. A következő példában gradiens hátteret adunk neki.

#submit {font-family: Arial; szín: #ffffff; betűméret: 20px; párnázás: 10px; text-decoration: none; box-shadow: 0px 1px 3px #666666; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; text-shadow: 1px 1px 3px #666666; háttér: -webkit-gradiens (lineáris, 0 0, 0 100%, a (#006ad4) a (#003366)); háttér: -moz-lineáris-gradiens (felső, #006ad4, #003366); } #submit: hover {background: -webkit-gradiens (lineáris, 0 0, 0 100%, a (#003366) a (#006ad4)); háttér: -moz-lineáris-gradiens (felső, #003366, #006ad4)}

Itt lesz az eredmény, amely megjelenik.

Hogyan adhatunk társas interakciót a megjegyzésekhez?

Kezdjük azzal, hogy közösségi bejelentkezéseket adunk a WordPress megjegyzések űrlapjához. Az első dolog, amit meg kell tennie, az a plugin telepítése és aktiválása szociális Bejelentkezés

Discover Hogyan kell telepíteni a plugint a WordPress A bővítmény aktiválásához létre kell hoznia egy ingyenes fiókot a következő címen: https://app.oneall.com

Ha ez megtörtént, akkor nem kell minden egyes használni kívánt hálózathoz API-t konfigurálnia, hogy a felhasználók csatlakozhassanak rajtuk keresztül.

Bár a különböző közösségi hálózatok API-jai folyamatosan változnak, nem kell semmit tennie, ennek a bővítménynek a fejlesztői frissítik az API-kat az Ön számára. Csak annyit kell tennie, hogy bejelentkezik a OneAll API-ba.

Az űrlapok így fognak megjelenni.

Fedezzen fel néhány prémium WordPress-bővítményt  

Használhatsz mást is WordPress plugin modern megjelenést kölcsönözni és optimalizálni blogja vagy weboldala kezelését.

Kínálunk itt néhány prémium WordPress plugin-ot, amelyek segítenek abban.

1. WP azonnali keresés és automatikus javaslat

A "WP Instant Search & Auto Suggest" plugin segítségével azonnal javaslatokat kaphat cikkekhez, oldalakhoz és egyéni bejegyzési típusokhoz, amikor a WordPress blogjában keres. Ez működik WPBakery et Cornerstone.

Jellemzői a következők: az rkeresés teljes képernyős módban, az rAz egyedi kiadványtípusok azonnali keresése, kompatibilitás a Visual Composer, thárom integrált dizájnstílus, választható 5 színsémák, obillentyűzet és egér támogatás, eteljesen testreszabható paramétereken keresztül stb.

Letöltés | demó | Web hosting

2. 404-hibaoldal átirányítása a kezdőlapra vagy az egyéni oldalra

Íme az egyik legjobb módja annak, hogy egyszerűen hozzáadhasson egy 404-es hibaoldalt, amely átirányítja a látogatót a kezdőlapra vagy az egyéni oldalra, miután engedélyezte ezt WordPress plugint.

Minden 404-es hibaoldal át lesz irányítva a kezdőlapra vagy egy egyéni URL-re. Ennek használatával WordPress plugint, akkor lehetővé teszi a Google számára, hogy csökkentse webhelyének PageRank értékét, ha sok 404-es hibaoldal van.

Ce WordPress plugint nem csak átirányítást végez, hanem megfelelő megoldás lehet webhelye rangsorolásának javítására is a keresőmotorok találatai között.

Letöltés | demó | Web hosting

3. Kapcsolódó hozzászólások Pro 

Kapcsolódó hozzászólások A Pro egyszerű, de hatékony megoldást kínál a WordPress mindenféle hasonló tartalmához. Támogatja az egyedi bejegyzési típusokat, a több webhelyet, a kategóriákat, a vegyes tartalmat, az egyéni tartalmat és egyebeket ...

Funkcióként kínál többek között: 3 különféle típusú elrendezések, 65 előre meghatározott sablonok minden elrendezéshez, anincs szükség kódolásra, a t támogatásaböngészés és automatikus lejátszás, kompatibilitás a beépülő modulok által használt egyéni üzenettípusokkal WooCommerce, WP e-kereskedelem, bbPress stb ..., a keresősáv szűrővel, a dnagyon leíró dokumentáció és még sok más.

Letöltés | demó | Web hosting

Ajánlott források

Tudjon meg többet a webhely felépítéséhez és kezeléséhez javasolt egyéb forrásokról.

• Hogyan lehet megjeleníteni a leírás a kategóriákat a WordPress
• Hogyan lehet optimalizálni a WordPress Robots.txt fájlt a tökéletes SEO-hoz
• Hogyan hozhatunk létre Marketplace-t a WordPress segítségével
• Hogyan adjunk egy widgetet a fejlécben a WordPress blog

Következtetés

Itt ! Ennyi ehhez a bemutatóhoz. Reméljük, hogy ez a cikk segített abban, hogy visszajelzési űrlapjait vonzóbbá tegye. Ne habozzon felajánlani nekünk tippjeit a WordPress testreszabásával, és különösen ossza meg ezt a cikket barátaival a kedvenc közösségi hálózatokon. 

Azonban Ön is képes lesz konzultálni a mi erőforrások, ha további elemekre van szüksége az internetes oldalak létrehozására irányuló projektek végrehajtásához, olvassa el a WordPress blog létrehozása.

Ha bármilyen javaslata vagy észrevétele van, hagyja őket szakaszunkban észrevételek.

...