All in One SEO Pack vagy WordPress SEO by Yoast

All in One SEO Pack vagy a jobb megoldás Wordpress oldalak SEO javításához? Ez olyan mintha azt kérdeznénk, hogy a Canon vagy Nikon fényképezőgép a job?

Nem is a különbséget, hanem a hasonlóságot nézném a két SEO bővítményben:
– a web oldal SEO tulajdonságait növelik
– vannak plusz funkciók (pl.: oldaltérkép, social meta…)
– folyamatosan kapják a frissítéseket

Érdemes utána nézni, hogy pontosan melyik mire képes és az alapján választani. Saját tapasztalatok és érvek mellett van aki ezt van aki azt ajánlja. Én személy szerint az All in One SEO Pack-ot használom. Annak idején ezt kezdtem el és ennek a beállításait sajátítottam el és szoktam meg.

Én azt mondom mindegy melyiket válasszuk, lényeg hogy ne csak feltelepítsük hanem a megfelelő módon állítsuk is be.

All in One SEO Pack

WordPress SEO by Yoast

Frissítve (2016.10.25):
Azóta már a WordPress SEO by Yoast használom. Miután elkezdtem megismerkedni vele, szimpatikusabbnak tűntek a beállításai és mára már ezt telepítem SEO pluginnak.

Ezért kell mindig frissíteni a Wordpress-t és bővítnményeit

Az olcsoszallas.hu-t az Iszlám Állam hekkerei feltörték. Az oldal rendszergazdája szerint a feltöréséhez nem kellett nagy tudomány, mivel egy régi Wordpress-sablonra használt.
További részletek az index-hu cikkjében olvashatók.

WP sablon – Biznez Lite theme

Gyártó: Sketch Themes
Biznez Lite

Ilyen volt:

Ilyen lett:
iridiumfitness.hu

MAC OS X magyar billentyűzet kiosztás + billentyű parancsok

A következő MAC billenytű képen meg vannak jelölve a speciális karakterek is.

Fontosabb billentyű parancsok és karakterek:

Backspace : törlés

alma + C : másolás
alma + V : beillesztés
alma + X : kivágás
alma + Z : visszavonás
alma +shift + Z : helyreállítás
alma + A : minden kijelölése

alma + W : ablak bezárása
alma + Q : program bezárás

alma + F : keresés
alma + i : infó megtekintés
alma + i + ctrl : több fájl együttes infója
alma + P : nyomtatás

alma + T : új fül (böngésző és Finder)
alma + N : új ablak (böngésző és Finder)

alma + tab : alkalmazás váltás

alma + M : ablakot lerakja a dockra (tálcára)
alma + space : Spotlight kereső
alma + D : másolatot készít a fájlról
shift + alma + 3 : teljes képernyő lefényképezése shift + alma + 4 : képernyő egy részének a lefényképezése

alt + Q : @
alt + É : (három pont) …

alt + - : (hosszú kötőjel) –

alt + í : (függőleges vonal) |
alt + l : (kör) •
alt + Y : «

alt + X : »

shift + alt + Y : <

shift + alt + X : >

ctrl + egér katt : jobb klikk-nek felel meg

alma + egér katt : ha egy linkre így kattintasz akkor új fülön hozza be a böngésző
shift + alt + hangerő növelés/csökkentés : kisebb egységekben állítja a hangerőt (finomhangolás)
shift + hangerő növelés/csökkentés : hang nélkül állítja a hangerőt

További billentyű parancsok a Wikipédia oldalán »

WB sablon – Clubber - Events & Music WordPress Theme

Gyártó: themeforest
Clubber - Events & Music WordPress Theme

Ilyen volt:

Ilyen lett:
http://nyarejfesztival.hu/

Captcha funkció Contact form 7 bővítményhez – Really Simple CAPTCHA

Már írtam a Captcha bővítményről, de a Really Simple CAPTCHA direktben a Contact form 7-hez van fejletszve.

WP-login.php elérésének módosítása + egyedi logó háttér – WP Login Flow

A wp-login.php elérésnek megváltozására a Rename wp-login.php, az egyedi logó és háttérhez pedig a Customize Login Image bővítményt használtam, de a WP Login Flow-al mind ezt megtehetjük.

WP sablon: Highwind theme

Elegáns, egyszerű, hivatalos sablonra volt szükség egy ügyvéd honlapjához. A Highwind theme lett a kíválasztott.

Ilyen volt:

Ilyen lett:
http://drkonczzsuzsanna.hu/

Carcassonne – függőséghez vezet

Létrehoztam egy "Társasjáték" menüpontot, ami alatt egy lista található kedvenc társasjátékainkról és azokról, amiknek (ajánlások révén) tervbe van a kipróbálásuk.
Az első játék amit kiemelek és részletesen irok róla a Carcassonne.

WP sablon: Momentous

Olyan sablonra volt szükségünk amely föoldalán kiemelev be lehet mutatni hat üzletet. A Momentous a Theme Zee sablonja pont megfelelt.

Ilyen volt:

Ilyen lett:
http://pontittuzletek.hu/

CSS – egyedi betűtípus

Mérei Tamás webdesigner webodalán találtam a következő hasznos CSS megoldást egyedi betűtípusokhoz.

Először is töltsük fel a használni kívánt betűtípust és az elérhetőségét jegyezzük meg.

A sablonunk .css fájljába másoljuk be a következő sorokat:

@font-face {
font-family: az-en-betum;
src: url('betutipus-helye.otf');
}

A nevezzük el a feltöltött betűtípusunk: az-en-betum
és adjuk meg az elérését: betutipus-helye.otf

Majd (pl.: H1-nél) alkalmazzuk:

h1 {
font-family: az-en-betum;
}

Mérei Tamás videót is készített:

CSS – effektek kép hivatkozáson

CSS 3 segítségével különböző effekteket helyezhetünk hivatkozásra. Képeken látványos lehet és javasrciptet is megspóroljuk.

Legutóbb egy olyan megoldást készítettem, hogy a kép fekete-fehér, de ha rávisszük az egeret színes lesz.

A képen lévő hivatkozásba be kell írni:  class="eff"

<a class="eff" href="hivatkozas"><img src="kep.jpg"></a>

Majd az oldal .css fájljába be kell másolni a következő sorokat:

.eff img{
-webkit-filter: grayscale(1);
border-radius: 50%;
}
.eff:hover img{
-webkit-filter: none;
} 

Az .eff img adja meg az alap képet.

-webkit-filter: grayscale(1); 

Ez a sor leveszi a színeket a képről.

border-radius: 50%;

A négyzet képet lekerekíti.

Az .eff:hover img-nél megadott tulajdonságok akkor jelentkeznek ha rávisszük az egeret.

-webkit-filter: none;
Ez a rész visszaadja a színeket a képhez.

Bal oldali kép az eredeti állapot, a jobb oldali pedig mikor rávisszük az egeret:

A következő css kód pedig elhalványítja a képet:

.eff img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.eff:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
} 

A lenti oldalakon könnyen tudunk különféle CSS3 kódokat generálni:

http://html5-demos.appspot.com/static/css/filters/index.html

http://css3gen.com/border-radius/

http://css3generator.com/

http://www.css3.me/

http://www.css3maker.com/