PHP programozás, webfejlesztés

Ebben a cikkben bemutatom hogyan kereshetünk pénzt blogunkkal egyszerűen, ehhez nincs másra szükségünk, mint egy Google AdSense fiókra valamint az AdRotate nevű pluginra.

Először is telepítsük fel a bővítményt a WordPress blogunkba. Bekapcsolás után megjelenik egy új menüpont a WordPress adminban AdRotate felirattal.

Az AdRotate-en belül hat további menüponttal találkozunk:

• Manage Ads
• Manage Groups
• Manage Blocks
• Advertiser Reports
• Global Reports
• Settings

Jelenleg ebből nekünk csak a Manage Ads-ra van szükségünk, pár perc alatt be is állíthatjuk saját AdSense hirdetésünket.

Tehát Manage Ads -> Add new itt az alábbi mezőkkel találjuk szembe magunkat(én csak azokat említem amik feltétlenül szükségesek az AdSense hirdetés beállításához:

• Title: hirdetés elnevezése, én Google AdSense 4680×60-ra neveztem el a sajátomat, mivel erről rögtön felismerem
• AdCode: ide kell bemásolni azt a kódot amit a Google AdSense generál nekünk
• Display from / Until:  ezt a mezőt alapértelmezett értéken hagytam, elég lesz az 1 év
• Activate: Yes, this ad will be used legyen az értéke, ezzel aktiváljuk a hirdetést
• In a post or page: itt megkapjuk a kódokat amivel beépíthetjük a hirdetést bejegyzésbe, oldalba vagy akár magába a sablonba

A megfelelő beállítások után Save Ad, majd a kapott beépítő kódot helyezzük el az általunk kiszemelt helyre.

Ha mindent jól csináltunk a hirdetésünk meg is jelenik a kiszemelt helyen.

WordPress blogunk alapból jól tud teljesíteni a keresőkben, persze ehhez szükszéges egy jó sablon, ha az megvan pár bővítménnyel tovább fokozhatjuk az eredményeket.

All in One SEO Pack

Az első bővítmény amit megnézünk az All in One SEO pack mely egy remek eszköz a keresőoptimalizáláshoz. Telepítés és bekapcsolás után rögtön kapunk egy figyelmeztető üzenetet, hogy a bővítmény konfigurálásra szorul, navigáljunk tehát a bővítmény beállításaihoz és nézzük végig a lehetséges beállításokat. Ezen az oldalon a WordPress blogunkra vonatkozó globális beállítások jelennek meg, itt adhatjuk meg a meta description-t, a meta keywords-t, az URL-ek felépítését, az egyedi címsorokat és még sorolhatnánk, elég egyértelmű, hogy melyik mező milyen beállításra vonatkozik.

A globális beállításokon felül fontos még, hogy a bejegyzés, oldal létrehozásakor a szerkesztő felületen megjelennek extra mezők melyekben egyedi címsort, kulcsszavakat és leírást adhatunk meg a létrehozandó tartalomnak melyet nagyon szeretnek a keresők.

Google XML Sitemaps

Ez a bővítmény oldaltérképet generál WordPress blogunk számára automatikusan a meglévő tartalmakból, 2 verziót hoz létre, egyszerű sitemap.xml-t és sitemap.xml.gz-t mely tömörítve van, ezért ezzel sávszélességet spórolhatunk.

Alapértelmezett beállításokkal tökéletesen üzemel a bővítmény, arra figyeljünk, hogy a WordPress-nek legyen megfelelő jogosultsága létrehozni az oldaltérképeket.

SEO Friendly Images

Ez a bővítmény azoknak ideális akik hajlamosak elfelejteni megadni a bejegyzésbe illesztett képek alt és title attribútumait, mivel ez a bővítmény ezt teszi meg automatikusan. Továbbá hasznos funkciója, hogy W3C validdá teszi a beillesztett képeket. Ez az apró bővítmény is hozzásegíthet minket egy kis extra forgalomhoz a keresőkből.

A WordPress alapból rengeteg mindenre képes, de ha szükségünk van 1-2 egyedi funkcióra akkor sem kell pánikba esnünk mivel a WordPress nagyon könnyen bővíthető. Lássuk hogyan kell létrehozni egy egyszerű bővítményt ami megjeleníti az 5 legfrissebb bejegyzést.

Először is hozzunk létre egy mappát a wp-content/plugins/ mappában, bármilyen nevet adhatunk neki, a lényeg, hogy könnyen felismerjük, hogy melyik mappa melyik pluginhez tartozik. Én most teszt-nek neveztem el a bővítményem mappáját. Ez a mappánk 2 file-t fog tartalmazni:

• teszt.php
• admin-panel.php

A teszt.php lesz a bővítményünk fő vezérlője, ebben határozzuk meg, hogy mit is csinál pontosan a bővítményünk.

teszt.php

<?php
/**
 * Plugin Name: Teszt WordPress bővítmény
 * Plugin URI: http://php-programozas.info/
 * Description: Ez egy teszt WordPress plugin
 * Author: php-programozas.info csapat
 * Version: 1.0
 * Author URI: http://php-programozas.info/
 */

define( 'TESZT_PLUGIN_ID', 'teszt-wordpress-plugin' );

// létrehozunk 1 menüpontot a Beállítások alatt
function teszt_plugin_create_menu() {
 add_options_page("Teszt WordPress bővítmény", "Teszt WordPress bővítmény", 1, TESZT_PLUGIN_ID, "teszt_admin");
}
// admin_menu hook-ra kapcsolódunk
add_action('admin_menu', 'teszt_plugin_create_menu');

function teszt_admin() {
 // lekérjük az 5 legfrissebb bejegyzést
 $posts = get_posts();

 // pluginünk felületének betöltése
 require( 'admin-panel.php' );
}

Látható, hogy a file elején található pár sor komment, ezek kötelező kommentek, a WordPress ezek alapján hozza létre a megfelelő felületet a Bővítmények menüpont alatt.

admin-panel.php

<div>
 <h2>Teszt WordPress plugin</h2>
 <table cellspacing="0">
 <thead>
 <tr>
 <th>Cím</th>
 <th>Létrehozva</th>
 <th>Státusz</th>
 <th>Szerkesztés</th>
 <th>Megtekintés</th>
 </tr>
 </thead>
 <tbody>
 <?php foreach ( $posts as $post ) { ?>
 <tr>
 <td><?php echo $post->post_title; ?></td>
 <td><?php echo $post->post_date; ?></td>
 <td>
 <?php
 switch ( $post->post_status ) {
 case 'publish': echo 'Közzétéve';break;
 case 'draft': echo 'Vázlat';break;
 case 'pending': echo 'Elfogadásra vár';break;
 default: echo 'Ismeretlen';
 }
 ?>
 </td>
 <td>
 <a href="./post.php?post=<?php echo $post->ID; ?>&action=edit">Szerkeszt</a>
 </td>
 <td>
 <a href="<?php echo get_permalink( $post->ID ); ?>">Megtekint</a>
 </td>
 </tr>
 <?php } ?>
 </tbody>
 </table>
</div>

Ez a file felelős a bővítményünk megjelenésért, az alábbi kimenetet generálja nálam.

Próbáltam úgy létrehozni a bővítményt, hogy a lehető legkönnyebben szerkeszthető legyen, ezért van külön file-ban a megjelenítésért felelős rész. Elég sok WordPress bővítményben találkoztam azzal, hogy mindent egy file-ba ír a készítő és ezzel kaotikus PHP kódot hoz létre, próbáljuk ezt kerülni a saját munkánk megkönnyítése érdekében.

A WordPress szép a WordPress jó, de sajnos elég lassú tud lenni, de semmi ok az aggodalomra, két bővítménnyel rengeteget gyorsíthatunk rajta!

WP Super Cache

Először is nézzük a WP Super Cache nevű bővítményt. A WP Super Cache feladata, hogy WordPress tartalmainkat legenerálja HTML file-okba és mikor megnyitunk egy oldalt akkor nem fut le x MySQL query valamint x sor PHP kód hanem egyetlen HTML file-t szolgálunk ki a kliensnek. Fontos, hogyha be van kapcsolva a WP Super Cache és módosítjuk valamelyik sablon file-t akkor nem fog látszani a változás mivel a WP Super Cache csak akkor frissíti a cache file-okat, ha frissítünk egy WordPress-es tartalmat, ilyenkor érdemes kikapcsolni a plugint, vagy üríteni a cache-t.

WP Minify

Ennek a bővítménynek a feladata, hogy a <head>-ben található CSS és Javascript file-okat minimalizálja valamint összevonja őket. Ennél a bővítménynél legyünk körültekintőek mivel lehetnek olyan javascript file-ok amelyek nem fognak működni összevonás után. Szerencsére könnyen kezelhető felületén megadhatunk kivételeket, hogy mely file-okat nem szeretnénk összevonni.

Ezenfelül rengeteg erőforrást megtakaríthatunk ha logikus, egyszerű kódot írunk.

Ahol csak lehetséges használjunk CSS sprite-okat(aki tudja hogy mondják ezt magyarul írja meg kommentben), az optimalizálás másik nagyon fontos része a kliens oldali optimalizálás.