Ügyfélszolgálat: +36 70 623 8822

Capturly – a látogatók viselkedésének elemzéséhez

Szerző: Szűcs Ádám Kategória: Hasznos lehet, Ingyenes videók, cikkek, Kulisszatitkok, Videó

A Capturly WordPress bővítmény segítségével pofonegyszerűen meg lehet nézni egy-egy látogató weboldalon belüli “mozgását”, illetve ún. “hőtérképeket” generál. Ezek nagy segítségünkre lehetnek, ha a konverziókat (legyen szó akár hírlevélfeliratkozásról, kapcsolatfelvételről, rendelésről) szeretnénk növelni.

Hogyan kell aktiválni, és mik a fő előnyei a Capturly-nak?

Capturly bemutató:

Letöltés:
Capturly

Hasonló szolgáltatás:
www.smartlook.com/hu/features

Biztonságos http kapcsolat: https beállítása WordPress alatt

Szerző: Szűcs Ádám Kategória: Beállítások, Cikk, Hasznos lehet, Ingyenes videók, cikkek, Keresőoptimalizálás, Videó

Lehet, hogy a napokban te is kaptál hasonló üzenetet a Google Webmester Eszközöktől:

“A nem biztonságos jelszógyűjtés figyelmeztetéseket generál az 56-os verziójú Chrome-ban a(z) ………. oldalon.”

Ami így folytatódik: “2017 januárjától a Google Chrome (56-os és újabb verziók) „Nem biztonságos” oldalként jelöli meg a jelszavakat és hitelkártya-információkat gyűjtő weboldalakat, kivéve, ha az oldal kiszolgálása HTTPS-kapcsolaton keresztül történik.”

Mit jelent ez?

Azt jelenti, hogy a Google Chrome böngésző 56-os verziója meg fogja jelölni “nem biztonságos” címkével a weboldalt, ha – leegyszerűsítve – azon személyes és/vagy érzékeny adatok bekérése történik. Ennek oka, hogy a normál “http” kapcsolaton keresztül kémkedhetnek és adatokat lophatnak.

Nem utolsó sorban Google rangsorolási szempont is a https megléte.

Valahogy így fog kinézni a Chrome 56-os verziójától a fent említett figyelmeztetés:

Hogy ez “zölddé váljon”, és így nézzen ki, kövesd az útmutatómat!

Mi a megoldás?

A megoldást a https tanúsítvány nyújtja, amely titkosítással garantálja a szerver és a felhasználó böngészője között mozgó adat biztonságát.

Hogyan lehet tanúsítványt szerezni?

  • A legismertebb a Let’s encrypt nevű szolgáltatás, amelynek olyan nagy nevű szponzorai vannak, mint a Google, Facebook, Sucuri, Mozilla, Cisco. Vagy itt kell igényelni tanúsítványt, és a tárhelyre kell telepíteni.
  • Vagy cPanelen keresztül lehet telepíteni (erről videó lejjebb).
  • Vagy nem kell telepíteni semmit, mert a szolgáltató ezt automatikusan megcsinálja. Az általam preferált tárhelyszolgáltató ilyen, idézem őt: “Az újonnan létrehozott zónákhoz a rendszer automatikusan igényli és beállítja az ingyenes Let’s Encrypt ssl-t.” Ezt az opciót mutatom be ebben a cikkben.

cPaneles tárhelyen így kell beállítani a tanúsítványt (nem én készítettem a videót):

Ha olyan tárhelyen vagy, ahol neked kell telepíteni cPanelen keresztül az SSL tanúsítványt, akkor így járj el:

Ha a tárhelyesed telepítette az SSL tanúsítványt

Ezt itt, vagy ide kattintva tudod ellenőrizni. Ha telepítve van a tárhelyedre egy ingyenes tanúsítvány, akkor szerencséd van, nagyon egyszerű módon tudod aktiválni a WordPress alapú weboldaladon a https kezdetű url-eket.

ELŐSZÖR IS KÉSZÍTS EGY TELJES BIZTONSÁGI MENTÉST A WEBOLDALRÓL!

1. A “Beállítások” => “Általános” menüpont alatt a “WordPress cím” és “Honlap cím” mezőkben írd át a weboldalad címét http:// kezdetűről https:// kezdetűre. Ha kiléptet a rendszer, ne ijedj meg, lépj vissza.

2. Telepítsd fel a “Really Simple SSL” nevű bővítményt, majd aktiváld.

Aktiválás után egy gombnyomással – “Go ahead, activate SSL!” – meg is tudod tenni a működéshez szükséges beállításokat.

Ez a bővítmény beteszi pár szükséges sort a .htaccess fájlba, valamint a wp-config.php-ba is. Illetve megoldja az ún. mixed-content problémát, azaz a weboldalon szereplő http://-s url-eket kicseréli https:// kezdetűre a html kimenetben. Ez azért jó, mert az adatbázisban történő automatizált url-cserék nélkül történik meg a https-re való átállás.

Really Simple SSL letöltés

Alternatív megoldás: WP Force SSL bővítmény.

Előfordulhat, hogy a fentiek ellenére az alábbi képen látható jelenséget látod: Kiírja a böngésző, hogy biztonságos a weboldal, de mellette (a címsor jobb oldalán) egy piros X jellel jelölt pajzsot találsz. Ekkor még mindig található olyan elem a weboldalon, ami http://-vel kezdődik.

Ez jellemzően (CTRL+SHIFT+I gombbal előjön egy panel, ott a Network fül alatt látható, hogy mi okozza a problémát) a stíluslapban található, pl. egy Google Fonts-os betűtípus beimportálása, ahogy látod a fenti képen is. A megoldás nagyon egyszerű:

Át kell írni https-re a css fájlban az importált betűtípus elérhetőségét:

3. Ha ezek után (csak akkor!) még nem látod “biztonságosnak” a weboldaladat, a következőt tedd: .htaccess módosítás. Tedd ezt (url-t módosítsd a sajátodra!) a kódot a .htaccess fájlba, ez átirányítja a forgalmat a https:// url-re:

kód letöltése

4. Ha az admin felületen nem működik (CSAK AKKOR!) a https: ezt a kódot tedd a wp-config.php fájlba:

kód letöltése

5. Ha valamilyen oknál fogva a weboldal tartalmában lévő, saját url-ek között van még http kezdetű, és ezt jelzi a böngésző, akkor telepítsd a Better Search Replace bővítményt, amellyel az adatbázisban ki lehet cserélni a http-s url-eket https-esre. ELŐTTE MINDENKÉPPEN CSINÁLJ BIZTONSÁGI MENTÉST!

6. Google Analytics, Webmester Eszközök.

Ha átállt a weboldal https-re, akkor ne felejtsd el a Google Analytics felületén, az alábbi képen látható helyen az “Alapértelmezett URL” résznél átállítani a http-t https-re.

Google Webmester Eszközök:
Vedd fel a weboldalad https-es verzióját is a weboldalak közé (nem kell törölni a http-s verziót!).

Ellenőrzés:

Kattints a “Biztonságos” feliratra, majd a “Részletekre”:

Itt ilyet kell látnod:

Legyen zöld négyzet mind a 3 rész előtt! Ha a fenti módszerrel nem jön elő ez az ablak, akkor nyomj egy CTRL+SHIFT+I-t, és a SECURITY fület nézd meg!

Egyébként itt, a “View Certificate” linkre kattintva meg lehet tekinteni a tanúsítvány részleteit.

A folyamatról mutatok egy 11 perces videót:

Biztonságos http kapcsolat: https beállítása WordPress alatt


      

82 perces Divi kinézet és Divi Builder bemutató

Szerző: Szűcs Ádám Kategória: Cikk, Ingyenes videók, cikkek, Megjelenés - Kinézet - Sablonok, Videó

Mi a Divi?

Az Elegant Themes kinézetgyártó cég legnépszerűbb kinézete, amely egy beépített oldalépítgetővel rendelkezik. Ebből következően számtalan elrendezésű weboldalt lehet vele készíteni, viszonylag könnyen, hiszen az oldalépítgető megkönnyíti a különféle igények egyszerű megvalósítását. Az oldalépítgetőt úgy kell elképzelni, mint a Visual Composert, meg az AVADA Fusion Builderét, ez is ugyanolyan könnyen használható és széles körben elterjedt.

Főbb Divi funkciók:

Vizuális szerkesztő:

overview-top

overview-middle

 

overview-bottom

overview-footer

  • Elemek állítható szélességgel és magassággal.
  • Fogd és vidd módszerrel történő átrendezés.
  • Mobilbarát, reszponzív felépítés.
  • ~40 beépített elem, amelyeket könnyedén el lehet helyezni az aloldalakon, pl.: Kapcsolati űrlap, képváltogató, szöveges rész, kép, gombok, ártáblázatok, ügyfélvélemény, keresés, mp3 lejátszó, videó beágyazás, galéria, oldalsáv, blog, tabos elrendezés, toggle-s elrendezés, stb.
  • 20+ teljes layout, hogy még könnyebb legyen az elindulás.
  • Elmenthető, és beolvasható elrendezés minták.
  • Beépített Split teszt funkció.
  • Nagyon erős “Testreszabás” menü támogatás. Még egy kinézetnél sem láttam ilyen szintű funkcionalitást.

customizer-header

A Divi kinézet hivatalos elérhetősége, ismertetője: https://www.elegantthemes.com/gallery/divi/

A Divi kinézet előnyei:

  • Magyar nyelvű felület. (32 nyelven elérhető)
  • Divi Builder – egyszerű, gyors, aprólékosan állítható elemek.
  • Folyamatos fejlesztés.
  • Menthető, exportálható, importálható elemek.
  • Beépített A/B teszt lehetőség.
  • Már 69$-ért elérhető, +86 kinézet “jár mellé”.
  • Nagy ügyfélkör, az egyik legnépszerűbb kinézet: 371 133 (összes elegantthemes eladás) vs. 275 134 (1 kinézet, az Avada összes eladása) eladás.
  • 30 napos pénzvisszafizetési garancia.

A Divi kinézet hátrányai:

  • Törlés gomb működési elve.
  • Betöltés könyvtárból funkció: felülírás a Visual Composer “mellétöltés” funkciója helyett.
  • Divi Builder használata esetén eltűnik az oldalsáv.
  • Nagyon ritkán “megfagy”.
  • Váltás HTML nézetre: visszaáll minden a Divi Builder használata előtti állapotra.

Divi kinézettel készített weboldalak:

https://www.elegantthemes.com/showcase/

A Divi videó vázlatos tartalomjegyzéke:

A Divi videót olyanoknak ajánlom, akik nem ismerik a Divi-t, mert teljesen az alapoktól indul!

Részletes tartalomjegyzék, idővonal:

00:00 – Bevezető
00:40 – Mi a Divi?
00:56 – Divi letöltés
02:02 – Legtöbbet eladott kinézet?
02:57 – A Divi előnyei
05:32 – Divi-vel készült weboldalak
06:37 – Elegant Themes előfizetési lehetőségek összehasonlítása
09:43 – Dokumentáció
10:43 – Divi-vel készült weboldalak 2.
12:04 – Divi részletek, megvásárlás
12:42 – Divi telepítés, alap megjelenés
13:42 – Divi – „Sablon beállítások” menüpont
18:47 – Divi – „Téma testreszabás” menüpont
32:58 – Divi – „Modul testreszabás” menüpont (említés)
33:19 – Divi – „Szerepkör szerkesztő” menüpont
34:59 – Divi – „Divi könyvtár” menüpont
35:32 – A Divi Builder használata, működési elv, példák, tippek, trükkök.
51:53 – Visual Builder használata
52:15 – Mentés a Divi könyvtárba, importálás a Divi könyvtárból
54:28 – Visual Builder használata 2.
56:27 – Modulok felfedezése autodidakta módon, Divi Builder használata
1:03:37 – Néhány hasznos Divi link
1:06:09 – Blurb (Fülszöveg) testreszabás példa
1:12:30 – Divi – „Modul testreszabás” menüpont
1:15:08 – Divi – „Divi könyvtár” menüpont 2.
1:17:31 – A Divi hátrányai
1:18:54 – Elakadtál? Dokumentáció!
1:19:19 – Elakadtál? Segítsek?
1:20:30 – Érdekel részletesebben a WordPress? Tanulj velem!

És akkor jöjjön a 82 perces Divi videó:


      

17 bővítmény, ami minden WordPress weboldalon kötelező

Szerző: Szűcs Ádám Kategória: Bővítmények, Cikk, Hírek, Ingyenes videók, cikkek

Az alábbiakban összeszedtem – és vázlatosan bemutatok – 17 bővítményt, amelyek használata szinte minden weboldalon kötelező. A lista a saját szubjektív véleményemet tükrözi és több száz elkészített weboldal tapasztalatán alapul. Minden bővítmény egy-egy mondattal bemutatok.

1. All in One SEO Packletöltés
Én ezt használom és ajánlom SEO bővítménynek.

2. All in One WP Security and Firewallletöltés
Szerintem a legegyszerűbb, legsokoldalúbb biztonsági bővítmény.

3. Broken Link Checkerletöltés
Törött link kereső – háttérben, automatán, e-mailes értesítővel.

4. Contact Form 7.letöltés
A legsokoldalúbban használható kapcsolati űrlap, könnyű konfigurálással.

5. Contact Form 7 to Database Extension – letöltés
Az admin felületen visszanézhető minden, Contact Form 7 űrlapon keresztül küldött e-mail. Tökéletes megoldás, nincs a tárhelyszolgáltató hibájából elveszett e-mail!

6. Eu Cookie Lawletöltés
Kötelező Cookie tájékoztató.

7. Google Analytics for WordPressletöltés
Google Analytics (ingyenes látogatottságmérő szolgáltatás, ill. az adatokat elemezve marketingeszköz) integráció, pár kattintással.

8. Google XML Sitemapsletöltés
Oldaltérkép a még hatékonyabb Google feltérképezés végett.

9. NextGen Galleryletöltés
Profi képgaléria szoftver. Ingyen.

10. Simple Custom CSSletöltés
Egyedi CSS integrálása a weboldalba.

11. WP Mail SMTPletöltés
Könnyen beállítható SMTP alapú levélküldés.

12. WP-PageNaviletöltés
Kereső- és felhasználóbarát navigáció a bejegyzéslistázó oldalak között.

13. Yet Another Related Posts Pluginletöltés
Ajánlott cikkek szekció automata generálása minden bejegyzés alá.

14. BackUpWPletöltés
A legjobb automata biztonsági mentés készítő bővítmény.

15. WP Updates Notifierletöltés
Frissítésfigyelő, e-mailben történő értesítéssel.

16. WP Fastest Cacheletöltés
Egyszerű és hatékony cache plugin, hogy gyorsabb legyen a weboldalad!

17. WooCommerceletöltés
Webáruház? WordPress? WooCommerce!

Érdekel a fenti bővítmények beállítása, használata?
A fenti bővítmények többségéről találsz részletes videós anyago(ka)t a PROFI PLUSZ tagságban.

Sorkizárttá tétel és aláhúzás gomb WordPress 4.7 alatt

Szerző: Szűcs Ádám Kategória: Bővítmények, Cikk, Hasznos lehet, Ingyenes videók, cikkek, Vezérlőpult, Videó

Eltűnt a WordPress 4.7-ből a sorkizárttá tevő és aláhúzás gomb?

Ha inkább billentyűkombinációval hívnád elő a funkciókat:

  • Sorkizárttá tétel: Alt+Shift+J (kijelölés után)
  • Szöveg aláhúzása: Ctrl+U (kijelölés után)

Ha inkább viszontlátnád a két gombot, telepítsd fel a Re-add text underline and justify nevű bővítményt, és állítsd be a következő videón látott módon!

Re-add text underline and justify bemutató:

Bővítmény honlap:
https://wordpress.org/plugins/re-add-underline-justify/

Bővítmény letöltés:
Re-add text underline and justify

Bővítmény tipp:
robak.co/wordpress-4-7-missing-underline-justify-buttons/

WordPress webáruház – WooCommerce 10. Kettő termékoldal trükk

Szerző: Szűcs Ádám Kategória: Hasznos lehet, Ingyenes videók, cikkek, Videó, WooCommerce

Hogyan lehet beállítani WooCommerce-ben, hogy a terméklista helyett a kategóriák látszódjanak? Hogyan lehet a termékkategóriákat a megfelelő sorrendben megjeleníteni?

Az alábbi, 1,5 perces videóban mindkét kérdésre válaszolok:

WooCommerce sorozatom előző 9 része:

  1. WooCommerce
  2. WooCommerce 2.
  3. Variációk létrehozása
  4. Ingyenes kinézetek
  5. Azonnali termékkereső
  6. Szamlazz.hu integráció
  7. Súly alapú szállítási díj
  8. Letölthető termékek árusítása
  9. Hangüzenet új rendeléskor

WordPress 4.7 bemutató, újdonságok

Szerző: Szűcs Ádám Kategória: Admin felület, Cikk, Hírek, Ingyenes videók, cikkek

Mikuláskor, 2016. december 6-án tervezik megjelentetni a WordPress legújabb, 4.7-es főverzióját. Az alábbiakban összeszedtem várható fő újdonságokat. Fontosakat és nem fontosakat egyaránt. NEM fontossági sorrendben!

Ha te is ki szeretnéd próbálni a WordPress 4.7-et, akkor telepítsd a WordPress Beta Tester plugint, vagy töltsd le a Beta verzió telepítőjét, és telepítsd fel! ÉLES WEBOLDALON NE HASZNÁLD, csak a megjelenés után!

1. Immáron 87 nyelven – természetesen magyarul is – lehet telepíteni a WordPress-t:

A telepítő egy lépéssel rövidebb lett. Az alábbi képernyő helyett egyből az admin felületen találjuk magunkat a telepítés után:

2. Az alapértelmezett demo hozzászólás “feladójának” neve megváltozott:

3. “Érzésre” gyorsabb lett az admin felület.

4. Új alapértelmezett kinézet, Twenty Seventeen (2017) névvel. A bemutatója szerint magával ragadó fejléckép opcióval, videó fejléccel, finom animációkkal. Döntse el mindenki, hogy használja-e majd. Én nem fogom. Több nyelven is elérhető, és minden platformon megfelelően jelenik meg.

5. Megjelenés => Testreszabás menü: közvetlenül módosítható a weboldal címe és egysoros leírása:

Ezen felül akár új oldalakat létre tudunk hozni, illetve ha a kinézet engedi, akkor különböző szekciókat is testre tudunk szabni. Az új oldalak hozzáadása remek és hiánypótló funkció, amely sablontól függetlenül működik:

Ennek segítségével sokkal gyorsabban össze lehet pakolni egy menürendszert, mint eddig. Eddig az volt a módi, hogy előbb létrehoztunk minden oldalt az Oldalak menü alatt, majd a fogd és vidd módszerrel a Menük menüpont alatt sorba tettük. Innentől kezdve elhagyható az Oldalak menüpont alatt munka.

6. Megjelenés => Testreszabás menü: egyedi css-t írhatunk ide, amely azért nagyszerű dolog, mert nem kell a kinézet forráskódjában turkálni, és ezáltal a kinézet frissítésekor nem fognak elveszni a módosítások. Ettől tartva, ezt elkerülve innentől kezdve csak CSS módosítás miatt nem szükséges ún. child theme-t létrehozni. Ráadásul ÉLŐ előnézettel működik ez a funkció!

MOZGÓKÉPEN az ÉLŐ előnézet funkció:

elo-elonezet-egyedi-css-wordpress-4-7

7. Videó fejléc funkció bevezetése.

8. A médiatárba feltöltött pdf-eknek generálódik egy előnézeti kép, így könnyebben meg lehet találni akár “ránézésre” is a keresett fájlt:

9. A Felhasználók => Saját adatlap menüpont alatt megjelent egy “Language” (remélhetőleg a fordításban már magyarul, “Nyelv” fog szerepelni. Itt a felhasználó el tudja dönteni, hogy milyen nyelven kívánja használni az admin felületet. A beállítás csak az admin felület nyelvét változtatja meg, a weboldalét nem. Remek funkció, ha több nyelven is beszélnek az adminisztrátorok, és eddig problémát okozott, hogy az egyikük nem értette az admin felület elnevezéseit.

10. megújult a szerkesztőfelület: eltűnik a “sorkizárttá tétel” gomb, illetve az “aláhúzás” gomb. De nem kell megijedni, billentyűkombinációval ezután is elérhető mindkét funkció.

Sorkizárttá tétel: Alt+Shift+J (kijelölés után)
Szöveg aláhúzása: Ctrl+U (kijelölés után)

Ha inkább mégis visszahoznád ezt a két gombot, nézd meg ez az ingyenes videót, és pár kattintással meg tudod oldani!

Ilyen volt a WordPress 4.6-os ágig a szerkesztőfelület:

És ilyen lesz a 4.7-es verziótól a szerkesztőfelület:

11. Egyedi sablonok bejegyzésekhez is.
A WordPress-ben eddig is volt lehetőség ún. oldalsablonok létrehozására, de ahogy a név is mutatja, ez csak az oldalakhoz volt lehetőség. Immáron a bejegyzésekhez is létre lehet majd hozni sablonok!

Az újdonságok, fejlesztői újdonságok angolul itt is megtalálhatóak.

MP4 videó beágyazása WordPress oldalakra

Szerző: Szűcs Ádám Kategória: Cikk, Ingyenes videók, cikkek, Videó

A WordPress beépített funkciójának köszönhetően nagyon egyszerűen be tudunk ágyazni egy oldalba vagy bejegyzésbe egy mp4 formátumú videót:

Miért nem javaslom* a fenti megoldást, és miért használd inkább a YouTube-ot a videóid megjelenítésére?
Kattints ide, és olvasd el!

*: Akkor miért van mégis videó róla?
Mert van aki ragaszkodik a saját tárhelyre feltöltött videókhoz.

Honlapunk cookie-kat használ. Részletek

Egy EU-s törvény alapján kötelező tájékoztatni a látogatókat, hogy a weboldal ún. cookie-kat használ. Ha ezzel nem értesz egyet, akkor a böngésződ megfelelő beállításait használva tiltsd le a cookie-k tárolását. | Részletes adatvédelmi tájékoztató |

Bezárás