Upload
diki-andeas
View
5.352
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Online Magazine layout slide for Bandung Blog Village's workshop: "Online Magazine for High School Student using WordPress", Comlabs ITB Dec 20, 2008
Citation preview
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: [email protected]: 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