post

Page Builder bővítmény – a tartalom könnyebb szerkesztéséhez

Az utóbbi időben, több, általam készített weblap tartalmi szerkesztésében vettem nagy hasznát a címben is szereplő Page Builder bővítménynek.

Illetve akkor is, ha már meglévő honlapba kellett egy sablon tartalmi részét egyedi tartalommal megtölteni, legyen szó egyszerű tartalmi oldalról, vagy pl. egy sales oldalról.

A legtöbb sablon úgy van felépítve, hogy bizonyos mértékig meg van kötve a kezünk, mert csak bizonyos oldal felépítések használhatóak a tartalom megjelenítésére. Tovább

post

Betűtípus és betűméret módosítása wordpress bővítménnyel

A mai bejegyzésben a wordpress beépített és beépíthető szövegszerkesztési lehetőségeit boncolgatom egy kicsit.

Főként arról lesz szó, hogy hogyan lehet betűtípust és betűméretet módosítani wordpress bővítmények segítségével.

A wordpress szövegszerkesztésre egy úgynevezett WYSIWYG (what you see is what you got – azt kapod amit látsz) szerkesztőt használ, ami nagyban megkönnyíti a felhasználók munkáját.

MIÉRT?

Mert a bejegyzések, oldalak szerkesztéséhez nincs szükség extra html és css kódolási tudásra. A WYSIWYG szerkesztő, egy Word-szerű lebutított szövegszerkesztő.

A fontosabb szövegszerkesztési funkciókat tudja, mint például (az ikonok sorrendjében):

  • Félkövér,
  • Dőlt,
  • Áthúzott,
  • Lista
    • Számozott
    • Számozatlan
  • Idézet,
  • Vízszintes sor húzása,
  • Igazítás (balra, középre, jobbra),
  • Hivatkozás/link elhelyezése és eltávolítása,
  • „Bővebben” gomb elhelyezése,
  • Média hozzáadása (funkciógombok felett)

alap_wysiwyg

WordPress telepítése után ezek a szövegszerkesztési funkciógombok jelennek meg elsőként a felhasználó számára, valamint még egy gomb, a fenti képen a legutolsó piktogramm jelzi ezt.

Ezzel a gombbal, rákattintás után tudjuk kibővíteni az alapértelmezett szövegszerkesztőnket. Amennyiben nincs szükségünk a bővített szövegszerkesztőre, ugyanerre a gombra újból kattintva vissza is tudjuk állítani az alapértelmezett „kicsi” szövegszerkesztőt.

Tehát az utolsó ikonra kattintás után az eredmény:

bovitett_wysiwyg

 

Az alábbi plusz funkciókkal lettünk gazdagabbak (az ikonok sorrendjében):

  • Alapértelmezett stílusok közül választhatunk:
    • Bekezdés,
    • Cím,
    • Előreformázott,
    • Kiemelés 1-6 (ezek a html-ben használatos H1,H2, H3, H4, H5, H6 stílusok, melyek SEO szempontból sem elhanyagolhatóak)
  • Aláhúzás,
  • Sorkizárt,
  • Szövegszín módosítás,
  • Beillesztés szövegként,
  • Formázás tisztítása,
  • Különleges karakter beszúrása,
  • Bekezdés csökkentése és növelése (más néven szöveg behúzása és „kijjebb” tolása)
  • Visszavonás és Ismét gombok (ha módosítunk a szövegen, ezekkel a gombokkal tudjuk visszaállítani, ha valamit mégsem úgy szeretnénk módosítani a szövegen)
  • Billentyűparancsok.

Ez mind szép és jó, DE, ha én a betűtípuson szeretnék változtatni, mert nekem nem elég, vagy egész egyszerűen nem tetszik az alapértelmezett stílus, ami be van állítva pl.: bekezdés, cím, kiemelés formátuma, akkor hogyan tudok ezen módosítani?

HOGYAN?

Bővítménnyel!

Van rá több bővítmény is, én most ezekből kettőt fogok bemutatni.

Az egyik neve: FONT.

Innen le tudod tölteni: https://wordpress.org/plugins/font/

Vagy, ha az admin felületen a Bővítmények -> Új hozzáadása menüpontra mész, majd a Keresés ablakba beírod, hogy, akkor ilyen szép hosszú névvel: Font – official webfonts plugin. NO CODING! Just click & change font size, color and font face, nagy valószínűséggel az első helyen hozza fel találatként az oldal.

Telepíted a bővítményt, majd bekapcsolod.

Keresel a bejegyzéseid vagy az oldalaid között egyet, amin módosítani szeretnél.

A szövegszerkesztői sávban 2 új elem jelenik meg, egy nagy F betű és egy FontsForWeb szöveg. (a képen piros színnel kereteztem be a 2 új elemet)

font_wysiwyg

Bármelyik ikonra is kattintasz (F vagy FontsForWeb) a bejegyzés/oldal tetején megjelenik egy, a formázásért felelős ikonsor.

font_fejlec_wysiwyg

HOGYAN TUDOM MŰKÖDÉSRE BÍRNI?

Ahhoz, hogy használni is tud ezt a bővítményt, nem elég, hogy bekapcsoltad és rákattintottál az ikonok valamelyikére!

Ki kell jelölnöd azt a szövegrészt (sort, mondatot, szót), amin módosítani szeretnél és bal felül a Choose a font szövegre kell kattintani, majd legördül egy ablak, ahol ki lehet választani a nekünk tetsző betűtípust.

font_betutipusmodositas

Alapértelmezetten 9 féle fő betűtípus családból lehet választani, a betűcsaládok jobb oldalán nyilak találhatóak, ami azt jelenti, hogy az egyes családokat bizonyos szempontok szerint szétbontja a program.

Amíg nyilat látunk jobb oldalon, addig tudunk az egyes betűcsaládokon és kategóriákon belül mozogni, lapozni.

Ha nincs több nyíl, akkor dupla bal egérkattintással ki tudjuk választani a nekünk tetsző betűtípust.

(Ha baloldalon jelennek meg a nyilak, akkor vissza tudunk térni egy főbb kategóriába, tehát a nyilakkal oda-vissza tudunk közlekedni egy betűtípus családon belül.)

Én most egy Script -> Calligraphic -> Arioso Normal betűtípust választok ki magamnak.

A képen látszik is, hogy módosult a korábban kijelölt szövegem az új betűtípusra.

(A szövegre való kattintással vettem le róla a kijelölést, hogy lássam milyen lett a szöveg az új betűkkel.)

Egy szép, kézzel írt betűtípusom lett.

font_arioso

(Az Upload fülön lehetőség van saját gépünkről is betűtípust feltölteni.)

A bal oldali legördülő dobozt, a doboz jobb felső sarkában található X-el tudjuk bezárni.

A betűméret (Font size) és a betűszínt (Color) módosítását is hasonlóképpen tudjuk elvégezni.

Tehát, kijelöljük a szöveget, amin módosítani szeretnénk, majd a Font size méretezővel csökkentjük vagy növeljük a betűméret nagyságát, erre egy csúszka áll rendelkezésre.

font-size

A szín módosítására pedig a Color melletti fehér téglalapra kattintva felugrik a betűszín választó.

Választhatunk színt az egérrel, a színskálából, illetve, ha tudjuk a kedvelt színűnk kódját pl.: #000000 (ez a fekete színé), akkor beírhatjuk az értéket, az erre alkalmas mezőben.

font-color

A színpalettát úgy tudjuk eltűntetni, ha valahol fent, a fekete csíkon kattintunk egyet bal egérgombbal.

Ezt a bővítményt ezzel kivégeztük, jöhet a következő. 🙂

A másik hasznos bővítmény neve, amivel betűtípusokat és betűméretet tudunk változtatni: Use Any Font.

Letölthető innen: http://wordpress.org/plugins/use-any-font/

Vagy az admin felületet Bővítmények -> Új hozzáadása menüpont keresőjébe beírjuk: use any font.

A bővítménykereső nagy valószínűséggel az első helyen hozza fel találatként.

Telepítjük a bővítményt, majd bekapcsoljuk.

Ismét keresel a bejegyzéseid vagy az oldalaid között egyet, amin módosítani szeretnél.

A szövegszerkesztési sáv ismét megváltozott, most az alábbiak szerint (pirossal jelölöm az újdonságot):

useanyfont

Ennek a bővítménynek szolídabb, és a wordpress szövegszerkesztőjébe jobban illeszkedő stílusa van.

A működést illetően, itt is először ki kell jelölnünk a szöveget, amin módosítani szereténk, majd a Betűcsalád szóra kattintva a legördülő betűtípus listából kiválasztjuk a nekünk tetsző betűcsaládot. (Itt sokkal kevesebb betűtípus található, mint az előző bővítménynél.)

Itt most egy Comic Sans MS betűtípust választottam ki magamnak.

useanyfont_font

A betűméretet a másik dobozt legördítve tudom beállítani. Én most egy 18pt-os betűméretet állítok be a szövegemnek.

useanyfont_betumeret
Ezzel a művelettel ezt a bővítményt is kivégeztük. 🙂

Remélem sikerül beállítanod azt a szövegszínt, betűtípust és betűméretet ezután, amilyet csak szeretnél!
Ha nem, akkor keress meg bátran és szívesen segítek ebben és más wordpress vagy honlap témában is! 🙂

Szeretnél azonnal értesülni a friss blogbejegyzésekről email-ben? Iratkozz fel: ITT!

Amennyiben hasznosnak találtad a cikket, kérlek oszd meg ismerőseiddel is, a cikk alján található gombok valamelyikével! Köszönöm!

További jó munkát és szép napot kívánok! 🙂