Szóközöket szeretne hozzáadni, vagy alfejezetek behúzva a WordPressre? Szeretne behúzni bekezdéseket a WordPress-en?

Noha a szöveg nagy része igazítva van balra, bizonyos esetekben előfordulhat, hogy be kell húznia bizonyos bekezdéseket legjobb tipográfia és egy jobb olvasási élmény.

Ebben az oktatóanyagban megmutatjuk, hogyan kell behúzni könnyen bekezdések a WordPress-en.

1. módszer: A szöveges behúzás gombok használata a vizuális szerkesztőben 

Alapértelmezés szerint a legtöbb WordPress témák Jelenítse meg az indokolt bekezdéseket balról vagy jobbról a jobbról balra nyelvekhez.

Ha módosítani szeretne egy bekezdést, akkor azt a gombra kattintással megteheti Növelje a behúzást a vizuális szövegszerkesztő. Ez a bekezdéstől balra helyezi el a szóközt.

Ha egynél több bekezdést kíván behúzni, akkor ki kell választania ezeket a bekezdéseket, majd kattintson a gombra Növelje a behúzást.

A behúzás növeléséhez többször kattinthat a gombra. Például, ha duplán kattint rá, megduplázza a behúzási távolságot.

A visszavonást a gombra kattintva csökkentheti Csökkentse a behúzást. 

Felkérjük Önt még a felfedezés folytatása előtt A Gutenberg szerkesztő használata a WordPress 5.0-hoz: XNUMX. rész

2. módszer: Kézi behúzás bekezdés a szövegszerkesztő segítségével

A visszavonási gombok használata szöveg a vizuális szerkesztőn a legegyszerűbb módja annak, hogy behúzást adjunk a bekezdésekhez. Ez azonban nem biztosítja, hogy mekkora szóközt szeretne hozzáadni.

A legfejlettebb felhasználók válthatnak szöveg szerkesztő a behúzás manuális hozzáadásához. Mindössze annyit kell tennie, hogy beírja a szöveget a bekezdéscímkébe és majd y add hozzá a CSS kódot így:

<p style="padding-left:25px;">Your paragraph text goes here...</p>

Ez a módszer lehetővé teszi a behúzásként használni kívánt térköz vezérlését. Ez a módszer akkor működik a legjobban, ha nem kell rendszeresen behúzni a bekezdéseket.

Tehát, ha elég gyakran behúzza őket, akkor ez nem ideális megoldás.

Fedezze fel útmutatóunkat Hogyan írhatsz (írj) egy jó bekezdést a blogodra 

3. módszer: Csak a bekezdés első sorának behúzása

A weboldalak nem használják a szövegszerkesztő szoftver által használt hagyományos bekezdésközöket, amelyek csak a bekezdés első sorát jelölik.

Még a WordPress-ben is, amikor behúz egy bekezdést, szóköz kerül a teljes bekezdéshez.

Egyes magazinok vagy irodalmi folyóiratok webhelyei hagyományosabb behúzást kívánnak hozzáadni. Ebben az esetben egyéni CSS-t kell hozzáadnia az Önhöz WordPress téma.

Ugrás a " Megjelenés> Testreszabás A " Megszokott "A WordPress téma. Kattintson a " további CSS ".

Ekkor megjelenik egy szövegmező a bal oldali ablaktáblán, ahol hozzáadhatja az egyéni CSS-kódot. Adja hozzá ezt a CSS-kódot a szövegmezőhöz.

p.custom-indent { 
text-indent:60px;
}

Fedezze fel a mi Oktatóanyag: Hogyan lehet elsajátítani a WordPress Visual Editor alkalmazást

Ez a CSS-kód egyszerűen közli a böngészőkkel, hogy ha egy bekezdésnek ".custom-indent" osztálya van, akkor hozzáad egy 60px-es behúzást.

Ezt követően szerkesztheti cikkét a szövegszerkesztőben. Ezután vegye körül a szöveget címkékkel <p class = "custom-indent"> et </p> mint a következő :

A bekezdés szövege ide kerül ...

Miután elkészült, megnézheti a cikk előnézetét, és látni fogja, hogy csak a bekezdés első sorában van szóköz.

Ez a módszer gondosan fog működni, ha csak néhány bekezdést akar behúzni. Ha azonban hozzá szeretné adni ezt a stílust a webhely összes bekezdéséhez, akkor egyszerűen módosítania kell az egyéni CSS-kódot:

article p { 
text-indent:60px;
}

Ez a CSS-kód automatikusan hozzáad egy behúzást a WordPress-bejegyzés vagy -oldal összes bekezdésének első sorához.

Fedezze fel is távozása előtt Hogyan adjunk egy vizuális stílust a WordPress szerkesztő

Azok számára, akik stílusú vizuális szerkesztőket keresnek a weboldaluk megjelenésének javítása érdekében, itt kínálunk nekik 3 prémium WordPress bővítményt, amelyeket erre a feladatra terveztek.

1. Sárga ceruza: Visual Style CSS Editor

A Yellow Pencil egy vizuális stílusú szerkesztő, amelyet bármilyen témával használhat, hogy percek alatt személyre szabhassa webhelyét (betűtípusok, színek, animációk és egyebek ...).

Ez a beépülő modul CSS-stílusokat hoz létre a háttérben, miközben a színekkel játszik, mintha játék lenne. Kezdőknek és tapasztalt felhasználóknak is tervezték. Nincs szükség kódolási ismeretekre; A plugin azonban rendelkezik egy jó CSS-szerkesztővel azok számára, akik szeretnek kódolni. Ezzel a szerkesztővel élőben kódolhat és testreszabhatja a CSS-t.

Letöltés | demó | Web hosting

2. Easy Custom JS és CSS 

Ce WordPress plugint A prémium egy hatékony CSS- és JavaScript-kódszerkesztő, amely lehetővé teszi, hogy hozzáadja ezeket webhelye bármely részéhez. Lehetővé teszi, hogy a testreszabásait megtartsa a nagyobb frissítés után is WordPress téma.

Lehetősége van korlátozni személyre szabott kódjának felhasználási területét. Például a kódot csak egy videó formátumú cikkhez használhatja. Vagy korlátozhatja a kódját egy adott témára; Ami hasznos, ha gyakran változtat témákat a WordPress blogon.

Letöltés | demó | Web hosting

2. Érzékeny Google Térkép

Ce WordPress plugint elősegíti egy több jelölő rendszerének létrehozását egy térképen és több térképet oldalanként. Tartalmazza a teljes képernyős nézetet és több jelölő csoportosítását. Ehhez nincs szükség API-kulcsra.

Telepítése a WordPress plugint Reszponzív Google térképs egyszerű és könnyű. Nincs szükség hosszú összetett rövid kódokra. Hasonlóképpen egyszerű létrehozni egy térképet, gyorsan hozzáadni egy helyet hozzá, ehhez csak be kell másolnia egy rövid kódot arra az oldalra, ahol a térképet meg szeretné jeleníteni, és kész!

olvas Hogyan jelenítheti meg a WP-közösség egyik tagjának helyét a Google Maps-en

Egyéb jellemzői: aérzékeny arte, ptöbb hely ugyanabban a térképen, ptöbb kártya egy oldalon, annak lehetőségetöltse le saját markereit, teljes képernyős nézet, d támogatáskülönféle típusú térképek (útiterv, műholdas, hibrid és terep), a zOOM automatikus, a testreszabási képességmenj a térképen, emég sok más ...

Ajánlott források

Fedezz fel többet erőforrások ajánlásokat, amelyek segítenek Önnek jobban átvegye az irányítást a vizuális szövegszerkesztő felett.  

• Plugin telepítése (hozzáadása) a WordPressre
• A Wordfence Security WordPress telepítéséhez
• Mit várhatunk el Gutenbergtől, az új WordPress szerkesztőtől  
• A Gutenberg szerkesztő használata a WordPress 5.0-hoz: XNUMX. rész 
• Hogyan adhatunk funkcionalitást a WordPress vizuális szerkesztőhöz

Következtetés

Itt ! Ennyi ehhez a bemutatóhoz, remélem, hogy lehetővé teszi, hogy jobban megszervezze a cikkek behúzását. bátran ossza meg a tippet barátaival a közösségi hálózatokon.

Ha bármilyen javaslata vagy észrevétele van, örömmel fogadjuk őket. Felkérjük Önt, hogy keresse fel a mi erőforrások, ha kezdő blogger vagy.

...