ZINA DESIGN - webdesign ötletek, honlap tippek, weblap készítés

Az Én Naptáram – karácsonyi ajándéknak is!

Zina — Fri, 16 Dec 2011 14:17:43 +0000

Ebben a projektben nem csak a weboldal tervezője és kivitelezője lettem, hanem az oldal által árult egyedi fényképes naptárakat is én terveztem és állítottam hozzájuk össze a Photoshop fájlt. A naptár keretének megtervezése mellett érdekes kihívás volt a naptár napjainak megrajzolása a névnapokkal, ahhoz Photoshop scriptet írtam, mely végül összerakta a több ezer layeres naptárt.

Az oldal maga csinos, könnyed, mint a naptárak maguk. Tessék kattintani és naptárat rendelni!
http://www.azennaptaram.hu/

GoDirekt – biztosítások online

Zina — Wed, 02 Nov 2011 14:25:24 +0000

Avagy Scheggenbauer Röfi támad, avagy hogy vegyük kicsit lazábban a biztosítást. Az AEGONdirekt.hu kis csapatával hónapok óta dolgoztunk az oldalon (kalkulátorok, ügyfélkapu, iktatás stb.), hogy a kötelező biztosítás kampányra készen legyen, és én kaptam meg a nemes feladatot, hogy az arculatát, felépítését megtervezzem és megvalósítsam. Én követtem el a logó designt, a web designt, sitebuildet, content managementet… (na jó, a malac nem én voltam) Volt benne munkám bőven, de teljesen beleszerettem. Sok helyre még kis humoros apróságot is elrejtettem, hogy még jobban lazítsunk a biztosítás kemény témáján.

https://www.godirekt.hu/

AEGON Alapkezelő és Forgalmazó

Zina — Thu, 06 Oct 2011 14:19:20 +0000

Az AEGON Hitel webboldala után az AEGON Biztosító és AEGON Nyugdíj is felvette az új arculatot, amit terveztem, ideje volt, hogy az Alapkezelő és a Forgalmazó is megkapja. A színvilágon egy kicsit komolyítottunk a többiekhez képest, és megtűzdeltük számos helyes funkcióval, mint a Forgalmazási hely kereső, Hozamkalkulátor, Grafikonrajzoló stb. Szépsége, hogy bár a két oldal külön fut, nagyon sok adat közös rajta, így ezeket úgy oldottuk meg, hogy egy közös helyről szedjék. Külön megemlíteném még a dokumentumkezelését az oldalnak, ugyanis ezernyi pdf-et kezel, mégis nagyon ügyes, hatékony és gyors.

http://www.aegonalapkezelo.hu/ és http://www.aegonforgalmazo.hu/

AVM Konferenciatechnika

Zina — Sat, 24 Sep 2011 08:58:46 +0000

Wordpress-re épülő termékbemutató oldal, munkáim közül az egyik legbrutálisabban használja ki a Custom Field Template plugint. A termék oldal specialitásai között van a termék galéria, videók, hosszú és rövid leírás, dokumentációk és szoftverek, kapcsolódó termékek stb. A kategóriák strukturálják a termékfát, de a címkéket is felhasználtam, a termékek és a gyártók összekapcsolására. Van külön partner regisztráció is, de pl a referenciák is gyönyörűen jelennek meg.

Igazi wordpress gyöngyszem, ráadásul még igen mutatós is. A legkedvencebb munkám, amit valaha is csináltam!

http://www.avm.hu/ Partner és megrendelő: Upfront Média

egoMedia

Zina — Fri, 01 Jul 2011 15:13:35 +0000

A weboldal funkcióiban igen egyszerű, ám a design az egyik kedvencem lett. Finom, egyszerű, mégis sikerült belecsempészni valami kis pluszt. Ez az oldal is a munkahelyem neve alatt a készült, a kínált szolgáltatás pedig igen figyelemreméltó, online marketingben érdekeltek mindenképp nézzék meg!

http://www.ego-media.hu/

Calasanctius Training Program

Zina — Sun, 05 Jun 2011 16:41:28 +0000

A CTP alapítvány weboldala igen összetett rendszerre sikeredett, és amire külön büszke vagyok, hogy Wordpress alapon sikerült mindezt kivitelezni. A design, a weboldal építés és a programozás is feladatom volt, olyan funkciókat alakítottam ki, mint az egyedi Alumni rendszer, rendezvénynaptár, jelentkezés ösztöndíjakra, hírlevél – mindezt két nyelven.

http://ctpinfo.hu/

Zombi Biztosítás

Zina — Tue, 31 May 2011 16:38:34 +0000

Tessék gyorsan megnézni a weboldalt, amíg működik! Már csak azért is, mert komoly biztosítótól ritkán látunk ilyet, mellesleg a design is csodásan sikerült, ami persze nekem köszönhető. Apró meglepetések is el vannak rejtve az oldalban, amit igazából csak akkor lehet észrevenni, ha valaki részletesen böngészi. Külön poén a regisztráció nélkül is elolvasható, letölthető szolgáltatási feltételek, és a regisztráció után megkapott “biztosírtási kötvény” is!

Ez az az oldal, amit nem szabad kihagyni.

http://www.zombibiztositas.hu/

Elnökség tudósítói

Zina — Sat, 05 Mar 2011 12:05:33 +0000

A 2011. első félévében aktuális magyar Európai Uniós elnökséghez kötődik a weboldal, fiatal önkéntesek tudósítanak az ezzel kapcsolatos eseményekről, írják meg véleményüket.

A weboldal Wordpress alapon készült, a sok szerző megfelelő kezeléséhez beültettünk egy szerkesztőségi plugint, eseménykezelőt, valamint olyan egyedi fejlesztések vannak benne, mint a nyitóoldalon a szerzők képei, az egyedi szerző oldalak, az erős Facebook integráció. Bár tartalmilag még nem teljes az oldal, folyamatosan gyűlnek rajta a tudósítások egy olyan témában, mely az Önkéntesség Európai Éve jegyében igen érdekessé teszi azt az olvasók részére.

http://elnoksegtudositoi.eu/

FoltBolt.hu – webshoppal

Zina — Sat, 15 Jan 2011 21:15:47 +0000

A WAMP-ról újabb művésznek készült el a zinás weboldala, a régebbi, szinte csak webshopból álló oldalt újítottuk fel: több lendület és több interakció van benne. A design alapvonala maradt a minimál, nem túlzásba vitt színkavalkáddal. A legszebb ebben a munkában talán az volt, hogy a megrendelővel csak online tartottuk a kapcsolatot, miután épp nagyon távoli földrészeken vagyunk. Gondot ez nem is okozott, maximum a 12 órás időeltolódás :)

A Wordpress motor alá betettünk egy nagyon ügyes webshop bővítményt, hírlevél modult, meg egy kis saját fejlesztést (pl. a menüpontok, dobozkák színe adminból menedzselhető), és máris összeállt a mű. Tessék kattintani és megtekinteni!

http://foltbolt.hu/

Tokaji Aszú Shop

Zina — Tue, 28 Dec 2010 18:47:32 +0000

Wordpress alapon épülő, aszúk százát bemutató weboldal. Bár a nevében shop, webshop motort még nem raktunk a weboldalba, egyelőre csak egyszerű online rendelés van. Specialitása a termékstruktúra és a termékoldalak kialakítása, mely így ránézésre ugyan nem látszik, de nagyon okosan lett felépítve, kategóriákkal és egyedi mezőkkel.

A Deák téren levő bolt bemutatására panorámakép is készült az oldalról. A design finom, lágy, kellemes hangulatú, mint egy jó aszú.

http://tokajiaszushop.eu/

The Most Wanted – blog.hu sablon

Zina — Sat, 16 Oct 2010 08:36:06 +0000

Az álláskeresés – foglalkoztatás témakörével pozitív oldalról foglalkozó blog neve adta magát a designt: modern western érzést adni neki. Picit hasonlóan gondban voltam, mint a régi Budapest hangulatú Pikk-Pakk.hu-nál, megtalálni az egyensúlyt a design és az átláthatóság – használhatóság között.

Az oldal grafikai megtervezése után a html sablon felépítése és annak blog.hu sablonná alakítása volt a feladat, mely a tervezési fázis után már egyszerűen ment. Remélem sokszor ott lesz majd az index.hu nyitóoldalán!

http://themostwanted.blog.hu/

Életbiztosítások.hu

Zina — Mon, 11 Oct 2010 22:20:00 +0000

Amikor a szellős, lágy, finom, mégis jól struktúrált és modern weboldal tervezése a feladat, mindig kicsit összerezzenek: imádom! Jelen weblap statikusan működik, néhány alkalmazást más weboldalakról átvéve, célja, hogy érthetően és gyorsan tájékozódhassunk az életbiztosításokról.

Tessék kattintani, ám előtte felhívnám a figyelmet a felhős háttérre: ezt nevezik az igazi seamless repeating cloud background-nak! Talán azzal szöszmötöltem a legtöbbet, de igazán megérte. Jöhetnek a dicséretek :)

http://www.eletbiztositasok.hu/

Taktikon Gyakorlati Marketing

Zina — Tue, 07 Sep 2010 17:52:20 +0000

Talán már köztudott, mennyire imádom a letisztult, minimál stílust, valahogy eddig mégsem tudtam ennyire kibontakoztatni ezt a hajlamomat. A Taktikon esetében – ahogy ránézek – valahogy azt érzem, nagyon sikerült!

A cég arculata adta az első lökést, a megrendelő pozitív hozzáállása pedig a másikat. Wordpress alapon működik ez a weboldal is, bár a blog funkcióját most nem használtam ki, a benne látható vállalati marketinggel foglalkozó blogbejegyzések egy másik (szintén általam készített) weboldal rss-éből szippantódnak be egy általam írt alkalmazás segítségével.

Akinek közép- vagy nagyvállalata van, javaslom azonnal kattanjon rá, a többiek pedig gyönyörködjenek! :)

http://taktikon.hu/

Pikk-Pakk biciklis gyorsfutár

Zina — Fri, 03 Sep 2010 07:11:41 +0000

Egyik kedvenc weboldalam, talán azért is, mert igen sokat szenvedtem, míg a designt összehoztam. Én alapvetően a minimal webdesignban hiszek, ennél a weboldalnál pedig az 1800-as évek vége budapesti hangulatot kellett tükrözni. Nem volt egyszerű, de így elkészülve ránézek: megérte. Persze ez is Wordpress motorral fut, egyedisége a vidéki költség számoló és a speciális üzenetküldés funkció a Kapcsolat menüpontban.

Az új designnal és struktúrával eltüntettem a korábbi splash oldalt és a szörnyű táblázatos felépítést, a képként megjelenített header tag-eket, a használhatatlan navigációt. Célunk a Google megfelelő keresési találat listájának meghódítása.

http://www.pikk-pakk.hu/

Szigszalagmarketing.hu

Zina — Thu, 02 Sep 2010 19:10:25 +0000

Hogyan csináljuk szép, hasznos, egyszerű, mégis okos weboldalt KKV-knak? És a nekik szóló HVG Könyvek által kiadott marketing könyvnek? :) Hát így. Álmomban sem hittem volna, hogy ennyien dicsérni fogják, de hát tényleg úgy tűnik, jól sikerült. Wordpress alapokon fut, eseménynaptárral, azokra való jelentkezésekkel, hírlevéllel, bloggal. Pont, ahogy azt kell.

http://www.szigszalagmarketing.hu/

Tiszta-víz.hu

Zina — Wed, 11 Aug 2010 19:30:34 +0000

Talán mindannyian ismerjük ezt a típusú weboldalt, kinek bejön, kinek nem: a szépn hosszan kifejtett, sok-sok érvvel megtűzdelt értékesítő weboldal. Ezt nem Wordpress alá raktam, igazából értelme sem lett volna, egy egyedi fejlesztésű, és a hasonló típusú weboldalak között egyedi designnal rendelkező oldal. Nem a szokásos gagyi ‘mindentaszemedelérakok’ technológiával, hanem a weboldal témáját látványilag is jól visszaadó, kellemes, visszafogott, szép, ám mégis minden szükséges tartalmat és illusztrációt egységgé foglaló stílusban történt megalkotása.

Igazán szeretem. Főleg a kalkulátort. Tessék kipróbálni most!

http://www.tiszta-viz.hu/

Gyermekáldás.hu

Zina — Sun, 01 Aug 2010 18:45:03 +0000

Újabb Wordpress motorra épülő alkotásom, mely – hogy stílusosak maradjunk – igen hosszú vajúdás után született meg. Igen sok bajom gyűjt az Internet Explorer 7-es verziójával, illetve az általa produkált érthetetlen hibákkal, de végül ezt is legyőzve megszületett ez az igen kellemes és finom oldal életük legszebb időszakát átélő hölgyeknek. Az oldal elődje egyszerű statikus lap volt, amit most feldobtunk online jelentkezéssel, galériával, és egyedi bejegyzés megjelenítésekkel is.

http://www.gyermekaldas.hu/

BESTILLO pálinkák

Zina — Fri, 30 Jul 2010 14:26:26 +0000

Előttem egy flash alapú weboldal volt, melynek html-re és CMS rendszerrel való ellátására én lettem felkérve. Mit ne mondjak, természetesen megtiszteltetés volt, hiszen kicsiny országunk jelképének (a pálinkának, igen) egyik igen színvonalas készítőjéről van szó. Nem ez volt az első flash eltűntetős megbízásom, ezek külön örömet okoznak egy olyan webdesignernek, mint én.

A weboldal hangulatát úgy terveztem meg, hogy visszaadja a pálinkák fiatalos csomagolásának hangulatát, ugyanakkor letisztult és átlátható legyen. Egyszerűen imádok ránézni! Persze raktunk bele sok hasznos funkciót, hamarosan a webshop is kész lesz, illetve a testvér oldala, a bestillo.com is, angol nyelven.

Tessék megnézni és elmerülni a finom pálinka hangulatban! http://bestillo.hu/

MDE-VUS Magyar Diákok Egyesülete

Zina — Sun, 20 Jun 2010 09:04:45 +0000

Tökéletes példa arra, hogy egy egyszerű Wordpress sablonba hogyan pakoljunk bele ezernyi funkciót. A weboldal alapja a Z-Minim saját gyártású sablonom, picit át lett színezve, és felturbózva olyan funkciókkal, mint a regisztráció kibővítése, felhasználók csoportokba pakolása, eseménynaptár ajánlóval, rss feed-ek, linkek oldal, egy szép nagy galéria, facebook funkciók és google hirdetések. És még sorolhatnám…

http://mde.hu/

Úristen, házasodunk!

Zina — Mon, 07 Jun 2010 17:19:14 +0000

Igazán vidám és csajos oldal, mindenféle finom esküvői témával. Alapokban a Z-Happy sablonra épül, csak a komolyabb kékből inkább átalakítottuk esküvős hangulatúvá.

Az alap Wordpress motor és sablon mellett persze felturbóztuk Facebook Like funkcióval és a mi legédesebb: tartalombeküldést enged (sőt, kifejezetten kéri) a látogatónak, linkeket és képeket lehet beküldözgetni, melyekhez egyedi formok és linkkatalógus került kialakításra, ez utóbbi a Wordpress beépített Linkek (Blogroll) funkciójának segítségével.

http://uristenhazasodunk.hu/

AEGON Hitel

Zina — Tue, 01 Jun 2010 20:33:14 +0000

Az AEGON csoport összes weboldala megújulás alatt van, és elsőként az AEGON Hitel weboldala kapta meg új arcát – természetesen Zina által. Szeretem benne, hogy nem csak sokkal áttekinthetőbb, kezelhetőbb, letisztultabb az új felület, de sokkal inkább termék- és értékesítés központú – bízunk benne, hogy sok sikerrel.

A weboldal saját fejlesztésű rendszeren fut – online hitelkalkulátor és igénylés (!) fő funkciókkal, de megjelennek itt még olyan finomságok, mely szintén Zina keze nyomát viselik: a fiókkereső, a dokumentum kezelés, a deviza árfolyamok, a hitelszótár, a szakértő válaszol rovat.

http://www.aegonhitel.hu/

Beszélj angolul – nyelviskola

Zina — Mon, 24 May 2010 19:37:27 +0000

A nyelviskola oldala talán az eddig legfunkciódúsabb (de szép szó) Wordpress oldalam. Magját az online szintfelmérő adja, melynek pluginját én írtam, és több feladatsort is könnyen kezel együtt, számos lehetőséget adva a kérdések típusára nézve. Másik finomsága a regisztráció után elérhető Tanulói központ, mely az iskola hallgatóinak ad segítséget a tanuláshoz, itt kaphatják meg a házikat, segédanyagokat, mindezt természetesen csoportokba sorolva.

A design egy létező sablon finomításából és teste szabásából alakult ki, tükrözi az iskola módszerét: tisztán, gyorsan, egyszerűen.

És igen, ez itt egy kicsit a reklám helye is, én is itt készültem fel a nyelvvizsgámra ;)

http://beszeljangolul.eu/

SAP Business One Blog

Zina — Sat, 15 May 2010 18:44:21 +0000

Blog, természetesen Wordpress alapon, finom, letisztult, ám business (üzleti) designnal megoldva. A blogot a rendszer különböző szakértői írják, így külön hangsúly lett fektetve az ő személyükre, így saját kis profilt kaptak mindannyian, illetve az általam írt Szakértő válaszol Wordpess plugin is hozzá lett igazítva, ahol mindegyik szakértőtől külön is lehet kérdezni.

A keresőoptimalizálást nem csak a sablon kialakítása, de plugin is segíti, amit az oldal szerkesztői kedvüknek megfelelően teletömhetnek mindeféle kulcsszóval. A közösség építést a twitter és facebook oldalak integrálása segíti.

http://sap-business-one-blog.hu/

Kisállat-biztosítás.hu

Zina — Fri, 30 Apr 2010 09:26:23 +0000

Ismét egy munkahelyem neve alatt elkövetett weboldal, mely most kivételesen nem Wordpress :) Mondjuk azt, hogy egy statikus oldal, bár az érdekességek alatt van kommentelésre lehetőség, de itt nem a tartalom volt a lényeg, hanem a funkció, melyet szintén én programoztam. Na jó, a biztosítás kalkulátort nem, ahhoz kevés vagyok, de a regisztráció, illetve ami mögötte van, az már az én bűnöm.

Külön kis szívem kedvence, mert ennek a designja egyszerűen nagyon jóra sikerült! Szinte már profi :) Ránézek, és mintha el sem hinném, hogy én csináltam. Egyszerűen szeretem. Letisztult, finom, kiemeli a lényeget. És hát nem édes?

Szóval akinek kutyája vagy cicája van, biztos talál itt valami hasznos infót, úgyhogy tessék most azonnal kattintani!

http://kisallat-biztositas.hu

ingatlanELLENŐR.hu

Zina — Mon, 12 Apr 2010 18:18:24 +0000

Végre egy weboldal, mely nem szokásos honlap, hírekkel, infókkal, képekkel, ez most valami más… nem is Wordpress, saját programozás. Na jó, az nem szó szerint az enyém, mert ez a weblap is drága munkáltatóm neve alatt készült, de Zina webdesignját hordozza magán.

És itt pont a szolgáltatás a lényeg, amit a weboldal nyújt: riportot készít a (leendő) lakóhelyünkről, vagy épp, ha úgy tetszik, akkor meg is mondhatjuk, hogy mostani lakóhelyünk mennyire tetszik nekünk.

Vigyázat, még béta, mert folyamatosan fejlesztjük, de már megéri kipróbálni!

http://www.ingatlanellenor.hu/

AEGON Vállalati biztosítások

Zina — Thu, 18 Mar 2010 20:46:11 +0000

Ismét egy AEGON oldal és ismét egy Wordpress. Ezt is munkahelyem neve alatt készítettem, nem ZINA LEMMIKKI aliassal, de ettől még hadd legyen a büszkeségem.

Egy szakértő válaszol típusú plugin is található a weboldalon, amit teljes mértékben én programoztam (bár jelenleg még nincs bekapcsolva), a szakértőket admin userrel lehet kiválasztani a rögzített felhasználók közül, akik az admin felületen látják az új kérdéseket, és ott is válaszolják meg.

Másik kis szépsége, az aloldalaknál a narancs doboz felett megjelenő szürke navigációs doboz, ami az aloldalait listázza ki az adott szülőnek. Ennek programozásával is szórakoztam egy kicsit, de végül szép lett az eredmény, működik!

http://www.vallalati-biztositasok.hu/

Wordpress kezdőknek – hogyan építsünk weboldalt

Zina — Mon, 08 Mar 2010 20:07:22 +0000

Mostanában egyre nagyobb az érdeklődés a Wordpress motorja iránt, aminek én nagyon örülök. Egyre többen kíváncsiak, hogy is lehet ezzel csinos, jól működő és okos weblapot összehozni.

Őszintén? Regényt lehetne róla írni. Viszont nem is olyan rég egy szakdolgozat vázlatához összeszedtem a leghasznosabb tudnivalókat, amit most közkinccsé tennék.

SPOILER ALERT! Angol tudás szükséges, magyar infók ritkán vannak róla…

A weblapjaim alapja tehát a Wordpress nevű weblap motorra épül. Alapvetően a Wordpress-t még mindig sokat csak blogmotornak tartják, de én azért szeretem, mert nagyon jól testre szabható, rengeteg kiegészítő van hozzá, és mindemellett az adminisztrációs felület felhasználójának is könnyen áttekinthető, szerkeszthető, szemben sok egyéb bonyolult CMS rendszerrel, mint a Drupal, Joomla stb. (Drupal mániásoktól szorri…

A Wordpress-nek a hivatalos oldala a http://wordpress.org/ Itt rengeteg leírás van, de leginkább a fejlesztőknek szól, hogy induljunk neki egy wordpress-es oldal fejlesztésének, milyen lépésekben alakítsuk ki a sablont, stb. Hasznos funkciója, hogy összegyűjti a kiegészítőket (pluginek), és nem kell sok-sok egyéb weboldal böngészésével megtalálni a legmegfelelőbbet. Van néhány wordpress szerelemes emberke Magyarországon is, akik indítottak egy magyar oldalt neki, ez a http://word-press.hu/. Itt jellemzően annyi infó nincs fent, inkább hírek, a legújabb magyar verzió letöltése, illetve a fórum funkcióját használom. Mondjuk a Codexben itt is vannak hasznos infók erről a rendszerről: http://dokumentacio.word-press.hu/ meg egy két apróság az én oldalamon is van: http://lemmikki.hu/wordpress/wordpress-a-weblap-motor/

Első lépések

A Wordpress telepítése lényegében annyi, hogy letöltöd a legfrissebb csomagot, amit kapsz, abban a wp-config.php fájlban egy-két apróságot beállítasz (http://codex.wordpress.org/Editing_wp-config.php), majd az egész mehet fel ftp-vel a kiszemelt tárhelyre. Aztán egy-két egyéb lépés ott, és az alap gép már fut is. (http://codex.wordpress.org/Installing_WordPress) Nem is ez a bonyolult része a dolognak, hanem ami ez után jön. (Első lépésekről ezek jó infók: http://codex.wordpress.org/New_To_WordPress_-_Where_to_Start)

A weblap design kialakítása Wordpress-ben

A wordpress weboldalak felépítését, arculatát a hozzá beállított sablonok adják meg. Ha megnézed a weboldalam portólióját, akkor ott nagy hányadban wp oldalak vannak, mégsem hasonlítanak egymásra. A folyamatnak ez a része szokott tartani a legtovább általában. Mindig ezzel kezdek, először megtervezem az arcát a weblapnak (ezt általában photoshopban), majd ha azt leegyeztettem a megrendelővel, akkor csinálok belőle wp sablont. Hála égnek a wp sablonkezelése nagyon programozóbarát, igazából csak html-css formában kell előállítani a photoshop tervet, aztán szétvagdosni megfelelő részekre. 4 alapvető része van, a header, a sidebar, a footer, és természetesen a törzs, amit indexnek hívunk. Bővebb infókat a technikai oldaláról a sablon építésnek itt találsz:

http://codex.wordpress.org/Stepping_Into_Templates
http://codex.wordpress.org/Theme_Development
http://net.tutsplus.com/tutorials/wordpress/how-to-create-a-wordpress-theme-from-scratch/
http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/
http://wordpress-sablon-keszites.efrud.eu/
http://codeedesign.hu/blog/category/wordpress

Kb ez az a rész, amiről tényleg regényeket lehet írni… nekem több évbe telt, míg a finom technikákat kitanultam. Persze alap tudással is el lehet boldogulni, maximum a bonyolult megoldásokkal még vársz egy kicsit.

A weboldal struktúrája

Ha kész a sablon, akkor érdemes elkezdeni az oldal struktúráját felépíteni. Ez lényegében két dologból áll: Bejegyzések (Posts) és Oldalak (Pages) szerkezetéből. A kettő között a lényeges különbség, hogy a bejegyzések amolyan hírszerűségek, egymás után írhatjuk őket, kategóriákba sorolhatjuk, címkéket adhatunk hozzájuk, általában rendszeresen frissülő tartalmakat takarnak. Az oldalak inkább a statikus részét jelentik a weblapnak. Az oldalakat lehet egymás alá, mellé hierarchizálni, a bejegyzéseket nem, azokat leginkább a kategóriák kötik össze.

Ezek megértéséről néhány hasznos infó:
http://blogmum.com/2009/05/whats-the-difference-between-wordpress-posts-and-pages/
http://en.support.wordpress.com/post-vs-page/

Wordpress plugin-ok, bővítmények

Ha megvan a kezdő struktúra, akkor érdemes a szükséges kiegészítőket betenni. Két módon működik: vagy letöltöd, és ftp-n keresztül a kinevezett wp-content/plugins/ mappába berakod, és az adminban a bővítmények oldalon aktiválod, vagy az újabb wp verziókban már lehet az admin felületen is keresni, onnan telepíteni (ehhez megfelelő szerver jogosultságok kellenek). (http://codex.wordpress.org/Managing_Plugins)

A kiegészítőket általában nem elég aktiválni, el kell végezni a szükséges beállításokat. Ehhez általában minden bővítmény csinál magának menüpontot, vagy a Beállítások alatt, vagy sajátot, néhány extrém esetben máshol. Egyes plugineknél szükség van arra is, hogy egy működéséhez szükséges kódot elhelyezz abban az oldalban, ahol használni akarod a kimenetet, vagy a sidebar kódjában, esetleg widgetként be tudod pakolni.

Hasznos Wordpress bővítmények

http://contactform7.com/
A kapcsolat formokat, ajánlatkéréseket lehet vele kivitelezni. Használatához a megadott kódot kell elhelyezni abban az oldalban, ahol a kódot akarod látni.
Bővebb leírást a pluginről az oldalon olvashatsz.

http://alexrabe.de/wordpress-plugins/nextgen-gallery/
Galéria plugin, nagyon okos, szinte mindent tud. Sok galériát lehet létrehozni, azokat albumba rendezni, szinte határtalan a megjelenítések módja is. Ha komolyabb galériát szeretnél látni a pluginnel, akkor itt nézz szét: http://vadjutka.hu/ vagy itt http://www.aegondij.hu/

http://joelstarnes.co.uk/blog/pagemash/
Az oldalak a menüben megjelenő sorrendjét szabályozza. Alap esetben a sablonban lehet megadni, hogy milyen sorrendben listázza az oldalakat, ezt a wp beépített wp_list_pages() nevű függvénye kezeli. Itt van róla infó, mit tud: http://codex.wordpress.org/Template_Tags/wp_list_pages Sajnos egyedi sorrendet nem kezel, így ehhez kell a pagemash, azzal olyan sorrendet lehet létrehozni, amit szeretnénk. A kívánságunkat adatbázisban tárolja, és onnan szedi ki minden oldalletöltéskor.

http://projects.jesseheap.com/all-projects/wordpress-highslide-js-plugin
Ez csak a szépség kedvéért: egy speciális képmegjelenítő. A galéria pluginhez pluszba tettem hozzá, mert helyesen jeleníti meg a képeket, ha rákattint a bélyegképekre a látogató.

A weboldal tartalma

Ha megvan minden plugin, akkor igazából már csak a tartalom feltöltése van hátra. Írtam az előbb, hogy az oldal struktúrát létrehozzuk, azt még tartalom nélkül szoktam csinálni, mert így legalább addig is halad a munka, és általában a tartalom szokott lenni az utolsó, amit a megrendelő lead. Kedvenc weboldalam ilyen szempontból a http://lipsum.com, ahol állati fake szövegeket lehet generálni, és így tényleg nem kell a tartalommal törődni, csak a végén.
A tartalom feltöltése kb úgy működik, mintha egy word dokumentumba írnánk, amit a weboldalon látni szeretnénk, wysiwyg szerkesztővel. (Persze lehet html-ben is, ez akkor jó, ha aprólékosabb munkát szeretnénk végezni, és értünk a html-hez).

Legvégső állomás a tesztelés, többen kipróbálunk minden funkciót, aztán mehet élesbe :) Aztán hogy lásd is az admint: http://php.opensourcecms.com/scripts/details.php?scriptid=88

Linképítés tisztességtelen eszközökkel

Zina — Fri, 05 Mar 2010 19:31:38 +0000

Minél több link mutat az oldalunkra, annál jobban szeret minket a Google. Ez mára már köztudott. Aki valamelyest ért ahhoz, hogy tudja az oldalát a Google találati listáján kicsit előrébb helyezni, tudja, hogy szépen el kell kezdeni építeni a linkeket. Persze fontos, hogy azok értékes linkek legyenek. Milyen egy értékes link? Lehetőleg a weboldalad témájához kapcsolódó tartalmú másik weboldal tartalmi részében (pl. blogbejegyzés, tanulmány) szerepeljen, a legjobb, ha egy kulcsszó van belinkelve.

De hogy a fenébe szerezzünk ilyen linket? Ma már ez egyszerűnek tűnhet, építsünk blogokat, és a bejegyzésekbe rejtsük el a linkünket. Minél több jó, témába vágó blogunk van, annál nagyobb esély arra, hogy sok és értékes link kapcsolatot állítsunk fel. De hogy jön ide a blogbejegyzés címe? Hol a tisztességtelenség?

Például ha fogalmunk sincs, miről szóljon a blog, akkor lopjunk másoktól, akiknek volt!

De Zina, ilyet nem szabad csinálni! … Tudom, és én soha nem is teszem. Ha mégis, akkor is csak ihletnek használok ilyeneket, és azokat is külföldi oldalakról. Nem Ctrl+C Ctrl+V-zem más magyar blog tartalmát!!!!

Mi is történt? Nézegettem az Analytics-ben, hogy milyen weboldalakról jött rám kattintás. Találtam egy olyat, hogy honlapkeszito.blogter.hu (direkt nem linkelem be, csak azért sem). Kíváncsi voltam, milyen vonatkozásban linkel rám, de rám mutató hivatkozás helyett nem mást találtam, mint hogy ott mosolyog öt cikkem az oldalán, szóról szóra átvéve!!!! Lapozás után a bizonyíték!

Miután nem akarok neki a Google helyezésekben segíteni, hogy még több rámutató linkje legyen, ezért csak képileg mutatom meg, hogy mit lopott (illetve a blogtér-től kértem a blog törlését is plágium miatt, nem tudom, meddig lesz látható). Íme:

Webdesign hibák első rész

Eredeti cikk: Nem követendő webdesign hibák

Még arra sem vette a fáradtságot, hogy lecserélje a betű színét…

Egyébként itt követte el a hibát a szerencsétlen plagizáló, ugyanis az eredeti cikkben (régebben) volt egy Szójegyzék hivatkozás, amit automatikusan rápakolt az összes RSS szóra, melyet aztán átvitt a http://lemmikki.hu/szojegyzek/rss linkre. És ezt rajtahagyta… És persze néhányan rákattintottak, ami pedig megjelent a statisztikámban…

És hogy miből gondolom, hogy ez egy linképítős blog? Hát nagyon cselesen egy-két ilyen linket elrejtett a készítő a bejegyzéseiben:

Természetesen megnéztem a másik két oldalt is. A blog.hu-s oldalon nem találtam olyan írást, mely tőlem lett volna lopva, de a téma ugyanaz. De nem is ez a fontos, hanem a másik oldal, a goundzero. Ezt sem linkelem be, mert nem érdemli meg, sőt. Írtam a blog.hu-s oldal gazdájának, hogy mi köze van a blogtereshez, illetve a groundzero-n is küldtem ez üzit, hogy mi köze van a másik kettőhöz… Illetve a blogteresen minden egyes íráshoz bekommenteztem, hogy ‘anyád’. Na nem szó szerint ezt, kulturáltabb voltam, aki el akarja olvasni, meg tudja tenni…

Szinte biztos vagyok benne, hogy a groundzero-s emberke nyúlta le a bejegyzéseim… 2009. szeptemberében kezdte a blogolást, ugyanakkor, mikor a másik két blog is íródott… De a legszebb az egészben, a negyedik bejegyzésének ez a címe: Sose másoljuk weboldalak tartalmát

Ahogy közzéteszem ezt a bejegyzést, el is küldöm a linkjét ebbe a bejegyzésbe kommentnek… tanuljon az úriember…

Nagykun-Ház

Zina — Sun, 28 Feb 2010 08:05:42 +0000

A design eme weboldal esetében is rám volt bízva, leginkább a színeket, esetleges hangulatokat kaptam meg, és ebből született meg a Nagykun-Ház.hu arca. Olyan kis finomságok, mint az ajánlatkérés, a legfontosabb szolgáltatások előtérbe helyezése, vagy az elérhetőségi információk kiemelése csak még jobban egésszé tették az oldalt.

Jelen esetben nem volt feladatom a tartalom feltöltése, lényegében a keretrendszert építettem fel, kapcsolat formok, galéria, aloldal sablonok stb. És igen Wordpress alapú weboldalról van szó.

http://nagykunhaz.hu

AEGON Díj

Zina — Fri, 26 Feb 2010 14:10:26 +0000

Hivatalosan nem ZINA LEMMIKKI név alatt készítettem az oldalt, hanem nyolctólnégyig munkahelyem nevében, de lényegében a teljes design és sitebuild a nevemhez fűződik, ezért merem kirakni ide a portfóliómba.

A design lényegében néhány szórólap inspirációjára készült, de megbolondítottam kis apróságokkal még, amitől ezt a hangulatot kapta. Miután a weblap mögé a megrendelő nem kért supportot, ezért minden egyes részét úgy alakítottam ki, hogy hozzáférhető legyen, programozói tudás nélkül is. Természetesen Wordpress :)

http://aegondij.hu