WordPress blog készítés - weboldal készítés - honlapkészítés

Bejegyzések egy oldalon az adminisztrációs felületen

Fridrik Béla — Wed, 11 Jan 2012 04:18:22 +0000

Ebben a kis WordPress tippben ismételten egy a kényelmünket szolgáló kis kódot fogok nektek bemutatni. Nem egy és nem kettő olyan blog van manapság, amelyben több ezer bejegyzés található. Az adminisztrációs felületen a bejegyzések menüpontra kattintva láthatjuk az eddig megírt bejegyzéseket, legyen az időzítve, vázlat vagy publikált. Ha sok bejegyzésünk van, akkor a rendszer ezeket oldalakra tördeli. Ekkor előjöhet az a probléma, hogy éppen többet vagy kevesebbet akarunk megjeleníteni egy oldalon. Ez az alábbi kóddal tudjuk módosítani:

function admin_pagination(){
	global $wp_query;
	$per_page = 5;
	$wp_query->query('showposts='. $per_page);
}
add_action('admin_head', 'admin_pagination');

A fent látható kódot a sablonunk functions.php fájljába illesszük, akkor 5 bejegyzés lesz látható egy oldalon.

Automatikus description generálás

Fridrik Béla — Tue, 10 Jan 2012 04:11:34 +0000

SEO-ra már manapság úgy néznek az emberek, mint egy csodaeszközre, amellyel egyáltalán nem értek egyet, de természetesen egy kiváló online marketing eszközként tekinthetünk rá. Régebben a description egy olyan adat volt a weboldalunk head szakaszában, amelynek szerepe volt a helyezésben is. Mára már a google is kijelentette, hogy ezen pár sor alapján nem rangsorol minket a google a találati listán lejjebb vagy feljebb. Azonban azt tényként kezelhetjük, hogy az ember arra kattint, amely jobban meg van fogalmazva. Abban az esetben, ha WordPress honlapunknál, nem használunk semmilyen SEO bővítményt, a content rész egy bizonyos kivonatát megjeleníthetjük automatikusan a meta description részben, ha az alábbi kódot a functions.php fájlunkba másoljuk.

function create_meta_desc() {
    global $post;
if (!is_single()) { return; }
    $meta = strip_tags($post->post_content);
    $meta = strip_shortcodes($post->post_content);
    $meta = str_replace(array("\n", "\r", "\t"), ' ', $meta);
    $meta = substr($meta, 0, 125);
    echo "";
}
add_action('wp_head', 'create_meta_desc');

Facebook fanok száma

Fridrik Béla — Mon, 09 Jan 2012 04:31:39 +0000

Nem kell mindig a Facebook developer oldalra lépnünk, ahhoz, hogy adatokat jelenítsünk meg weboldalunk. Amennyiben csak a kedvelők számára van szükségünk, akkor egyszerűen “megszerezhetjük” ezen adatot. Ahol meg szeretnénk jeleníteni az adott adatot, oda az alábbi kódot kell illeszteni:

page->fan_count;
	echo $fans;
?>

Kimenetünk egy egyszerű szám lesz, amely azt takarja, hogy az adott fan oldalunkat hányan kedvelünk. A FAN ODLAL ID helyére természetesen az adott fan oldalunk számát kell beilleszteni.

Bejelentkező oldalon szövegek cseréje

Fridrik Béla — Sun, 08 Jan 2012 04:56:59 +0000

WordPress-nél a bejelentkező felületen, ha engedélyezve van a regisztráció, akkor az alábbi két szót láthatjuk: Regisztráció, Elfelejtett jelszó? Félre ne értsetek, ez nyelvtanilag 100%-osan helytálló, máshogy nem is lehetne fordítani igazából. Vannak azonban olyan helyzetek, amikor valakinek mégse felel meg ezen kettő fordítása. Ha például a weboldal témája mást követel meg, tegyük fel regisztráció helyett arra van szükség, hogy jelentkezés a tanfolyamra. Ha belegondolunk megoldhatjuk egyszerűen hiszen fogjuk a PoEdit-et és átírjuk a fordításban amit szeretnénk. Ezt hívom én félmegoldásnak, hiszen, ha jön egy frissítés, akkor már el is veszett amit átírtuk, hiszen a frissítéssel együtt a nyelvi fájl is felül fog íródni. Így tehát egy olyan megoldásra van szükségünk, hogy a módosítás ne vesszen el. Functions.php fájlba másoljuk az alábbi kódot és módosítsuk igényeink szerint a regisztráció szót.

add_filter(  'gettext',  'register_text'  );
add_filter(  'ngettext',  'register_text'  );
function register_text( $translated ) {
     $translated = str_ireplace(  'Regisztráció',  'Jelentkezés a tanfolyamra',  $translated );
     return $translated;
}

Hozzászólások számának törlése oldalaknál, admin felületen

Fridrik Béla — Sat, 07 Jan 2012 04:44:15 +0000

Az oldalakra WordPress esetében többnyire úgy tekintünk, mint ritkán frissülő tartalmakra. Ilyen például egy bemutatkozás rész, kapcsolati oldal stb. Tehát az oldalak révén weboldalunk átláthatóbbá válik az adminisztrációs felületen, hiszen nem kell az esetenként több ezer bejegyzés között keresgélni a bemutatkozó részt, ha valamit módosítani szeretnénk rajta. Többnyire ezeken az oldalon nem engedélyezünk hozzászólási lehetőséget a felhasználók számára. Ha egyáltalán nem, akkor viszont az adminisztrációs felületen az oldalak menüpontban sincsen túl nagy szükségünk arra, hogy lássuk hány hozzászólás van, hiszen mindegyiknél egy kövér 0 lesz csak. Ezt a kódot ha sablonunk functions.php fájljába másoljuk, már el is tűnik ezen rész.

function remove_pages_count_columns($defaults) {
  unset($defaults['comments']);
  return $defaults;
}
add_filter('manage_pages_columns', 'remove_pages_count_columns');

Böngésző body class

Fridrik Béla — Fri, 06 Jan 2012 04:27:09 +0000

Elsőre kicsit furcsának látszódhat a cím, de hamarosan fény derül a lényegre. Amikor WordPress weboldalt készítek ügyfeleimnek, az egyik nagyon fontos szempont, hogy minden böngésző alatt megfelelő böngészési élményt nyújtson az adott weboldal, tehát böngészőfüggetlen legyen. Azonban a tapasztalataim azt mutatják, hogy nem csak böngésző típusokban kell manapság gondolkozni, hanem már operációs rendszerekben is. Napokban futottam bele ugyanis abba a problémába, hogy azonos verziójú Firefox alatt eltérést mutatott egy Mac illetve egy Windows is. Hogy ezt a kicsiny eltérést, amely a weboldal mutatott, hogy kiküszöböljem legalább egy CSS osztályra volt szükségem, amelyet a body tag-re tettem.
Az alábbi kóddal meghatározhatjuk azt, amire éppen szükségünk van:

function mv_browser_body_class($classes) {
		global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;
		if($is_lynx) $classes[] = 'lynx';
		elseif($is_gecko) $classes[] = 'gecko';
		elseif($is_opera) $classes[] = 'opera';
		elseif($is_NS4) $classes[] = 'ns4';
		elseif($is_safari) $classes[] = 'safari';
		elseif($is_chrome) $classes[] = 'chrome';
		elseif($is_IE) {
			$classes[] = 'ie';
			if(preg_match('/MSIE ([0-9]+)([a-zA-Z0-9.]+)/', $_SERVER['HTTP_USER_AGENT'], $browser_version))
			$classes[] = 'ie'.$browser_version[1];
		} else $classes[] = 'unknown';
		if($is_iphone) $classes[] = 'iphone';
		if ( stristr( $_SERVER['HTTP_USER_AGENT'],"mac") ) {
			 $classes[] = 'osx';
		   } elseif ( stristr( $_SERVER['HTTP_USER_AGENT'],"linux") ) {
  			 $classes[] = 'linux';
		   } elseif ( stristr( $_SERVER['HTTP_USER_AGENT'],"windows") ) {
			 $classes[] = 'windows';
		   }
		return $classes;
	}
	add_filter('body_class','mv_browser_body_class');

A sablon header.php fájl body részét, pedig az alábbi formában kell hogy módosítsuk.

Így már apróbb simításokat is el tudok végezni operációs rendszerre szűrve is, hiszen Firefox esetén osztálynak megkapom, hogy osx illetve gecko.

Vizuális editor kivonathoz is

Fridrik Béla — Thu, 05 Jan 2012 04:15:16 +0000

Amint már többször említettem én a HTML editort részesítem előnyben, minden bizonnyal egyébként azért, mert a munkám miatt nem jelent semmilyen fejfájást a HTML. Azonban nem mindenki érti a HTML nyelvet éppen ezért szükség lehet arra, hogy már a kivonat mezőhöz is vizuális szerkesztőt adjunk, hogy a weboldal esztétikus maradjon, jobban ki lehessen emelni dolgokat már a bevezetőben is.

function tinymce_excerpt_js(){ ?>




A WP sablon functions.php fájljába másoljuk a kódot és már van is vizuális szerkesztőnk.

Betűtípus csere HTML szerkesztőben

Fridrik Béla — Wed, 04 Jan 2012 04:02:19 +0000

Szeretem amikor minden egységes egy weboldalon. És ezt az egységet szeretem megtartani az adminisztrációs felületen is. HTML nézetben szoktam írni minden bejegyzést, mivel nekem default-ra ez is van beállítva. Ebben a nézetben az alap betűtípus a Consolas. Nem mintha nem tetszene, de ha már minden szinte sans-serif, akkor úgy gondoltam legyen ez is ez.

add_action( 'admin_head-post.php', 'fix_html_editor_font' );
add_action( 'admin_head-post-new.php', 'fix_html_editor_font' );
function fix_html_editor_font() { ?>


De nem csak én, hanem más WordPress sablon készítők is kihasználhatják ezt. Például, ha ügyfelünket nem akarjuk megzavarni azzal, hogy az front-end és back-end felületen más font van.

Bejegyzésünk címének formázása

Fridrik Béla — Tue, 03 Jan 2012 04:51:14 +0000

Bejegyzésünk szövegét kedvünkre tudjuk formázni a vizuális szerkesztő segítségével. Azonban lehetnek olyan eset is, amikor a bejegyzés, oldal címét szeretnénk formázni. Tegyük fel, hogy legyen az egyik szó dőlt vagy félkövér, vagy esetleg más színű vagy bármelyik kombinációja. Vizuális szerkesztőt használhatunk a bejegyzésünk címéhez formázásához is, mindössze egy kis funkciót kell gyártani hozzá.

function tinymce_title_js(){ ?>




A fenti kódot a WordPress sablon functions.php fájljába kell illeszteni és máris vizuális szerkesztőnk lesz a címnél is.

Oldal sablon jelzése adminban

Fridrik Béla — Mon, 02 Jan 2012 04:35:48 +0000

Akadnak olyan esetek, amikor több oldal sablont használunk. Sablon alatt most nem azt értem, amelyet feltöltünk a themes könyvtárba, hanem azt amikor page template-et hozunk létre. Tegyük fel egyiket használjuk a portfólió megjelenítésére, másikat egy adatlapra mondjuk, harmadikat hirdetésekre és még sorolhatnám. Nem nehéz összekeverni őket. Azonban, ha az admin felületen látjuk az oldalak mellett, hogy melyikhez milyen oldal sablon tartozik, máris könnyebb dolgunk lehet. Ehhez az admin felületet úgy kell kiegészítenünk, hogy frissítés után megmaradjon a módosítás. WordPress sablonunk functions.php fájljába kell az alábbi kódot illeszteni.

add_filter( 'manage_pages_columns', 'page_column_views' );
add_action( 'manage_pages_custom_column', 'page_custom_column_views', 5, 2 );
function page_column_views( $defaults )
{
   $defaults['page-layout'] = __('Template');
   return $defaults;
}
function page_custom_column_views( $column_name, $id )
{
   if ( $column_name === 'page-layout' ) {
       $set_template = get_post_meta( get_the_ID(), '_wp_page_template', true );
       if ( $set_template == 'default' ) {
           echo 'Alapértelmezett';
       }
       $templates = get_page_templates();
       ksort( $templates );
       foreach ( array_keys( $templates ) as $template ) :
           if ( $set_template == $templates[$template] ) echo $template;
       endforeach;
   }
}

Ezzel a kóddal egy plusz oszlop jelenik meg az oldalaknál, ami jelzi, hogy melyik milyen template-et használ.