wordpress | Ráktalicska
márc 02

Újabb hasznos bookmarklet-re bukkantam ma: segítségével pillanatok alatt bent találhatjuk magunkat a blogunk adminfelületén, mindezt a bal oldali menüsávban való turkálás nélkül! Használatához elég, ha épp az oldalunkat (vagy éppenséggel az adminfelületét) nézzük a böngészőben, majd rákattintunk a könyvjelző-sávban, és egyből előbukkanik egy elegáns menücske a jobb felső sarokban, amelyen sorakoznak az adminfelület amúgy is használt funkciói: új bejegyzés hozzáadása, médiakönyvtár, pluginok, satöbbi. Használatához tessék megfogni ezt a linket, és felhúzni a könyvjelző sávjára:

WP Toolbar

(A fejlesztő weboldala itt érhető el.)

Tagek:
febr 16

Mivel végre sikerült elejét venni a további RSS-es szopásnak végre nem savanyodik meg a szájízem, ha csak a blogra gondolok. Gyorsan ki is használom ezt a lelkesedést, és összegyűjtöm ebbe a postba az oldallal kapcsolatos fejlesztéseimből származó tapasztalataimat. Vannak közöttük viszonylag feltűnőek, és olyanok is, amiket szinte észre se lehet venni, egyvalami  azonban közös bennük: hasznosak, és praktikusak, mivel új funkciókat adtak az oldalnak, amelyek segítségével könnyebbé vált a navigáció, illetve még több infó érhető el a főoldalról. Amit nem győzök hangsúlyozni, hogy tessék backupot csinálni minden egyes módosított file-ról, sok idegeskedéstől óvhatja meg az ember, ha hozzászokik!

Nézzük őket sorban:

1. Előre – hátra nyilacskák a postok alatt:

ezt még Tsyga kérte, mivel hozzászokott az iBlog téma használata közben, hogy így lavírozzon az oldalon. Szerencsére nem volt nagy ördöngősség megcsinálni neki, és tényleg jó dolog.

Két file-t kell módosítani hozzá, illetve szükség lesz két nyilacskára is képfile-ként (bár ezeket lehet helyettesíteni << és >> használatával). Az első célpontunk a témánk single.php-ja lesz, ebben kell megkeresni ezt a sort:

<?php comments_template(); ?>

, majd ez alá bemásolni ezt a csini kis kódot:

Mentsük el, és toljuk fel a szerverre felülírva az előzőt.

Ezután jöhet a style.css módosítása, amely abból áll, hogy hozzáfűzzük (mondjuk a file aljához, de végülis mindegy) a következő sorokat:

/* next & previous post navigation */
.post-nav {
clear: both;
padding-bottom: 35px;
margin-top: 15px;
font-size: 95%;
}
.post-nav a, .post-nav a:visited {
color: #999999;
text-decoration: none;
}
.post-nav a:hover {
color: #000000;
text-decoration: none;
}
.post-nav .previous a {
float: left;
padding-left: 20px;
background: url(images/post-nav-previous.gif) no-repeat left center;
}
.post-nav .next a {
float: right;
padding-right: 20px;
text-align: right;
background: url(images/post-nav-next.gif) no-repeat right center;
}

Az én példámban van két nyilacskát ábrázoló kép a a témám images mappájában (relatíven kell rájuk hivatkozni), de ezt az elérési utat természetesen meg lehet változtatni, sőt nem kötelező képet sem használni; ebben az esetben a ‘background’ kezdetű sorokat tessék szépen törölni!

Elmentjük, feltoljuk (felülírva megintcsak az előzőt), és mostantól a postok oldalain megjelennek a navigálónyilacskák!

2. RSS-ek automatikus átirányítása FeedBurner-be .htaccess segítségével:

probléma lehet, hogy a WordPress alapból nem a Feedburner-es RSS-t ajánlja fel az újonnan feliratkozni vágyóknak (ha pl. a címsorban kattintanak a narancssárga ikonra). Ezt meg lehet oldani plugin-ek használatával is, de miért telepítsünk feleslegesen még egyet, ha néhány sor hozzáadásával is megoldható a dolog?

Ehhez a blogunk gyökérkönyvtárában figyelő .htaccess nevű file-t kell módosítanunk (illetve ha esetleg nincs is, akkor létrehoznunk).

Az enyém jelenleg így fest:

# temp redirect all wordpress feeds to feedburner
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{REQUEST_URI}      ^/?(feed.*|comments.*)        [NC]
RewriteCond %{HTTP_USER_AGENT} !^.*(FeedBurner|FeedValidator) [NC]
RewriteRule ^feed/?.*$          http://feeds.feedburner.com/raktalicskafeed         [L,NC,R=302]
RewriteRule ^comments/?.*$      http://feeds.feedburner.com/raktalicskacommentfeed  [L,NC,R=302]
</IfModule>

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

Mint látható több szekció is van, ezek közül csak az első ‘temp redirect…’ fog minket érdekelni. Ugyanezt kell használni, egy eltéréssel: természetesen a két FeedBurner-es URL-t át kell írni a saját blogotok feed-linkjeire, mert így használva az enyémre fog átirányítani (ami mellesleg egész jó ötlet :D).

A ‘Begin WordPress’-hez ne nagyon nyúljatok, mert kellemesen ki lehet vele nyírni az oldal elérhetőségét!

3. base64-gyel kódolt footer.php visszafejtése:

néhány perce azt mondta szakavatott kollegáim egyike, hogy a base64 nem is kódolási eljárás, de kérdem én: mi, ha nem az? Olvashatatlan karakterek kusza káoszát mi másnak nevezhetnénk? 🙂 A viccet félretéve: szemfülesebb olvasóim talán észrevehették, hogy megváltozott a blog lábléce: végre szerkeszthetővé vált, így beleírhattam a saját kis okosságaimat. Ezt eddig azért nem tudtam megtenni, mivel a fentebb említett bekódolással ezt lehetetlenné tették a sablon eredeti készítői (áldassék a nevük). Segítséget kértem, és kaptam a magyar WordPress oldalon ténykedő srácoktól, szerintem nektek is megteszik ezt, ha szépen megkéritek őket ezen a linken. Erős amúgy a gyanúm, hogy snassz módon elegendő lehet egy másik téma nem kódolt footer.php-ját ellopni, és máris megoldódhat a gond, de ebben nem vagyok biztos.

4. Véletlenpost megjelenítése oldalsávon plugin nélkül:

ha valamit meg lehet oldani plugin nélkül, akkor törekedjünk rá. Íme a megfelelő kód, amit a sidebar.php-be illesztve kivitelezhető a csoda:

<li>
<h2>Véletlenpost</h2>
<ul>
<?php $myposts = get_posts('numberposts=5&orderby=rand');foreach($myposts as $post):?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title();?></a>
</li>
<?php endforeach; ?>
</ul>
</li>

A ‘numberposts=<számérték>’ segítségével beállítható, hogy egyszerre mennyi jelenjen meg.

Egyelőre ennyi, ha lesz még hasonló tapasztalatom akkor természetesen megosztom majd itt!

Tagek:
jan 28

Beújítottam pár napja egy remek plugin-t a WordPress-em alá (amely így már majdnem két tucat ilyen kis kiegészítést pörget non-stop, a többiekről itt olvashatsz), amely arra hivatott, hogy az RSS feed-emnek generáljon egy kis láblécet, sőt ha egy postot kettévágok egy elegáns <!--more--> segítségével (ami a ‘Tovább is van…’ feliratú linkként szokott a blogon megjelenni), akkor a bejegyzés további része a feed-ben sem lesz olvasható, helyette egy csinos kis hivatkozás fogja jelezni az olvasónak, hogy rá kattintva elolvashatja a teljes szöveget immáron a blog hasábjain. Ezzel két célom volt:

  1. elkerülni azt, hogy feedből olvasva egyből „lelőjem a poént”, mivel általában akkor szoktam két részre bontani egy postot, ha a csattanót szeretném elszeparálni. Valami olyasmit akarok elérni, mint a Barátok közt végén a gondterhelt arccal kamerába meredő Miklóssal a filmesek, azaz: fel szeretném kelteni az olvasó kíváncsiságát, hogy mi lesz a folytatás, így ösztönözve őt a kattintásra
  2. informatív láblécet szerettem volna a feed-es postok alá, így kicsit barátságosabbá téve a hírfolyamomat

Ehhez találtam kitűnő megoldásra a Ozh’s Better feed nevű plugin személyében, amellyel megturbózhatjuk kicsit az RSS-ünket: kapunk egy pofonegyszerű felületet, amelyen minden szükséges linket, feliratot megszerkeszthetünk akár HTML-tudás nélkül is:

Persze van lehetőség kézzel is szerkeszteni a kódot, így rakhatunk be képet, videót, akármit ide, bár arra azért figyeljünk, hogy ne essünk a ló túlsó oldalára azzal, hogy a lábléc esetleg csicsásabb, mint maga a post, amihez tartozik 🙂

Tulajdonképpen lelkiismereti okokból írtam meg ezt a postot, ugyanis ma ki fogok venni egy pipát a plugin adminfelülten egy checkboxból, amit alapvetően illene bent hagynom, de talán ha kicsit promotálom a plugin-t, akkor nem fogok pokolra jutni. Az említett beállítás, amit ma off-ra fogok állítani a következő lesz:

Így már nyugodt szívvel törlöm a reklámot a feed-jeimből 🙂

Tagek:
nov 11

WPlogókEbben a postban olyan témát fogok körbejárni, ami valamiért a bloggerek egyik legféltettebb titkának tűnik, és – tapasztalataim szerint – nem szívesen osztják meg a nagyvilággal: az oldal motorjában dolgozó pluginekről lesz szó. Pluginekkel már találkozhattok más programoknál is (pl. Firefox, Winamp, Total Commander, stb.), ezek jellemzően arra szolgálnak, hogy – beépülve az adott alkalmazásba – kicsit kiterjesszék annak tudását. Jó példa erre mondjuk Firefoxnál a GMail-es emailfiók kezelő plugin, amelyet feltelepítve mindig jelez a böngésző új levél érkezésénél, de egy frissen – mondhatni szűzen – felrakott Firefox erre nem képes. Ilyesmikre tessék tehát gondolni, ha pluginekről beszélünk, ezek mindig új funkciókat adnak az adott programnak.

Blogom motorja, a WordPress is felvértezhető ilyen kis kiegészítésekkel, amik segítségével sokkal többet hozhatunk ki kedvenc oldalunkból. Adhattam volna a postnak azt a címet is, hogy „A 18 leghasznosabb WordPress plugin”, de ez nem lett volna így teljesen igaz, mivel nem biztos, hogy mindenki ezekre vágyik, amiket én használok, úgyhogy maradjunk annyiban, hogy bevágom ide a listájukat, meg persze némi leírást rittyentek hozzájuk, aztán mindenki döntse el melyikre van szüksége:

Tovább »

Tagek:
okt 20

Íme egy újabb bejegyzés, ami a zseniális WordPress nevű blogmotorral kapcsolatban nyújthat segítséget. Reményeim szerint ebből előbb-utóbb rendszert fogok csinálni, mivel ez az ingyenes motor meglehetősen népszerű Magyarországon is (nem véletlenül), és nem nagyon lehet hozzá tutorialokat találni. Ebben a leírásban a mai AdSense-es kalandjaimat szeretném megosztani veletek, tehát azt, hogy hogyan sikerült némi reklámmal „feldobni” a blog kinézetét.

Az egész sztori még tegnap kezdődött, amikor is hosszas vívódás után úgy döntöttem, hogy mégiscsak beregisztrálom magam a Google Adsense nevű szolgáltatásába. Erről azt kell tudni, hogy oldaltulajdonosoknak szól, és segítségével különféle formátumú hirdetéseket helyezhetünk el a felületen, amelyek akkor hoznak némi bevételt, ha a látogatók kattintanak rájuk. A bejelentkezés viszonylag egyszerű volt, bár meglepődtem kicsit, hogy a már létező Google fiókom nem elég neki magában, hanem csak elbírálást követően engedélyezi majd a rendszer a szolgáltatás használatát. Mindenesetre megadtam neki a blog címét, és várakozó álláspontra helyezkedtem. Gondolom ezután megnézték az oldalamat, hogy vannak-e rajta pónilovakkal barátkozó nénik, meg náczikok (ezeket nem szeretik a Google-nél, micsoda finnyás banda), de mivel ilyesmit nem találtak, ezért a rendes reggeli e-mail csekkolásnál már olvashattam is a beérkező leveleimben mosolygó velkám-mail-t. Gyorsan be is jelentkeztem, és némi tűnődés után sikeresen legeneráltam néhány reklámcsíkot vele. Ennek menete a következő volt:

1. az Adsense beállítás fülön belül a ‘Hirdetés kérése’ menüpontot kell választani

AdSenseben a Hirdetések kezelése menüpont helye

2. Itt beállítható egy nagyszerű varázsló segítségével, hogy milyen típusú hirdetést szeretnénk használni (képes, vagy csak szöveg, de van lehetőség a feed-oldalt is megszórni némi fogkrém-reklámmal, stb.), majd a reklám megjelenését, méretét, színeit stb.-jét lehet megadni. Ha ezzel is megvagyunk jöhet a csatorna beállítása. Ez valami olyasmi, amit mindenképpen meg kell adnunk, ugyanis ez alapján választhatják direktben is a hirdetők az oldalunkat, tehát ha szépeket írunk az oldalunk leírásába itt, akkor akár minket is célzottan kiszemelhet egy cég, hogy a termékeik nálunk is reklámozzák! Ez – gondolom – azért jó, mert az ilyen fajta hirdetés többet tejel kattintásonként, de ez csak feltételezés.

3. Ha mindennel megvagyunk jöhet az utolsó lépés:  megkapjuk a reklámunk Java nyelvű kódját, amelyet azután használhatunk az oldalunkon. Persze egy valamirevaló WP-s nem fog csak úgy programozgatni (meg nem is tud :)), ezért körülnéz a pluginek csodálatos világában. Így bukkantam rá én is az Advertising Manager nevű kiterjesztésre, amely meglehetősen tág kereteket biztosít a reklámunk elhelyezéséhez. Nekem kapásból fontos volt például, hogy ne widgetekkel akarjon operálni, mivel az oldalon egy darab nincs, helyette php-kód segítségével is működésre lehessen bírni a kicsikét. Persze aki widget-fan, annak lehetősége van azzal is megoldani a dolgot. Szóval ha megvan a feltelepítése, jöhet a következő lépés:

4. Katt ide a WordPress adminjában:

Create new

Itt szépen beilleszted az előzőleg már vágólapra rakott kódot, amit az AdSense-ben kaptál, majd az Importálásra bökve máris a beállítások képernyőn találod magad. Itt túl sok mindent nem kell módosítani alapesetben (színeket, méretet pl. azért nem, mert már megtetted az AdSense oldalán), esetleg a reklám címét átírhatod valami könnyen megjegyezhetőre, mert még szükség lesz rá.

5.  Jöhet a php-buherálás: én szerettem volna a blog oldalsávjában némi reklámot látni, ezért a sidebar.php-t megnyitva a következő sorokat szúrtam be:

<li>
<h2>Némi PH-érték</h2>
<ul>
<li style="background: #56850D;">
<- ez csak nálam kellett, hogy szépen belepasszoljon a háttérbe
<?php advman_ad('REKLÁM NEVE'); ?>
</ul>
</li></li>

Ebből a lényeg az advman_ad-ot meghívó sor. Itt a REKLÁM NEVE helyére be kell írni az előzőleg a pluginban beállított nevet, ez mondja meg a pluginnak, hogy ott melyik reklámodat kell megjelenítenie. Ez azért fontos, mert pl. én is két hirdetést kértem az AdSense oldalán, az egyik a zöld hátterű az oldalsávra, a másik pedig akkor látszik, amikor egy post önállóan van betöltve (amikor látszik a kommentmező is pl.) és az meg fehér hátterű, és más a mérete is. Ezeknek megjelenését így lehet megadni a pluginnak.

Persze nem csak így, és nem csak ide lehet reklámot elhelyeztetni a pluginnal! Vannak további lehetőségek is:

[ad #REKLÁMNEVE]

így lehet postokba reklámot illeszteni. Ezt simán (persze behelyettesítve a reklám nevét, és az ‘ad’ szócska utáni space nélkül) beírva a post szövegébe a plugin oda generálni fog némi khm… olvasnivalót 🙂

Nézzük csak meg működés közben:

[ad#post_ad_1]

Tadamm! 🙂

Ennyi tudással már szerintem senkinek nem okozhat nehézséget az, hogy némi reklámmal „feldobja” az oldalát 🙂 Annyit azért had tegyek hozzá, hogy egy oldalon egyszerre csak 3 (három!) hirdetést engedélyez a Google, és ne nagyon rondítsák szét az elrendezést! Sok sikert hozzá!

Tagek:
okt 13

Na vééégre leesett valakinek az iwiw-nél is, hogy nem ártana valamit kezdeni az erősen elavult oldalukkal (és most nem az idióta alkalmazások bevezetését értem ezalatt, mert az nem sokkal lendítette elő a fejlődést, sőt)!  A mai naptól végre majdnem úgy működik az üzifal, mint a nagytestvéren, a Facebook-on, mivel mostantól ha linket illesztesz be, akkor az már többletinfókat is nyújt, mivel látható az első néhány sora a linkelt oldalnak, meg esetleg egy kép is róla! Szemléletes példa következik (már megint):

Íme a megújult iwiw üzifal!

Mennyivel jobb már, mint a régi megoldás, hogy csak egy kékkel írt sor látszott a linkekből, ugye? 🙂

Adott tehát végre a kulturált linkmegosztás lehetősége (amit persze páran majd szokás szerint túlzásba is fognak vinni), éljünk is vele! Most a saját módszeremet szeretném megosztani veletek, hogy hogyan sikerült odavarázsolni azt a kis iwiw-ikont a postok alá, amivel megoszthatjátok a cikkeket a szóbanforgó üzifalon. Tuti, hogy van elegánsabb, sőt egyszerűbb módszer is, de én (ahogy azt már leszögeztem párszor) alapvetően hülye vagyok a programozáshoz (még a mosógépéhez is :)), ezért én így csináltam:

kellett a dologhoz a Sociable nevű plugin, ami kirakja az „Oszd bele a nagyvilágba” ikonsort a postok alá. Ebbe rengeteg megosztóoldal van előre beleépítve, de sajnos az iwiw mint olyan nem tartozik ezek közé, ezért egy kicsit bütykölnöm kellett a plugin php-jával. Miután betelepítetted, és aktiváltad szépen meg kell buherálgatni a sociable.php file-t, amit két módon tehetsz meg:

1. a WordPress adminfelületén bal oldalt a menüsorban Bővítmény -> Telepítve -> a listában a Sociable melletti kis Szerkesztés gombra böksz

2. FTP-n felmész a tárhelyedre, és a blogod /wp-content/plugins/sociable mappájából lehúzod őkelmét, és a saját gépeden módosítasz rajta mondjuk Notepad++-szal.

A varázslat a következő:

a file-ban megkeresed a $sociable_known_sites nevű array-t, és az alatta elterülő listába beszúrod a következő részletet:

'Iwiw' => Array(
'favicon' => 'http://static.iwiw.net/common/image/favicon.ico',
'url' => 'http://iwiw.hu/pages/share/share.jsp?u=PERMALINK',
),

Ezután elmented, felülírod vele a szerveren található eredetit, majd a WordPress adminfelületén már meg is jelenik a választható megosztási módok között az iwiw, pipát neki, és kész is!

Remélem segítettem ezzel a leírással (pláne hogy én szívtam vele egy röpke fél órát, mivel a gyárilag javasolt kódrészlet nem akart szuperálni)!

UPDATE:

a megosztás lehetőségén túl ez az új üzenőfal egy használhatatlan szar. A már kivett pipák a szűrési lehetőségeknél nem jegyződnek meg, és ha kézzel kiszeded őket, akkor előfordulhat, hogy az egész falból egy hozzászólás (vagy annyi se) marad meg. Gratulálok, kedves iwiw-gárda! Az ilyen húzásokkal tudjátok tönkrecseszni az oldal általános megítélését, és ezzel az a gond, hogy negatív irányba sokkal könnyebb befolyásolni az ilyesmit, mint pozitívba! Szinte röhögnöm kell magamon, hogy néhány napja még a Facebook-éhoz hasonlítottam ezt a megoldást…

Tagek:

preload preload preload