WordPress fejlesztőkörnyezet kialakítása Ubuntu Linux rendszeren [Frissítve]

WordPress fejlesztői környezet LinuxraA minap eszembe jutott, hogy hasznos lenne bemutatni egy olyan alaprendszer elkészítését, amely könnyebbé teszi a WordPressel való munkát. Egy olyan Linux alapú fejlesztőkörnyezetről lesz szó, amivel könnyedén használhatóvá válik a WordPress saját gépen.

Hogy a lépéseket követve biztosan így lesz, mi sem bizonyítja jobban, mint hogy az általam a mindennapokban használt rendszert mutatom be. Ezért ez a bejegyzés önmagamnak is szól, hogy ha bármikor újra el kell készítenem egy ilyen rendszert, ne felejtsek ki belőle semmit.:)

A leírásban külön jelzem azokat a parancsokat, amelyeket terminálban ki kell adni, illetve így jelölöm a módosítani szükséges fájlok tartalmát is. A telepítést Ubuntu Linux 13.10 (Saucy Salamander) rendszeren mutatom be, de valószínűleg néhány apróbb módosítással sikeresen alkalmazható akár régebbi, akár teljesen más Linux alapú rendszeren is. A leírás nem tartalmazza az Ubuntu telepítését, mivel az számtalan helyen fellelhető, ezért egy frissen telepített, módosításokat nélkülöző rendszerből indulok ki.
WordPress fejlesztőkörnyezet kialakítása Ubuntu Linux rendszeren [Frissítve] részletei…

Blog készítés percek alatt

A naplóírás ősidők óta kedvelt foglalatosság. Van, aki csak gyerekkorában próbálkozik meg vele, más egész életén át csak a naplójával osztja meg a titkait. Napjainkban a kis lakattal ellátott könyvecskéket internetes oldalak váltják fel. Az új naplóformának egy szóösszetétel rövidítése adta a nevét. A web és log összevonásával keletkezett a blog kifejezés, az internetböngészőkkel elérhető és olvasható, hosszabb rövidebb bejegyzéseket, képeket tartalmazó oldalakat jelenti.  Egy blog készítése nagyon egyszerű feladat, főleg akkor, ha igénybe vesszük az egyre nagyobb számban létező blogszolgáltatások valamelyikét. Ezeken a szolgáltatásokon a blogok tárolása általában ingyenes, és az elkészítésükben kényelmes webes felület segít.
Blog készítés percek alatt részletei…

ISPConfig3 jogosultságok és a WordPress

wordpress_tippA napokban egy felhő alapú virtuális privát szervert kellett létrehoznom Ubuntu 12.10 szerver operációs rendszerrel, ispconfig-gal, nginx-el, dovecot-tal, mysql-lel és php5-fpm-mel.

Ezen a rendszeren kellett kialakítanom egy szerver-környezetet. Minden nagyon jól sikerült, viszont amikor el kezdtem a tesztet a kedvenc wordpress-emmel, belebotlottam a jogosultság kezelés hibájába. Teszteltem a bővítmény-, sablontelepítést és -frissítést. Amikor rákattintottam a telepítés/frissítés gombra a következő lépésben az ftp adatok bekérése oldal fogadott. Ennek kiküszöbölésére megnyitottam a wp-config.php fájlt szerkesztésre és bele írtam az FS_METHOD konstanst, és értéknek pedig megadtam a direct értéket az (Ennyi volt, kellemes blogolást!) alá az angol nyelvű dokumentáció alapján.
ISPConfig3 jogosultságok és a WordPress részletei…

Hogyen lehet testre szabni a WordPress bejelentkező képernyőjét?

customising-wpAlapértelmezésben minden WordPress webhely ugyanúgy néz ki. Számos indokból előfordulhat a WordPress webhelyek testre szabása saját logóval vagy megjelenítési stílussal. Ebben a leírásban bemutatjuk a WordPress testre szabásának egy példáját. Bevezetést adunk a függvények és a CSS használatába a webhely megjelenésének egy, a frissítéstől biztonságban levő megváltoztatásához. Hogyen lehet testre szabni a WordPress bejelentkező képernyőjét? részletei…

Gyors tipp: Hogyan telepítsük a legújabb wordpress sablont a twenty thirteent

Twenty Thirteen

Mint ahogy DjZoNe beszámolt róla, a wordpress 3.6 fejlesztése már folyamatban van. Ezzel a fejlesztéssel egy vadonat új sablon is érkezni fog melynek a neve a Twenty Thirteen (2013) nevet fogja viselni. Biztos van a kedves olvasók között is olyan ember mint én aki ha meghall, vagy meglát valami fejlesztéssel kapcsolatos dolgot, nem tudja ki várni a stabil kiadást, egyből szeretné azt kipróbálni, megtekinteni. Ebben a bejegyzésben szeretném bemutatni, hogyan próbálhatjuk ki megjelenés előtt a fent említett sablont.

Mindenek előtt szeretném felhívni a figyelmet, hogy egy fejlesztés alatt lévő sablonról van szó, ezért éles wordpress rendszeren nem ajánlom a használatát. Célszerű “lokálhoszton” elvégezni a tesztelést.

Első lépésben látogassuk meg a wordpress hivatalos tárolóját majd jelentkezzünk be a wordpress.org -on használt felhasználónevünkkel és a jelszavunkkal. Ezek után kattintsunk a “Browse Source” menüpontra majd a “trunk” mappanévre. Második lépésként görgessünk le a lap aljára ahol láthatjuk (Download in other formats: Zip archive), hogy le lehet tölteni a fejlesztés alatt álló wordpress rendszert amely tartalmazza a twenty thirteen sablont is. Töltsük le a rendszert majd csomagoljuk ki egy üres mappában (Az én esetemben a zip név: trunk-23702.zip lett). Keressük meg a wp-content/themes/twentíthirteen/ mappát, majd másoljuk át a “lokálhoszton” használt wordpress wp-content/themes/ mappába. Ezután kapcsoljuk be Megjelenés -> Sablonok menüpontban és így már nyugodtan tesztelhetjük eme remek sablont.

Mint ahogy említettem fejlesztés alatt áll még a twenty thirteen sablon ezért még a magyar nyelv sem készült el hozzá.

Irányítsuk át a felhasználókat a szerző hivatkozásról a bemutatkozó oldalra

wordpress_tippAlapértelmezetten ha egy felhaszáló vagy olvasó a bejegyzés szerzőjének a nevére kattint akkor a szerzői archívum oldalra irányítja a wordpress.

Ez sok esetben jó dolog, főleg ha van a bejegyzés alatt egy rövid bemutatkozás megjelenítve a szerzőröl. De mit tegyünk ha nincs megjelenítve a bemutatkozás?

Ebben az esetben célszerű ezt a segédletet igénybe venni. Nyissuk meg kedvenc szerkesztő programunkkal a jelenleg használt sablon functions.php fájlját szerkesztére és másoljuk be az alábbi kódot a ?> php zárótag elé:

[sourcecode language=”php”]add_filter(‘author_link’, ‘kw_atiranyitas_szerzo_bemutatkozo_oldal’);

function kw_atiranyitas_szerzo_bemutatkozo_oldal() {

return home_url( ‘rolam’ );

}[/sourcecode]

Értelemszerűen a “rolam” hivatkozást írjuk át a saját bemutatkozó oldalunk hivatkozására.

Google+ profilkép megjelenítése a találati listában

WordPress - Google+Biztos találkoztunk már azzal, hogy a Google találati listában egy-két kép feltűnik. Ez a technika ismerhető meg a bejegyzésből.

Nem rossz dolog, ha valamilyen úton-módon a találati listák eredményei között a mi bejegyzésünk egy kicsit feltűnőbb. Nagyobb valószínűséggel kattintanak rá a felhasználók, ha pont a keresett kifejezést látják. Ha esetleg nem érthető, miről írok, akkor megtekinthető egy élő pédában; keressünk rá Kardiwebre. :)

Ha ez egy profilképpel párosul, akkor véleményem szerint még nagyobb a bizalom.

A másik, a fent említett ok, hogy kitűnik a találatok közül. Jómagam is néha elnézegetem ezeket, sőt még a Google Plus profilokat is meg szoktam nézni. Milyen aktív az illető és mennyire használja a csoda rendszert. Ha nincs még Google Plus profil, akkor itt az idő, a regisztrációhoz és a google közösségi oldal használatához. Ha rendelkezünk Gmail email címmel akkor automatikusan jár hozzá a Google Plus profil. Ha még nincs gmail címünk akkor létrehozhatunk egyet.

Google+ profilkép megjelenítése a találati listában részletei…

NAGYszerű APRÓságok #3 – A wp-config.php

Az WordPress híres az 5 perces telepítéséről, persze ez csak akkor lehetséges, ha az első lépéseket nem rontja el az ember.
Az utóbbi napokban megszaporodtak az első és legfontosabb lépésnél elakadók segélykérései, ezért remélem az alábbi gyorstalpalóval elősegíthető az ők, és a jövőbeli kezdők indulása. Lássuk.

A letöltött telepítőben található egy fájl, melynek wp-config-sample.php a neve. Ennek az átnevezése és szerkesztése a “beginning of a beautiful friendship“, azaz egy szép hosszú barátság kezdete.

Tehát, a fájlt át kell nevezni wp-config.php -ra, és meg kell nyitni egy html szerkesztővel. A Windows Jegyzettömbje, vagy WordPad-je, ne adj Isten az Office nem erre való, úgyhogy irány a Google, és keressünk egyet:
A NotePad++-t mintha pont erre találták volna ki, innen letölthető. Telepítés után tessék szépen megnyitni vele a wp-config.php-t, melynek a tartalma jó hosszú, de én most ebből csak a kötelezően szerkesztendő sorokat emelem ki:

    // ** MySQL beállítások – Ezeket a szolgálatódtól szerezheted be ** //
    /** Adatbázisod neve */
    define(‘DB_NAME’, ‘adatbázisodneve‘);
    /** MySQL felhasználóneved */
    define(‘DB_USER’, ‘felhasználóneved‘);
    /** MySQL jelszó. */
    define(‘DB_PASSWORD’, ‘jelszavad‘);
    /** MySQL hosztneved */
    define(‘DB_HOST’, ‘localhost‘);

Sőt, a szerkesztendő szavakat vastagon szedtem.
Ennyi! Ezt a négy szót kell átírni a saját adataidnak megfelelően!

Az adatbázisodneve, felhasználóneved, jelszavad minden esetben egyedi és a szolgáltatódtól kapott adatbázishoz való hozzáféréshez szükséges.
Amennyiben ezek az adatok nem ismertek, úgy a tárhely szolgáltatójához kell fordulni, ők meg fogják tudni mondani ezeket.

A localhost 99%-ban változatlan, tehát ugyanez kell hogy maradjon, ha ezzel mégsem működne, akkor a szolgáltatót kell megkérdezni, hogy milyen paramétert kell a helyére írni!

Ha ezek az adatok immár mind stimmelnek, akkor a következő problémák szoktak előjönni:
– véletlenül egy szóköz került valamelyik beírt adat elé, bele, vagy utána!
– vagy pedig nem UTF8 kódolással van elmentve a wp-config.php!

Az alábbi képen is illusztrálom, hogy a NotePad++ szerkesztőben a Formátum menüpont alatt az UTF-8 kódolás (BOM nélkül) sornak kell aktívnak lennie…

…ellenkező esetben az elmentett fájl elejére ún. piszok fog kerülni:

Remélem sikerült az alábbi alapokkal még inkább megalapozni a WP használatát.

/* Ennyi volt, kellemes blogolást! */ :)

Notepad++ egy ingyenes forráskód-szerkesztő

Számos esetben találkozom olyan felmerülő problémákkal, amelyet a nem megfelelően kiválasztott editor okoz. Íme egy zseniális programocska, amivel problémák nélkül tudod módosítgatni a WordPress fájlaidat:

Notepad++ egy ingyenes forráskód-szerkesztő (és a hagyományos Jegyzettömb leváltására hivatott program) amely számos programozási nyelvet támogat a MS Windows környezetben.

A program alapját a Scintilla szövegszerkesztõ komponens képezi amit C++ programnyelven írtak win32 api-ra és a szabványos STL-re (amik biztosítják a program gyorsaságát, valamint kis méretét), a programot a GPL Licence védi.

Ez a program már rég megérett a publikálásra. Azonban, ez egy egyetlen ember által fejlesztett program, ami még mindig számos hibával és hiányossággal rendelkezik. Ha esetleg valami kérdésed vagy javaslatod lenne a program fejlesztésével kapcsolatosan kérlek használd a fórumot. Valamint, ha szükséged lenne bármiféle új képesség integrálására, kérlek ugyancsak a fórumunkban közöld, azonban arra nincs garancia, hogy ezeket a kéréseket teljesítjük is.

Remélem annyi örömöd leled majd a Notepad++ programban, amennyit én a kódolása során, a fejlesztő.

A Notepad++ képességei:

  • Kódkiemelés és kódblokkok egységbe zárása
    Támogatott programnyelvek : C, C++, Java, C#, XML, HTML, PHP, CSS, makefile, ASCII art (.nfo), doxygen, ini file
    batch file, Javascript, ASP, VB/VBS, SQL, Objective-C, RC resource file, Pascal, Perl, Python, Lua, TeX, TCL, Assembler, Ruby, Lisp, Scheme, Properties, Diff, Smalltalk, Postscript, VHDL, Ada, Caml, AutoIt, KiXtart, Matlab, Verilog, Haskell, InnoSetup, CMake, YAML
  • WYSIWYG
    Azt kapod amit látsz, azaz ha kinyomtatod a forráskódot akkor a papíron is ugyanúgy fog megjelenni mint ahogy a szerkesztõablakban láthatod.
  • Felhasználó által állítható kódkiemelés
    A felhasználó saját nyelvet adhat meg : nemcsak a kódkiemelést állíthatja be az új nyelvhez hanem a kódblokk összevonási szabályokat, a megjegyzések formáját és a változók, valamint parancsok neveit is. ( Kép1, Kép2, Kép3, Kép4 ).
  • Automatikus kiegészítés
    A legtöbb támogatott nyelvhez a felhasználó elkészítheti saját API listáját (vagy letölthet néhány api file-t a letöltésekbõl). Ha az API file készen áll a használatra, nyomd meg a Ctrl+Space, hogy elindítsd ezt a funkciót (nézd meg a képet). Több informcióért az automatikus kiegészítésrõl látogass ide.
  • Több dokumentum megnyitása
    Egyszerre több dokumentumot is megnyithatsz szerkesztésre.
  • Többszörös nézet
    Egyidőben 2 dokumentumot is szerkeszthetsz a program képernyőjének kettéválasztásával. (kép). Két ablakban módosíthatod ugyanazt a dokumentumot egyszerre, a dokumentum más helyein. Az egyik ablakban történő módosítás a másikban is végrehajtódik ( kép).
  • Szabályos kifejezés keresése/cseréje
    Kereshetsz vagy esetleg ki is cserélhetsz egy bizonyos szövegrészt a dokumentumban.
  • Drag & Drop(Fogd és vidd) technika teljes támogatása
    Megnyithatod a dokumentumokat a drag & drop(fogd és vidd) módszer segítségével. Elmozdíthatod a dokumentumod helyzetébõl és nézetébõl a drag & drop technikával.
  • Változtatható nézetek
    A felhasználó az aktuális kurzorpozíciót folyton változtathatja (többszörös nézetben, mikor 2 képernyõ látható egyszerre, a pozíciót mind a vízszintes, mind pedig a függõleges görgetõsávon is változtathatod), nézd meg a képen.
  • File állapotváltozásának automatikus figyelése
    Ha módosul vagy törlõdik egy file ami éppen nyitva van a Notepad++ ablakában, figyelmeztetést kapsz a dokumentum állapotának változásáról(file újboli betöltése vagy eltávolítása).
  • Nagyítás és kicsinyítés
    A Scintilla komponens egy különleges képessége. Csak nézz meg egy képet.
  • Több-nyelvi környezet támogatása
    A kínai, japán, koreai, arab és héber Windows-os környezetek támogatása. Nézd meg a Notepad++ mûködését kínai Windows-on arab Windows-on héber Windows-on.
  • Könyvjelzők

    A felhasználónak csupán rá kell kattintania a könyvjelző-margóra (ami a sorok számozásától jobbra található) vagy nyomd meg a Ctrl+F2, hogy kijelöljön egy könyvjelzőt. Hogy a könyvjelzőket elérhesd csak nyomd meg a F2 (Következő könyvjelzőre ugrás) vagy a Shift+F2 (Előző könyvjelzőre ugrás). Ahhoz, hogy eltávolítsd az összes könyvjelzőt kattints a menüsoron a Keresés->Összes könyvjelző eltávolítása menüpontokra. Nézd meg a képet.
  • Összetartozó nyitó- és záró zárójelek színezése

    Ha ezek közül { } [ ] ( ) a szimbólumok közül valamelyik megtalálható a forrásban, a szimbólum automatikusan megkülönböztetõ színezést kap, valamint a szimbólum párja is a kifejezések után és a nyitó és záró szimbólumok között található rész is színezõdik. A programnyelvekben a szimbólumok közötti rész blokkot alkot amivel könnyebben megtalálhatod a keresendõ kódot, valamint egyszerûbbé és átláthatóbbá teszi a kódot. Nézd meg a képeket: kép1, kép2 .
  • Macro-k felvétele és lejátszása

    Számos macro-t készíthetsz és természetes hozzájuk gyorsbillentyűket is rendelhetsz. Notepad++ egy ingyenes forráskód-szerkesztő részletei…

WordPress-jelszó megváltoztatása az adatbázisból – lépésről-lépésre

Van közöttünk olyan végtelen agykapacitással rendelkező wordpress-lapgazda, aki még soha nem felejtette el belépési jelszavát? Vagy kizárólag olyan felhasználókkal, szerkesztőkkel, szerzőkkel van megáldva, akik nem keverik össze a gyerek bilizárjának kódját a wp belépési kódjával? Ha igen, akkor ne is olvassa tovább a bejegyzést, töltse hasznosabban idejét!

Természetesen, legnagyobb hasznát akkor vehetjük ennek az eljárásnak, ha mi magunk, az oldal adminisztrátorai, vagyunk feledékenyek… Mondjuk, nem szeretnénk emailben megkérni magunknak az elfeledett varázsigét, hanem gyorsan-hamar szeretnénk bejutni magunkhoz (vagy éppen nem működik a levelező rendszerünk sem).

Lépjünk be a tárhelyszolgáltatónk által megadott módon az adatbázisunkba.

(1. Ha ezt a lehetőséget is elfelejtettük, akkor csak a tárhelyszolgáltatóval lehet egyezkedni, ezen nem tudunk segíteni.

2. Leggyakrabban rendelkezésünkre áll a phpMyAdmin lehetőség, így példánk is ezt a módszert mutatja be.)

1. Belépés a megfelelő adatbázisba (ha több DB lenne, akkor legyél biztos, hogy annak a jelszavát változtatod meg, amelyikét tényleg meg akarod változtatni smile )

wp-admin-jelszovaltoztatas1

2. Keresd meg az adatbázisban a WP_USERS táblát, kattints rá, majd kattints a TARTALOM-ra

wp-admin-jelszovaltoztatas3

wp-admin-jelszovaltoztatas4

3. Keresd meg az 1-es ID-vel bíró admin nevezetű felhasználót az user_nicename táblában, és kattints a Szerkesztő gombra (a kis ceruzára smile)

wp-admin-jelszovaltoztatas5

4. A felbukkanó táblában az user_pass mező sorában kattints a Felhasználó mezőnél a legördülő listára, és válaszd ki az MD5 funkciót.

Az Érték mezőbe írd be a kívánt, új jelszavadat – ami csak az angol ABC betűiből, számokból, aláhúzás-, kötőjel, zárójel karakterekből állhat, ékezetes betűt, különleges karaktereket nem tartalmazhat, majd kattintás a Végrehajtásra.

wp-admin-jelszovaltoztatas6

5. Várjuk meg, hogy az adatbázis-művelet végrehajtódjék, megtörténjen a mentés, majd lépjünk ki, és menjünk a honlapunk bejelentkező oldalára, ami általában a http://www.domain.hu/wp-login.php címen érhető el, és a belépéshez használjuk az admin/előbb megváltoztatott jelszót, amivel a WP admin felületére kell(ene) érkeznünk. smile

[print_link]