Több, mint 30 előre elkészített demo-ból választhatsz, ha a The7 kinézettel szeretnél weboldalt készíteni. Természetesen nem csak ilyen felépítésű lehet a weboldal, ugyanis ezeken túl is szinte bármilyen megjelenés összeállítható kinézethez tartozó a Visual Composer-rel, illetve az importált demo-k is teljesen testreszabhatóak.

A 30+ demo azért készült, hogy:

• Lásd: mennyire sokrétű ez a kinézet.
• Ha valamelyik tetszik, akkor könnyedén fel tudj építeni egy hasonlót.

Néhány The7 demo a 30-ból:

Korábbi videók a témában:

• Link 1.
• Link 2.

    

Kiadták a WordPress 4.8.2 verziót, amely minden korábbi verziót érintő sérülékenységet (főleg XSS és SQL injektálás terén) javít, így mindenképpen érdemes frissíteni a weboldaladat a “Vezérlőpult” => “Frissítések” menüpont alatt. A verzió 9 biztonsági frissítést, és 6 karbantartó frissítést tartalmaz.

Mi történhet, ha nem frissíted a weboldaladat?

Itt leírtam.

A befoltozott biztonsági rések:

Forrás: https://wordpress.org/news/2017/09/wordpress-4-8-2-security-and-maintenance-release/

Módosított fájlok:

1. wp-admin/about.php
2. wp-admin/edit-tag-form.php
3. wp-admin/includes/class-wp-plugins-list-table.php
4. wp-admin/includes/file.php
5. wp-admin/includes/template.php
6. wp-admin/install.php
7. wp-admin/js/widgets/text-widgets.js
8. wp-admin/js/widgets/text-widgets.min.js
9. wp-admin/plugin-editor.php
10. wp-admin/plugins.php
11. wp-admin/setup-config.php
12. wp-admin/theme-editor.php
13. wp-admin/user-edit.php
14. wp-includes/class-wp-customize-manager.php
15. wp-includes/embed.php
16. wp-includes/formatting.php
17. wp-includes/js/mce-view.js
18. wp-includes/js/mce-view.min.js
19. wp-includes/js/tinymce/plugins/wplink/plugin.js
20. wp-includes/js/tinymce/plugins/wplink/plugin.min.js
21. wp-includes/js/tinymce/wp-tinymce.js.gz
22. wp-includes/js/twemoji.js
23. wp-includes/js/twemoji.min.js
24. wp-includes/js/wp-emoji-loader.js
25. wp-includes/js/wp-emoji-loader.min.js
26. wp-includes/js/wp-emoji-release.min.js
27. wp-includes/js/wplink.js
28. wp-includes/js/wplink.min.js
29. wp-includes/script-loader.php
30. wp-includes/version.php
31. wp-includes/widgets/class-wp-widget-text.php
32. wp-includes/wp-db.php

Forrás: https://codex.wordpress.org/Version_4.8.2

A Go Pricing – WordPress Responsive Pricing Tables bővítménnyel remek csomagösszehasonlító táblázatokat lehet készíteni, amelyeket aztán bármelyik aloldalon el lehet helyezni egy ún. gyorskóddal.

A bővítmény nem ingyenes, 25$-ba kerül.

Mire jó ez?

A bővítmény segítségével több szolgáltatást vagy terméket lehet egymás mellé állítani, és átlátható formában összehasonlítani. Tipikus felhasználási területe a csomagajánlatok látványos és átlátható összehasonlítása, mint pl. itt, a videós oldalon is:

A cikkhez tartozik egy videó is, amelyet PROFI PLUSZ tagsággal tudsz megtekinteni.

A The7 kinézet rendelkezik egy ikonkészlet támogatással, egészen pontosan a http://fontawesome.io/icons/ oldalról lehet ikonokat integrálni pl. a menüpontok és almenüpontok nevei elé.

Az alábbi, INGYENES, ~3 perces videón bemutatom a “hogyan?” kérdésre a választ:

Scott Bolinger gyűjtött össze néhány hasznos statisztikát a WooCommerce webáruházakkal kapcsolatban. Érdemes megnézni őket, megdöbbentő némelyik:

WooCommerce statisztikák:

• 3 millió WooCommerce webáruházzal a világ egyik legnépszerűbb platformja a bővítmény.
• 2011 óra fejlesztik, majd rá 4 évre megvette az Automattic (a WordPress fejlesztője).
• 29 millió letöltésnél jár, ezzel az összeg webshop 41%-a WooCommerce alapokon fut az interneten. Ezzel azt gondolhatnák, hogy egyértelmű a dominanciája, ám be kell vallani: egy-egy területen elmarad a versenytársaitól.
• Holott az összes webáruház 41%-át hajtja WooCommerce, az ezekből származó forgalomból csupán 24%-a bonyolítódik ezen platformon.
• A TOP 10000 weboldalnál 17% Magento, 16% WooCommerce, 9% Shopify az arány.
• A Shopify a WooCommerce legközelebbi versenytársa, amely jelen pillanatban gyorsabban növeli a részesedését a piacból. Ennek az is az oka, hogy a WooCommerce-nek már jobban kialakult a piaca.

Hasznos lehet:

• További statisztikák: https://trends.builtwith.com/shop
• Forrás: https://hollerwp.com/woocommerce-statistics/

Amennyiben kiválasztottál egy fizetős kinézetet a themeforest.net oldalon, vásárlás előtt regisztrálnod kell az oldalra. Erre azért van szükség, mert vásárlás és fizetés után a felhasználói fiókodba belépve fogod tudni letölteni a kinézetet.

Az alábbi videón bemutatom lépésről-lépésre a következőket: hogyan kell kosárba tenni a kinézetet, illetve a PayPalon keresztül hogyan tudsz bankkártyával fizetni, illetve ezek után hogyan tudod letölteni a kiválasztott és immáron megvásárolt kinézetet:

Képzeljük el az alábbi helyzetet: adott egy ~2,5 éve készült weboldal, amely AVADA kinézetet használ, és még csak nem is Child (gyerek) kinézettel működik. Igazi rémálom egy ilyen régi rendszert frissíteni.

A frissítés főbb lépései

Megj.: DIVI, THE7, stb. kinézetnél is hasonló metodikát kell követni!

• Nagyon figyelj, körültekintően járj el a művelet során!
• Tutira akarsz menni? Klónozd le a weboldaladat egy teszt-helyre, és végezd el ott a frissítést. Ha nincs gond, akkor frissítsd az éles weboldalt!
• Készíts biztonsági mentést a tárhelyről, adatbázisról, Avada beállításokról.
• Csinálj képernyőképeket a weboldalról, hogy egy-egy elemet könnyen vissza tudj állítani, ne csak emlékezetből lásd a korábbi állapotot.
• Mentsd el a főoldalad HTML kódját.
• Mentsd el a widgeteket.
• Hozz létre gyerek-kinézetet.
• Állj át a gyerek-kinézetre.
• Töltsd le a legújabb AVADA kinézetet.
• Frissítsd a fő – AVADA – kinézetet FTP-n keresztül.
• Ellenőrizd a kinézet beállításait, illetve a weboldalt.
• Állíts helyre minden “elromló” funkciót.
• Frissítsd a bővítményeket és a WordPress-t is.
• Ellenőrizd az összes bővítmény és widget megfelelő működését.
• Ha bármilyen egyéb probléma felmerül, orvosold.
• Készíts ismét biztonsági mentést a weboldalról.

Az alábbi, közel 21 perces videón végigmutatom a fentieket egy AVADA-frissítés után igazán szana-széjjel csúszó weboldalon.

    

Megjelent a WordPress 4.8.1, amely 29 kisebb-nagyobb hibát javított a 4.8-as WordPress-ben.

Menj a “Vezérlőpult” => “Frissítések” menüpontra, és végezd el a frissítést. Előtte ne felejts el biztonsági mentést készíteni a weboldalról!

Főbb módosítási területek:

• Spam és lomtárürítés funkciók javítása mobilon.
• Testreszabás menünél a könnyen (véletlenül is) törölhető menük javítása.
• Widgetek kezelése: kompatibilitási módban való szerkesztés javítása, szöveges widget javítása, HTML kódos widget bemutatása, Facebook videó beágyazásának javítása, stb. A módosítások a widgeteket érintették legnagyobb arányban.
• Stb. Részletek: codex.wordpress.org/Version_4.8.1

Módosított fájlok:

• wp-admin/css/themes.css
• wp-admin/css/widgets.css
• wp-admin/includes/class-wp-comments-list-table.php
• wp-admin/includes/options.php
• wp-admin/js/customize-controls.js
• wp-admin/js/customize-nav-menus.js
• wp-admin/js/widgets/media-widgets.js
• wp-admin/js/widgets/text-widgets.js
• wp-includes/class-oembed.php
• wp-includes/class-wp-customize-widgets.php
• wp-includes/class-wp-editor.php
• wp-includes/class-wp-oembed-controller.php
• wp-includes/default-widgets.php
• wp-includes/js/media-views.js
• wp-includes/js/media/views/uploader/inline.js
• wp-includes/js/tinymce/plugins/wordpress/plugin.js
• wp-includes/js/tinymce/skins/wordpress/wp-content.css
• wp-includes/js/wp-api.js
• wp-includes/media.php
• wp-includes/rest-api.php
• wp-includes/rest-api/class-wp-rest-server.php
• wp-includes/script-loader.php
• wp-includes/taxonomy.php
• wp-includes/theme.php
• wp-includes/version.php
• wp-includes/widgets.php
• wp-includes/widgets/class-wp-widget-media-video.php
• wp-includes/widgets/class-wp-widget-media.php
• wp-includes/widgets/class-wp-widget-text.php

A másik blogomon már mutattam egy módszert a weboldalunkhoz tartozó legfontosabb adatok rendszerezéséhez.

Most azt mutatom meg, hogy melyek a legfontosabb adatok, amelyeket össze kell gyűjteni a weboldalunkkal kapcsolatban. Ezt azért kell megtenni, hogy bármelyikre is legyen szükségünk, kéznél legyen.

WordPress belépő felület:

• Elérhetősége
• Felhasználónév
• Jelszó

Domain-tárhely admin felülete:

• Belépő oldal elérhetősége
• Felhasználónév
• Jelszó

FTP hozzáférés:

• Szervernév
• Felhasználónév
• Jelszó

MySQL adatok

• Adatbázis név
• Felhasználó név
• Jelszó
• Hosztnév

E-mail címek:

• Webes felület elérhetősége
• Felhasználónév
• Jelszó

Az alábbi videón bemutatom, hogy az általam preferált tárhelyszolgáltatónál hogyan tudjuk a fenti adatok többségét (nyilván a WordPress admin adatait mi fogjuk megadni, amikor telepítjük a WordPress-t) összegyűjteni, illetve hogyan tudunk e-mail címet generálni a domainünkből, és azt hol tudjuk használni.

Ha más tárhelyszolgáltatónál vagy, akkor a tárhelyszolgáltatót kell megkérni, hogy a fenti adatok közül küldje el az FTP hozzáférést, és MySQL adatokat, valamint igény szerint hozzon létre e-mail címet a domainedből, vagy legalább mutassa meg, hogy ezt hol tudod megtenni.

    

Minden bővítmény között TOP5-ös (letöltésszámot tekintve, de ha levesszük az Akismetet – ami az alapcsomag része – akkor dobogós helyen áll.) a YOAST SEO nevű, keresőoptimalizált weboldalt és tartalmat elősegítő bővítmény.

YOAST SEO telepítés

A legújabb verziót a https://wordpress.org/plugins/wordpress-seo/ linken vagy a weboldalunk admin felületén, a Bővítmények menüpont alatt lehet letölteni. Előbbi esetén manuálisan kell feltölteni a weboldalra a bővítményt, utóbbinál az említett menüpont alatt egyből telepíthetjük a bővítményt. Figyelj arra, hogy csak a YOAST SEO, vagy csak az All in One SEO Pack legyen telepítve a weboldaladon, ne legyen egyszerre mindkettő!

YOAST SEO alapbeállítások

A bővítmény aktiválása után után megjelenik az admin felületen egy “SEO” menüpont:

Első és legfontosabb lépés, hogy a “Features” fülön legyen kiválasztva az “Advanced Settings pages” résznél az “Enabled” opció. Ezzel előjönnek további opciók, mint pl. a XML oldaltérkép a Google-nek.

Az XML oldaltérkép aktiválásához a “Beállítások” => “Közvetlen hivatkozások” menübe kell menni, és rá kell nyomni ott a “Módosítások mentése” gombra. Akkor is, ha nem módosítottunk semmit a beállításokon. Ekkor jön létre az oldalunkon egy sitemap_index.xml nevű fájl, amit itt érünk el: oldalcime.hu/sitemap_index.xml – ezt a Google Search Console-on keresztül be is lehet küldeni a Google-nek, így könnyebben át tudja járni az aloldalainkat, és jobb indexelést érhetünk el.

Figyelj erre!
Ha használsz más, Google oldaltérkép generáló bővítményt, akkor azt töröld, ha aktiválod ezt a funkciót, felesleges ugyanis kettő!

Kulcsszómegadási lehetőség

Manapság már nem kell kitölteni a weboldal meta kulcsszó részeit, mert a Google nem veszi figyelembe, max. a butább konkurenseknek lehet segítség ezen meta elem. Ha mégis szeretnéd látni valamiért ezt a mezőt is, a “SEO” => “Titles & Metas” menü alatt, az “Other” fülön tudod engedélyezni a “Use meta keywords tag” résznél az “Enabled” opciót választva. Még egyszer mondom: nem ajánlom ezen funkció használatát!

YOAST SEO alapbeállítás – konfigurátor

Az alábbi helyen van egy konfigurátor, ami néhány lépésben végig vezet néhány fontos beállításon. Érdemes végigkattintgatni:

Ezen kívül érdemes végigmenni minden menüponton, és ismerkedni a beállításokkal!

YOAST SEO, vagy ALL in ONE SEO PACK?

Pár évvel ezelőtt biztos utóbbit mondtam volna, azonban mára változott a véleményem. Szerintem sokkal könnyebben, többrétűbben konfigurálható a YOAST, illetve felhasználói oldalról remek megoldás, hogy rengeteg dologra emlékeztet a tartalomfejlesztés során, hogy minél jobban optimalizált tartalmat tegyünk a látogatók elé.

További hasznos funkció, hogy a WooCommerce webshophoz is van benne támogatás, így a termékek megfelelő szövegezésében is segít.

YOAST SEO VIDEÓ

A 8 perces videót itt tekintheted meg: