Dizaino integravimas į WordPress turinio valdymo sistemą

Po pirmosios video pamokos pavadinimu „Tinklalapio (web) dizaino kūrimas“ paskelbimo sulaukėme nemažai klausimų, susijusių su dizaino integravimu į kokią nors turinio valdymo sistemą. Vieni norėjo sužinoti, kaip integruoti sukoduotą dizainą į „PHP-Fusion“ valdymo sistemą, kiti — į „Joomla“, dar kitiems rūpėjo sužinoti, kokiu būdu integruoti dizainą į „WordPress“ turinio valdymo sistemą. Žmonės klausė tiek e-grafika.lt diskusijų forumuose, tiek per skype, kol galiausiai suvokėme, kad reikia būtinai paruošti video pamoką, kurioje būtų parodyta, kaip pritaikyti dizainą „WordPress“ valdymo sistemai. Be to, Edmundas pirmojoje video pamokoje užsiminė, kad galbūt ateityje svetainės lankytojai išvys video pamoką būtent šia tema. Na, pagaliau turite tokią galimybę!

Šios video pamokos pradžioje bus pirmiausia aptarta „WordPress“ šablonų (temų) struktūra, vėliau parodyta, kaip tinkamai paruošti reikiamus šablono ir stiliaus failus. Po to, žinoma, pamatysite visą sukoduoto dizaino integravimo eigą: dizaino viršus, apačia, šoninė dalis (angl. sidebar), įrašų blokas. Taip pat sužinosite, kaip stilizuoti (redaguoti) standartinę komentarų bei paieškos sritį. Galiausiai video pamokos apibendrinime bus apibendrintas visas darbas bei nurodyta, ką būtų galima tobulinti savo integruotame dizaine ateityje.

Šioje video pamokoje naudojamas dizainas, kuris buvo sukurtas pirmojoje video pamokoje. Visus dizaino failus galite parsisiųsti iš čia: http://www.e-grafika.lt/failai/dizainas.rar (spauskite dešinįjį pelės mygtuką ir pasirinkite „Save Link As...“ (Firefox), „Download Linked File As...“ (Safari) arba „Save Target As...“ (Internet Explorer)).

Dizainą, paruoštą „WordPress“ valdymo sistemai (kurtą šioje pamokoje), galite parsisiųsti iš čia: http://www.e-grafika.lt/failai/wordpress_dizainas.rar.

„WordPress“ dokumentacija: codex.wordpress.org.

Diskusijos apie video pamoką forumuose:http://www.e-grafika.lt/forumai/tema/23.

Tinklalapio (web) dizaino kūrimas

E-grafika.lt svetainės atsinaujinimo proga paruošėme dviejų valandų trukmės video pamoką (ah, meluojame — tiksli pamokos trukmė 2 val 34 min!) apie tai, kaip sukurti tinklalapio (web) dizainą. Jeigu kas nors iš jūsų žiūrėjote pirmąją video pamoką, atsimenate, kad ji buvo suskaidyta į tris dalis. Kadangi ši video pamoka yra labai panaši (vos ne „remake“) į ankstesnę, nutarėme palikti tas pačias dalis. 

Patarimai naujokams

,

3D

,

Photoshop

,

Autodesk

,

HTML

,

WordPress

,

Cascading Style Sheets

,

3D Studio Max

,

E-grafika.lt

,

Web 2.0

,

Svetainių kūrimas

,

Web dizainas

,

Web įrankiai

,

Adobe

• Visos kategorijos (2)
• Adobe Photoshop (1)
• Cascading Style Sheets (CSS) (1)
• Tinklalapių dizainas (2)
• WordPress (1)

adijux

Ši problema buvo keletą kartų aptarta diskusijų forumuose: http://www.e-grafika.lt/index.php/forumai/tema/24/

Keris17

Sveiki. Man iškilo problema žiūrint pamokas. Noriu pradėti koduoti bet kai tik ijųngiu photoshop ir pasižiųrėjąs noriu pradėti. Photoshop'e nieko neleidžia daryti. Ir taip visą laiką. Keistai kažkaip. spaudžiu photoshope betkokį tool ir man rodo tą ranką ir nieko negaliu nei piešti ir aplamai nei vienas tool neveikia po video žiūrėjimo.

adijux

Ateityje rekomenduoju didesnėms problemoms išspręsti pasitelkti diskusijų forumus, kadangi ten su lauksi daugiau pagalbos.

GIANT1

Jau ištaisiau įkėlęs reset.css failą

GIANT1

Sveiki, viską mėginau, bet niekaip nesigauna gerai padaryt, žiūrėjau ir tavo css failą, ir nukopijavau kodą, bet vis tiek kažko blogai atvaizduoja. Va kur problema: http://www.part.lt/img/ca317d7775f399f00e123838ab2bc0d2958.JPG        Kodėl viršuje ta mėlyna juostelė neprisiglaudus prie viršaus, neper visą plotą ir "Pagrindinis" neprisiglaudęs prie jos? Visiem, kam siunčiau atvaizduoja taip pat, o paleidus Jūsų failus, rodo normaliai. Kaip ištaisyti šią klaidą?