wordpress layout for online magazine

http

://w

ww

.flic

kr.c

om/p

hoto

s/ky

mbe

rlyan

ne/2

9133

3284

9/ht

tp:/

/ww

w.f

lickr

.com

/pho

tos/

kym

berly

anne

/291

3332

849/

Wordpress

by Bandung Blog Village:Ryan (deathrockstar.info) & Diki (chickenstrip.org)

for online magazinelayout

Who am IWho am I ??

RyanRyan - blogger & journalist @ www.deathrockstar.info- blogger & journalist @ www.deathrockstar.info - music enthusiast & college student (ars unpar)- music enthusiast & college student (ars unpar)

DikiDiki - blogger & comic artist @ www.chickenstrip.org- blogger & comic artist @ www.chickenstrip.org - web programmer & (formerly) web designer- web programmer & (formerly) web designer

http

://w

ww

.flic

kr.c

om/p

hoto

s/sh

eriff

of0/

3001

6929

51/

http

://w

ww

.flic

kr.c

om/p

hoto

s/sh

eriff

of0/

3001

6929

51/

wplayout1

default default themethemeblog banget, xoxo...blog banget, xoxo...

themeintroduction

header

footer

postsidebarmenu

(widgets)

magazinelooks2

http://www.flickr.com/photos/blackbiscuits/1615652119/http://www.flickr.com/photos/blackbiscuits/1615652119/

professional professional magazinemagazine

cnn.com

how about how about wp wp based ?based ?

media-ide.com

twentea.com

http://flickr.com/photos/cayusa/2896983287/http://flickr.com/photos/cayusa/2896983287/

okay,how?3

download download arthemiaarthemiamagazine-like – made in bandung!magazine-like – made in bandung!

extract to /wp-content/themes

wp-admin, appearance, arthemia

select & activate

voila! voila! getting close!getting close!still need some customizationstill need some customization

Arthemia Arthemia RulesRules

- create - create “headline”“headline” and and “featured”“featured” category category

- make arthemia's files writable- make arthemia's files writable

- hack some index.php codes for categories- hack some index.php codes for categories

- make the folder - make the folder “scripts”“scripts” and and “cache”“cache” writable writable

- custom field - custom field “Image”“Image” on the post on the post (with image path.. not URL, for auto image resize) (with image path.. not URL, for auto image resize)

create create categoriescategories

1345678

3 6 5 4 8

category

home

edit index.php

set headline set headline & featured& featured

headline/featured

custom field: Image

widgets, widgets, plugins, plugins, css, css, custom imagescustom images

magazine magazine lookslookscustomize more!customize more!

http://flickr.com/photos/ikhlasulamalhttp://flickr.com/photos/ikhlasulamal

designtrend4

web 2.0-ish?

vibrant,hi-contrast

colors

mirror effect / reflection

Also: centered layout, oversize text, glossy icons,highlight area, screenshot reflection

round flashes

glossy/sheen,3D effect

roundedcorners

gradients

diagonallines

plenty ofspaces,

clear text

backgroundsolid?

gradient?clean white?

http://flickr.com/photos/quinndombrowski/2587844905/http://flickr.com/photos/quinndombrowski/2587844905/

and one more thing...

Thank You !

http://www.slideshare.net/niwat0ri

Diki Andeas aka. niwat0riEmail: niwatori@gmail.comWebsite: www.chickenstrip.org

Credits:Free images taken from www.sxc.huFlickr CreativeCommons licensed image collections (URL at each page)Ryryn & Puty Karina Puar's image collections