post

WordPress bejegyzéshez beállított kiemelt kép megjelenítése a Facebookon

Elkészítesz egy WordPress bejegyzést.

A bejegyzéshez beállítasz egy kiemelt képet (a bejegyzés jobb oldalánál lent).

Szeretnéd, ha ez a kiemelt kép jelenne meg, amikor a Facebookon megosztod az új bejegyzést. Megosztásnál azonban, mégsem ez a kép jelenik meg. Tovább

post

Hogyan készíts oszlopos kinézetű sablon oldalakat wordpressben

Régen főként html táblázatokkal <table> <tr> <td> elemekkel készültek táblázatos elemek egy honlapra.

Ez a módszer meglehetősen sok kóddal járt és a határok is sokszor korlátoltak voltak.

A <table> elemet jó ideje felváltotta a <div> html címke (tag), melynek használatával sokkal gyorsabban, kevesebb kódbűvöléssel lehet elegáns megoldásokat létrehozni. Tovább

post

Kép beillesztése widget-be, html kódok használata nélkül

Ha gyors és egyszerű megoldást szeretnél képek, bannerek elhelyezésére a wordpress weboldaladon, akkor nagyon hasznos bővítmény lehet számodra a Simple Image nevű bővítményt. https://wordpress.org/plugins/simple-image-widget/

Html tudást egyáltalán nem igényel.

Lépj be a wordpress admin felületére, majd a Bővítmények –> Új hozáadása almenüpontra kattints.

A keresés mezőbe írd be, hogy simple image.

Az első találatnál, kattints a Telepítés most linkre (nálam már telepítve van, ezért írja ki, hogy Telepítve)

simple_widget_keresesi_eredmeny

Amint telepítette, kattints a bővítmény bekapcsolása linkre.

Ha ez kész, máris használatba tudod venni.

Menj a Megjelenés –> Widgetek almenübe.

Az elérhető widgetek között találni fogsz egy Image nevezetűt, ezt húzd egérrel abba a widget területbe, ahol szeretnéd beilleszteni a képet.

A widgetterületbe húzva, és a widgetet lenyitva ilyet kell látnod:

 image_widget

 A choose an image gombra kattintva tudod kiválasztani a Médiatárból a képet (itt a már korábban feltöltött képek közül tudsz választani, vagy a Fájl feltöltése fület tudod választani, ahol a saját gépedről tudsz egy új képet beszúrni.

Válassz ki egy képet, majd a képes doboz jobb alsó sarkában kattints az Update Image gombra. Ezzel a widget beszippantja a kiválasztott képet.

image_widget2

Én nem szeretném, ha full size (tehát teljes méretű képet tenne be), így kiválasztottam, hogy a Size az legyen Medium, de választható még bélyegkép méret is.

A Linknél megadtam, hogy a kép milyen oldalra mutasson és mivel szeretném, ha a képre kattintva új ablakban nyílna meg a link-nél megadott weboldal, így bepipáltam az Open in new window? előtti jelölőnégyzetet is.

 

Fent a Title mezőt töltöttem még ki, ez lesz az oldalon megjelenő kép címe, tehát a kép fölött fog megjelenni.

Kitölthető még a Linkhez tartozó szöveg is, illetve további szöveget is meg lehet adni. Ha a Text mező van kitöltve, akkor a kép alá fogja elhelyezni ezt a szöveget.

A Mentés gombra kattintva lehet elmenteni a képet.

A Láthatóság gomb arra funkcionál, hogyha extra elemként szeretnénk megjeleníteni a képet pl.: Mutat, ha Kategória neve mondjuk Blog, tehát csak a Blog nevű kategóriákban jelenítse meg a képet. Ez akkor hasznos, ha elhelyezel egy képet, mint bannert, tehát reklámfelületet és mondjuk valami olyat reklámozol, amit szeretnél, ha csak azok számára jelenne meg, aki egy adott témakört szeret olvasni pl.: fotózás – mert egy fotótanfolyamot hirdetsz.

De választható még a Kategórián kívül Oldal, szerző, címke, és dátum is.

Ha ezekből valamelyiket kiválasztod, akkor a sor végén található Hozzáadás szóra kell kattintani, és a végén a Mentésre.

Nálam ilyen lett a végeredmény az oldalon:

image_widget_vegeredmeny

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!

post

MailPoet wordpressbe építhető hírlevél küldő bemutatása

A mai bejegyzésben szeretném bemutatni Nektek a MailPoet hírlevél küldő rendszerét.

Nagyon hasznos és okos alkalmazásnak találom és ingyenes is bizonyos korlátok között.

WordPressbe könnyen beépíthető bővítményről beszélek.

A MailPoet főbb előnyei:

  • 2000 hírlevél feliratkozóig ingyenes,
  • Egyedi hírlevelek készítésére alkalmas, melyek az oldalba beépítve találhatóak, és egyszerű drag&drop (húzd és vidd) módszerrel az új hírlevél sablonunk elkészíthető.
  • Választhatunk automatikus és állandó hírlevél között is. Az automatikus hírlevelet tudjuk időzíteni pl.: minden héten pénteken 13:10 perckor menjenek ki. (Tehát van benne autoresponder funkció is.)
  • A beépített hírlevél sablonok kódja olyan szuperül van elkészítve, hogy a legtöbb levelezőrendszer jól kezeli, ilyenek pl.: Gmail, iPhone, Android, Outlook, Yahoo, Hotmail
  • A feliratkozóinkat könnyen tudjuk beimportálni a MailPoet rendszerébe. (pl.: ha előtte másik hírlevél küldőt használtunk, vagy egész egyszerűen egy excel táblában gyűjtöttük őket, akkor is)

No, akkor lássuk működés közben, képekkel.

Belépek a wordpress admin-ba, és bal oldalon a Bővítmények -> Új hozzáadása menüpontra megyek.

Beírom a kereső felületbe, a MailPoet szót, majd a Bővítmények keresése gombra kattintok. mailpoet_talalat

A találati oldalon a legelső lesz a nekünk megfelelő, a MailPoet Newsletters névre hallgató.

A Telepítés most linkre kattintok.

Rákérdez, hogy biztosan telepíteni akarom a bővítményt? Igen-re kattintok.

Majd a Bővítmény bekapcsolás linkre kattintva, bekapcsolom a bővítményt az oldalon. bovitmeny_bekapcs

Ezekután, bal oldalon a wordpress adminban megjelenik a frissen telepített MailPoet bővítményünk, amiben elkezdhetünk dolgozni.

mailpoet_bov

Alapértelmezetten van egy 5 perces bemutató nevű hírlevél kezdemény. Amire ha rákattintunk, akkor ezt látjuk:

5perc_es_bemutato

Itt tudunk választani, hogy Általános vagy Automatikus (autoresponder) hírlevél legyen-e.  Alapértelmezetten az Általános hírlevél lesz aktív.

Az Automatikus hírlevél kezdő felülete így néz ki: automatikus_hirlevesl

Az automatikus küldés… mellett a legördülő listákból ki tudjuk választani, hogy milyen időközönként és milyen esemény létrejöttekor küldje ki a hírlevelet a rendszer.

Esemény például:

  • Amikor van új tartalom
    • Mely időintervallumban:
      • Naponta ekkor: 00:00-23:00-ig
      • Hetente ekkor: hétfő-vasárnap 00:00-23:00-ig
      • Havonta ekkor: 1-28. (valamiért nem 30 és 31 napos hónapot mutat) 00:00-23:00-ig
      • Havonta mindig ekkor: 1., 2., 3., utolsó, napok, órák
      • Azonnal.
  • Amikor valaki feliratkozik a listára – > további lehetőség, ki tudjuk választani, hogy melyik legyen ez a lista, amire éppen feliratkozik -> továbbá ki tudjuk választani, hogy:
    • Azonnal,
    • Órával később.
    • Nappal később.
    • Vagy héttel később küldje ki ezt a hírlevélre feliratkozó felhasználónak.
  • Amikor egy új wordpress felhasználó regisztrált az oldaladon…
    • Kiválasztható: bármely wordpress szerepkörben (tehát legyen az adminisztrátor, feliratkozó, vagy egyéb más)
    • Illetve felsorolja külön-külön a szerepköröket, hogy csak ebben az esetben küldje ki
    • Továbbá ugyanúgy ki lehet választani az időt is, hogy mikor küldje ki ezt, tehát:
      • Azonnal,
      • Órával később.
      • Nappal később.
      • Vagy héttel később küldje ki

Mindkét lehetőségnél a tartalom alatt látszik, hogy ez az első lépés, és ott a következő lépésre a link (tehát, ezzel lehet tovább haladni a sablonépítésben).

Én most az Általános hírlevél lehetőséget választom ki és a listáknál az Első listám előtti jelölőnégyzetet pipálom be:

alt_hirlevel

A következő lépés-re kattintok, ahol ezt látom:

hirlevel_sablon

1. lépés: hey, kattints a szövegre. Ha rákattintasz a szövegre, megjelenik egy mini szerkesztői felület, ahol a beírandó tartalmat formázni tudod.

elso_lepes

Ahol én most azt a szöveget írtam be, hogy „Ide jön a bejegyzés címe”, ott a szöveget a már meglévő blog bejegyzéseimből is kiválaszthatom, ekkor a jobb oldalon található WordPress bejegyzés beillesztése gombra kattintok és áthúzom ide bal oldalra az Ide jön a bejegyzés címe szöveg helyére. Ekkor felugrik egy ablak, ahol tudok választani a már meglévő bejegyzéseim közül, hogy mit szeretnék majd elküldeni a hírlevélben. bejegyzesek_listaja A számomra megfelelő bejegyzés előtt a kis jelölőnégyzetet bepipálom és a felugró ablak jobb alsó sarkában lévő „A kiválasztott beillesztése” gombra kattintok.

beszippantott_tartalom Szépen behúzza nekem az oldalra a kiválasztott blog bejegyzésemet.

2. lépés – játék ezzel a képpel.

Itt be lehet szúrni például a jobb oldalon található „dobozból” a Tartalom fül melletti Képek fülből egy képet, ami még megjelenjen a hírlevélben.

Tehát kiválasztom a Képek fület, ott Kép hozzáadása gombra kattintok.

Lehetőségem van képet feltölteni, ha már vannak Hírlevél képeim, akkor abból választani, vagy a bejegyzéseimhez tartozó képekből választani.

Én most egy már meglévő képet választok ki.

Ebben az esetben a postás galamb mellett megjelenik az általam kiválasztott kép is.

kep

Ahhoz, hogy ez meg is jelenjen a bal oldalon, tehát a hírlevél sablonban, ahhoz a kiválasztott képet egérrel át kell húzni a megfelelő helyre (tehát a bal oldalra).

Én most ráhúztam a galambos kép helyére.

kep-rahuzva

A többi szöveget itt ugyanúgy lehet módosítani, mint az első lépésnél, tehát rákattintok a szövegre, megjelenik a szerkesztői fejléc és már tudom is módosítani. (Törölni, szerkeszteni.)

Jobb oldalon a Tartalom fül alatt szerepel egy Social bookmarks nevezetű elem (gomb is).

Ha ezt áthúzom a bal oldalra, akkor egy 2-3mp-es várakozási idő után felugrik a Social bookmarks beállítási lehetősége, ahol ki tudom választani, hogy milyen közösségi ikonok jelenjenek meg (elég sok és változatos ikon minták vannak) a hírlevélben és az egyes közösségi ikonokhoz meg tudom adni a közösségi oldalaim url-jeit.

social_ikonok Majd ha minden be van állítva, akkor a Kész gombra kell kattintani és megjelennek az ikonok a hírlevélben.

Mivel én csak a facebook ikonhoz tartozó url-t töltöttem ki, így nekem csak a facebook ikonja jelenik meg a hírlevélben.

facebook_ikon

A 4. lépésben a lábrész tartalmát lehet módosítani, amit a MailPoet -> Beállítások menüpont alatt lehet megtenni. (Érdemes ezt új ablakban megnyitni, ha mégsem ott tesszük meg, akkor még mielőtt a Beállításokra megyünk, a 4. lépés alatt kattintsuk a Változások mentése gombra.)

A Beállítások oldal alján vannak a lábrészhez tartozó elemek. leiratkozas A leiratkozó oldalnak alapértelmezetten a MailPoet bővítmény generált oldalát választja ki, de ha az oldalon létrehozunk egy új menüpontot, ahol beállítunk egy saját, egyedi leiratkozó oldalt, akkor azt is ki lehet itt választani a legördülő listából.

Az Előnézet gombra kattintva meg tudjuk nézni, hogy is néz ki ez az oldal és a Szerkesztés gombra kattintva tudunk módosítani a leiratkozó oldal tartalmán. Tudunk további szöveget, képet stb. beszúrni.

Ha ezzel megvagyunk a Beállítások mentése gombra kell kattintani.

Térjünk vissza a hírlevél sablonunkhoz. A 4. lépés után, tudunk egy előnézeti képet küldeni magunknak, csak az email cím mezőt kell kitölteni és az Előnézet küldése gombra kell kattintani.

Ha megfelel és tetszik a sablon, akkor a Változások mentése gombra kell kattintani, hogy az eddigi módosítások elmentésre kerüljenek.

Majd ugorjunk a Következő lépésre, a gomb megnyomásával.

Elérkeztünk az utolsó lépéshez a sablonnal:

utolso_lepes

A Küldő és válasz email címeket alapértelmezetten kitölti a rendszer.

Az email cím előtti mezőket érdemes olyan névre módosítani (én most xx-et írtam oda), amit szeretnénk, ha a hírlevél küldés esetén a felhasználónak a levelében megjelenne. Pl.: küldő: Winch Eszter

A tárgy sort még itt is át tudjuk írni, tehát a hírlevelünket át tudjuk nevezni, hogy ne 5 perces útmutató, hanem mondjuk „Heti hírlevél cserhajni”-tól legyen a neve.

Ha minden megvan, akkor a Mentés vázlatként és bezárásra kattintva csak elmentjük a hírlevelet, de nem küldjük ki senkinek.

Ha a Küldés gombra kattintunk, akkor viszont az első lépésben kiválasztott listára feliratkozottak számára kiküldjük a hírlevelet.

A sablonról előnézetet itt is tudunk küldeni az email címünkre az Előnézet küldésre gombra kattintva.

Mielőtt azonban elküldjük a hírlevelet, javaslom, hogy térjünk vissza a MailPoet -> Beállítások menüpontra, mert ott még sok aprósággal lehet finomhangolni a hírlevél küldésünket.

Tehát, MailPoet -> Beállítások menüpontnál vagyok újra.

Több fület látunk itt:

  • általános
  • űrlapok
  • regisztráció megerősítése
  • küldés ezzel…
  • haladó
  • bővítmények

Röviden az egyes fülekről:

Általános: email küldéssel kapcsolatos általános beállítások, email cím, értesítés (milyen emal címre), céges adatok, leiratkozási adatok.

Bármin módosítunk, minden oldal alján a Beállítások mentése gombbal tudunk érvényt szerezni ezeknek a változtatásoknak.

Űrlapok: alapértelmezetten van itt egy hírlevél feliratkoztató űrlap. A Szerkesztés linkre kattintva tudunk plusz elemeket betenni a listába pl.: keresztnév, vezetéknév stb.

urlap_feliratkozasi_adatok

Az Űrlapok listája gombra kattintva jutunk vissza az előző oldalra, ahol a többi fül is látszik.

Regisztráció megerősítése: itt például azon a szövegen tudunk módosítani, amit feliratkozáskor, első körben küld a rendszer a felhasználónak. email_szoveg_feliratkozas

Küldés ezzel…: itt a hírlevél küldési metódusok közül tudunk választani, hogy a beépített Php email küldővel menjenek ki a levelek, vagy pl.: GMAIL-el.

Beállítható, hogy hány db email menjen ki a megadott időintervallumban (percenként, 2 percenként, óránként pl: 100 levél). kuldes_ezzel

Haladó: beállíthatjuk az egyes felhasználói szerepköröknek, hogy ki küldhet és készíthet hírlevelet az oldalunkon.

Bővítmények: többféle bővítményt köthetünk össze a MailPoet hírlevél küldővel. Például webáruház tulajdonosok számára hasznos lehet, hogy a Woocommerce-el is össze lehet kötni.

Ezen kívül még sok másik hasznos bővítménnyel is. A bővítmények listáját lehet látni a Bővítmények fülre kattintva.

A MailPoet -> Feliratkozottak almenüpontban megtekinthetjük a hírlevél listáinkat és a feliratkozókat egyaránt.

Itt is több fülből lehet választani:

  • Feliratkozó hozzáadása
  • Lista hozzáadása
  • Listák szerkesztése
  • Importálás
  • Exportálás. listak_es_feliratkozottak

Röviden a fülekről:

Feliratkozó hozzáadása: itt kézzel tudunk hozzáadni egy feliratkozót a listánkhoz (név, email cím, lista kiválasztása után).

Lista hozzáadása: új listát tudunk létrehozni.

Listák szerkesztése: a már meglevő listáinkat tudjuk itt szerkeszteni. Első körben az Első listám nevezetűt.

Importálás: itt van lehetőség arra, hogy más rendszerből beimportálunk felhasználókat, vagy egy pl: excel táblából másolás-beillesztéssel beemeljük az email címeket.

Más rendszerből való importálás esetén a Fájl feltöltése funkciót kell választani. CSV típusú fájlokat lehet csak beimportálni.

feliratkozok_importalasa

A Fájl kiválasztása gombra kattintva a saját gépünkről ki tudjuk keresni a feltöltendő fájlt, majd a Következő lépés gombra kattintva elvégzi a rendszer a fájl és a benne található email címek-nevek listájának beolvasását és meg is jeleníti, amint végzett.

Exportálás: itt azt tudjuk beállítani, hogy a mi rendszerünkbe feliratkozottak listáják kiexportáljuk pl.: egy másik rendszer számára. Tehát egy ilyen, vagy hasonló csv fájlt tudunk készíteni, mint amit az előző lehetőségnél beolvastunk.

Ki kell választani, hogy melyik listát szeretnénk exportálni, milyen formátumban és a lista milyen mező elemeket tartalmazzon (pl.: email, keresztnév stb.).

Ha mindent bejelöltünk, ami kell az Exportálás gombra kattintunk, és a rendszer elkészíti a csv vagy xls fájlt. felhasznalok-exportalasa

Kicsit hosszúra sikeredett, de ez lenne a MailPoet rendszer bemutatása.

Amennyiben több funkciót szeretnénk a MailPoet-hez, akkor a MailPoet -> Prémium menüpontra kattintva tudunk bővebb információkhoz jutni a bővítményt illetően, illetve az árakat illetően.

További okosságokat az alábbi két oldalon is lehet olvasni a bővítményről:

Hivatalos honlap: http://www.mailpoet.com/

WordPress bővítmény honlap: http://wordpress.org/plugins/wysija-newsletters/

A leírás alapján, ha valami nem világos, vagy bármi kérdés van, írj bátran!

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!

 

Szép napot és jó tesztelést! 🙂

 

 

 

 

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! 🙂

post

10 hasznos wordpress bővítmény a weboldaladra

1. WordPress SEO by Yoast

http://wordpress.org/extend/plugins/wordpress-seo/

A Yoast nagyon jó kis bővítmény, ha egyszerűen, gyorsan és jól szeretnéd SEO-zni az oldaladat.

A Yoast bővítmény megjelenik minden oldal és bejegyzés alján is, így minden egyes oldalt és bejegyzést külön tudsz SEO-zni.

 

2. Nextgen Gallery

 http://wordpress.org/plugins/nextgen-gallery/

Szeretnél egy szépen kivitelezett galériát az oldaladra? A nextgen gallery nagyszerű választás. Rengeteg extra funkcióval és beállítással. Nagyszerű választás egy vagy sok képes galéria oldalak készítéséhez.

Bővebb leírás a programról és a működési funkciókról, a bővítmény használatáról a galéria főoldalán található:

http://www.nextgen-gallery.com/wordpress-gallery-plugin/

 

3. Lightbox Plus

http://wordpress.org/plugins/lightbox-plus/

Ha szeretnél még jobb eredményt elérni képeid megjelenítéséhez, használd az előző pontban említett bővítménnyel (Nextgen Gallery) együtt ezt a Lightbox Plus bővítményt.

Míg a Nextgen Gallery arra figyel, hogy megfelelő módon kezelje a képgalériádat, addig a Lightbox Plus abban segít, hogy a képekre kattintva többek között szépen, felugró ablakban (a Te beállításaid alapján, megfelelő méretben) jelenítse meg a képeket, videókat.

4. Contact Form 7

https://wordpress.org/plugins/contact-form-7/

Kapcsolati vagy egyéb űrlapot szeretnél elhelyezni az oldaladon? Hasznos eszköz a Contact Form 7 bővítmény. Ha szeretnéd kiszűrni a levélrobot spameket, telepíts fel hozzá egy Captcha kezelőt pl.: http://wordpress.org/plugins/really-simple-captcha/

 

5. Visual Form Builder

http://wordpress.org/plugins/visual-form-builder/

Egy másik hasznos bővítmény űrlapok létrehozására, Talán könnyebben kezelhető mint a Contact Form 7, és többet is tud. A Visual Form Builder segítségével könnyen be tudod állítani azt, hogy az űrlap kitöltése után a bővítmény segítségével válaszlevelet tudsz küldeni a felhasználónak, megerősítve őt abban, hogy feliratkozott például egy tanfolyamodra / képzésedre / szolgáltatásodra.

Az űrlap kitöltőit látod a WordPress admin felületén a bővítményhez tartozó aloldalon, valamint az egyes űrlap kitöltésekről emailt is kaphatsz, ha megadod a bővítménynél az email címedet.

 

6. WooCommerce

http://wordpress.org/plugins/woocommerce/

Webáruházat szeretnél és ingyen? Akkor a WooCommerce webáruházat pont Neked találták ki! Több saját bővítményt is le lehet hozzá tölteni, hogy még jobban ki tudd bővíteni a webáruházad funkcióit.

 

7. MailChimp for WordPress

http://wordpress.org/plugins/mailchimp-for-wp/

A 2000 hírlevél feliratkozóig és 12000 levélig ingyenes MailChimp hírlevélküldőt használod? Remek! Könnyen és gyorsan össze tudod kötni WordPress oldaladdal a Mailchimp for WordPress bővítmény segítségével.

Csak a MailChimp fiókod azonosítóját kell megadni a bővítményben, majd a bővítmény által generált kódot beépíteni az oldaladra és már jöhetnek is a hírlevél feliratkozók, mindezt úgy, hogy egyből mindenki be is került a MailChimp fiókodba.

 

8. Facebook Like Box Widget

https://wordpress.org/plugins/facebook-like-box-widget/screenshots/

Ha van facebook oldalad és szeretnéd, ha a weboldaladat is megismernék a látogatóid vagy éppen fordítve, a weboldal látogatóid megismerjék a FB profilodat, akkor ez a bővítmény nagyszerű lehet, ha szeretnéd összekötni kellemest a hasznossal!

 

9. Google XML Sitemaps

http://wordpress.org/plugins/google-sitemap-generator/

A bővítmény elkészíti az egész weboldalad oldaltérképét, amivel a google-nál szerzel egy nagyon jó pontot, mert így könnyen átfésüli és feltérképezi az oldaladat.

Nyugodtan kihagyhatsz belőle olyan oldalakat, amit nem szeretnél, hogy a google lásson.

Ezenfelül a megadott / felvett oldalakat pontozhatod is, fontossági sorrendben. Pl.: webshop vagy szolgáltatások oldal 10 pont, kapcsolat oldal 5 pont. Ami több pontot kap, azzal jelzed a google robotoknak, hogy ez számodra egy fontos oldal, vegye előbbre a saját listarendszerében.

 

10. TinyMCE Advanced

http://wordpress.org/plugins/tinymce-advanced/

Túl kevés a WordPress saját, beépített szerkesztői rendszere az egyes oldalaknál vagy bejegyzéseknél? Szeretnél még több tartalom formázási eszközt? A TinyMCE Advanced bővítmény segítségével ezt megkaphatod.

 

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!

 

 

 

 

 

post

Szöveg és kép beillesztése és formázása widgetben

Szeretnél a honlapodra a sidebar (jobb vagy baloldali oldalsáv) vagy a láblécbe, vagy bárhol, ahol erre alkalmas widget területed van egy képet, vagy bármilyen formázott szöveget beilleszteni?

Szeretnék, de nem tudom hogyan!

Akkor lássuk! Kezdjük az elején.

Belépsz a wordpress adminisztrációs felületére. Válaszd ki ezt: Megjelenés -> Widgetek menüpont. Tovább

post

Mobilra optimalizált hírlevél

A múltkori témához kapcsolódóan, amelyben a responsive webdesignról írtam, előkerül egy újabb kérdés. De mi van a hírlevelekkel?

Lehet-e a hírleveleket mobilra, tabletre optimalizálni, és van-e egyáltalán értelme?

Igen, van értelme!

Az utóbbi években a technika igazán felgyorsult és a mobiltelefonok, tabletek kerültek középpontba, egyrészt a hordozhatósága miatt, másrészt a mérete miatt, harmadrészt pedig azért, mert olyan mintha egy mini számítógépet cipelnénk a zsebünkbe, bárhová is megyünk, bárhol is vagyunk.

A legfontosabb ügyeinket, mint például:

  • üzleti/magánügyek megbeszélése,
  • üzleti/magán levelek elolvasása,
  • üzleti/magán levelek megírása,
  • weboldalak megtekintése (mert estére kell egy recept, gyorsan utánanézek; mert a Peti cipője már megint kilyukadt focizás közben stb.)

mind-mind telefonon vagy tableten intézzük.

 Miért?

 

Mert mindig kéznél van, ha:

  • várunk a buszra, metróra, villamosra, vonatra, barátra vagy barátnőre, ügyfélre,
  • sorban állunk a boltban,
  • ülünk a vécén (vicces, de igen, sokan oda is magukkal viszik a kis kütyüket 🙂 minden szabad percet hatékonyan ki kell használni 🙂 )
  • várunk a gyerekre a játszótéren,
  • kutyát sétáltatunk, és éppen megállunk pár percre (nem részletezem miért 🙂 ),
  • vagy egész egyszerűen csak van pár hosszabb-rövidebb szabad percünk.

Summa summarum, nagyon sok ember használja a mobil telefonját az ügyei intézésére – statisztikai adatok szerint az internethasználók több mint 50%-ának van okostelefonja, és ebből minden második felhasználó használja azt, az ügyei intézésére.

Miközben olvassa az éppen tőled kapott hírlevelet beleütközik valamibe. Nem, nem abba, hogy elment az internet. J Hanem abba, hogy a hírleveled tartalma nem jelenik meg rendesen a mobiltelefonja kijelzőjén, vagy éppen egyáltalán meg sem jelenik a hírlevél.

 Miért?

 

Mert:

  • túl nagyok a képek a hírlevélben, és nem fogok 2-3mp-nél tovább várni, hogy betöltődjön az a sok-sok kép; mert az idő pénz, és nekem dolgozik
  • a hírlevél struktúrája nem megfelelő; kicsinyítem a levelet, görgetek mindenfelé, de csak nem jelenik meg szépen

 

Mit tehetünk, hogy még több ügyfelet nyerjünk meg az email kampányaink, hírleveleink által?

A hírlevél sablonunkat is reszponzívan, rugalmas formában kell felépítenünk.

A responsive email sablon, ugyanúgy rugalmasan alkalmazkodik a képernyőméretekhez, mint ahogyan a weboldalunk sablonja, kinézete is.

A reszponzív formában felépített hírlevél sablon:

  • kevesebb szöveges információt,
  • kisebb és kevesebb (max. 1-3) képet,

fog tartalmazni. A flash animációkat lehetőség szerint kerüljük, mert a mobiltelefon verziók nagy része nem támogatja a flash megjelenítését (és lassan is tölt be, ahol betölt).

 

Néhány főbb paraméter mobilra optimalizált hírlevél készítéséhez:

  • egy oszlopos hírlevél megjelenítésnél, az oszlop szélessége ne legyen nagyobb 500-600pixelnél (ez könnyen olvasható és megnyerő a kinézete)
  • a gombok és a linkek mérete legalább 44x44pixel nagyságúak legyenek (apple szabvány), az akciógombok legyenek könnyen kattinthatóak (látszódjon, hogy az tényleg egy gomb)
  • betűméret: minimum 13pixel, ez már a szemnek kellemesen olvasható
  • rövid, de velős email üzeneteket írjunk
  • használjunk kis felbontású képeket (és ebből is keveset, a gyors betöltődést segíti)
  • minden fontos design elemedet helyezd el a hírleveled felső részében
  • használj display:none; -t, hogy a felesleges külső elemeket eltüntesd pl.: social ikonok (hasznosak és fontosak, de nem itt)
  • teszteljünk sokat, hogy a lehető legtöbb mobil operációs rendszeren és azok levelezőrendszerén megfelelően jelenjen meg a hírlevelünk.

Na, de hogy fogom én ezt megoldani, ha nem vagyok sitebuilder, mint Te, gondolod magadban.

Az alábbi linken: letölthető reszponzív email sablonok találsz néhány klasszul felépített responsive email sablont. Nincs más dolgod, mint a preview-ra kattintani, ahol meg tudod nézni, hogyan fog kinézni a hírlevél mobilon. Ha tetszik az email sablon, a download gombra kattintva letöltöd azt a gépedre. Majd az email sablonod css fájljába és a hozzátartozó index fájlba beépíted ezeket az új elemeket.

De ha netán mégis elakadsz, megkeresel engem és segítek megoldani a problémát. 🙂

Összességében: ebben a felgyorsult világban, ahol minden perc számít, könnyítsük meg a hírlevél olvasóink dolgát, és alakítsuk át a hírleveleinket is responsive-ra, ugyanúgy, ahogy azt a weboldalunkkal is megtettük. A kívánt hatás nem marad el!

Egyedi responsive hírlevél sablont szeretnél? Keress meg és segítek!

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!

 

 Kép forrása: http://blog.lyris.com/email-inspiration-six-more-great-responsive-email-designs/ – ahol további működésben lévő email sablont is találsz.
post

Nem mér a Google Analytics-em! Mit csináljak???

Nem látom a Google Analytics-ben a forgalmat.

WordPresst használsz, feltelepítettél egy Google Analytics kezelő plugint, pl.: Google Analyticator vagy éppen az All in one SEO pack beépített Google Settings -> Google Analytics ID-t (itt kell megadni a mérőkód azonosítóját) használod.
Megvan minden, és mégsem működik az analytics, telnek múlnak a napok, de nem mér, nem látsz változást.

Tovább