Tutorial Photoshop, Forum Photoshop, Tutorial CSS, Tutorial PHP, HTML, Web Tips, dll ! dremi.info
Back to Home Site V.8.0 Contact the doctorPhotoshop Forum dremi.info


Custom Search




Untitled Document

Wordpress Glassy Three - Blog Theme


Halaman - 1

Setelah dalam kurun waktu yang cukup lama, project ini sempat tersendat sendat pembuatanna karena satu dan lain hal.., yakni Wordpress Glassy Three - Blog Theme, dalam konteks design and code editing.

Wah puas rasana gue dah bisa ngeberesin template dan tutor na, seperti biasa jangan liat panjang lebar na uraian tutor, tapi netter semua cuma butuh beberapa support things yang bakal ngasi lu inspirasi dan semangat selalu... hakahakakaakakawww...

Hmmmmm.....mulai dari mana yak?

Woke...!! kalo kmaren gue ngasi tutor cara bikin layout na Wordpress Glassy Three aja di Adobe Photoshop, sekarang kita akan belajar cara mengaplikasikanna ke dalam Wordpress Blog Theme.

Woittt!!!! siapin dulu dah :

1. Kopi segala rasa...hehee..
2. Rokok StarMild ... Lidah buaya Edition, eh salah Special Buaya Darat Edition.. hihiiikkiiikkk...
3. Lagu kebangsaaan Punk Raya, hehe..Session - The OffSpring [Album: 1993 - Ignition]..
4. Kali ini cewe gue lagi mudik, jadi gue rada leluasa ga ada yang ngerecokin..hihiii..mahap ya deee...ga maksud kwok...

Kondisi: kali ini layout yang dah dibikin dalam keadaan sudah di slice, jadi tinggal di edit di Dreamweaver na (dalam File HTML+IMAGES).

Struktur File Template Wordpress Blog

Struktur File Template Wordpress Blog berada di dalam folder wp-content/themes:

images
lokasi file gambar template

404.php
file handler untuk query yang nilaina ZERO (NULL), digunakan juga untuk Handler Cannot Find Page pada root themes

comments.php
file template untuk proses komentar pengunjung

footer.php
file template untuk footer, disesuaikan dengan kebutuhan designer

favicon.ico
icon indentitas halaman web template

gpl.txt
GNU GENERAL PUBLIC LICENSE , sebuah lisensi dari sono nya, yang mesti lu sertakan dalam folder template na

index.php
file template utama wordpress template, konten dan proses utama kegiatan blogging ada di halaman ini, mulai post entry dan comments total.

screenshot.png
preview theme Image berukuran 300X250 px, untuk ditampilkan di halaman Admin WP, sebagai preview halaman na.

searchform.php
file yang bertugas mentransfer daa inputan proses searching konten blog.

sidebar.php
biasana diletakkan di sebelah kiri atau kanan pada halaman WP Blog, untuk menampilkan entry data Category, Meta Blog, dapat di modifikasi dengan memanggil The Last Entry Post, dan paling sering di gunakan untuk meletakkan generate code dari Amazing Google Adsense, Links, dan Banner.

style.css
sebagain identifikasi apakah sebuah themes itu valid atau tidak, jika style ini dihilangkan maka themes tidak akan berfungsi, karena secara keseluruhan WP Blog menggunakan konsep design web modern, yakni dengan banyak menerapkan Style DIV ID pada tag tag na.

header.php
untuk bagian header blog, tergantung kebutuhan lu, kalo gue pada tutor ini ga gue pisahin antara header dan kontent body utama blog layout na.


Fungsi Standar Template Wordpress Blog

Sedangkan fungsi standar yang di load dalam WP Blog Page na terletak di file wp-includes/template-functions-xxxxxx.php:

bloginfo('name');
// fungsi: menampilkan nama Blog


wp_title();
// fungsi: menampilkan judul blog


bloginfo('version');
// fungsi: menampilkan versi Wordpress Blog


bloginfo('stylesheet_url');
// fungsi: memanggil root style css (default location) /rootThemes/style.css


bloginfo('rss2_url');
// rel alternative link untuk RSS 2.0


bloginfo('atom_url');
// rel alternative link untuk rss+xml Atom 0.3


bloginfo('template_url');
// fungsi: menampilkan lokasi url template Blog


bloginfo('pingback_url');
// link Ping Back URL Blog


wp_get_archives('type=monthly&format=link');
// fungsi: struktut variable Halaman Archive Blog


bloginfo('template_directory');
// fungsi: memanggil lokasi direktori template yang akan dibuat


the_permalink();
// fungsi: menampilkan Query Permanen Link untuk Post Entry


comments_popup_link(__('No Comment'), __('1 Comment'), __('% Comments'), 'commentslink', __('Comments off'));
// fungsi: menampilkan link untuk komentar, biasana diletakkan di bagian awal / akhir posting

Struktur Variable na:

comments_popup_link(__('Var_Komentar Kosong'), __('Var_Komentar = 1'), __('Var_Query Jumlah Komentar > 1'), 'Var_Style', __('Var_Intrupsi Komentar Ditutup'));


edit_post_link(__('Edit'), '', '');
// fungsi: menampilkan Link Edit Posting jika Admin sedang login dan berada di halaman Blog (di luar halaman Admin).


Struktur Variable na:

edit_post_link(__('Var_Link Text'), 'Var_Option Start Link', 'Var_Option Ending Link');


comments_template();
// fungsi: memanggil template halaman comments.php


get_header();
// fungsi: memanggil halaman header.php


get_sidebar();
// fungsi: memanggil halaman sidebar.php


get_footer();
// fungsi: memanggil halaman footer.php


wp_specialchars($s, 1); // struktur Var: wp_specialchars($query, 1);
// fungsi default special karakter untuk validasi inputan WP Form template

 


Hmmmmmmm............ sedangkan untuk kamus Style na (CSS) ga gue jelasin, karena konsep nya sama kaya bikin style-style CSS biasa...yaaa kaya jenis font, posisi DIV Tag, besar huruf, warna dan sebagainya.


Naaaaah ..... Untuk kamus default fungsi struktur halaman WP Blog na cukup sampe disana, kalo lu mau lebih lanjut lagi, buka2 aja file2 fungsi di folder wp-includes atau wp-admin na


Hal. 1 - 2 - 3 - 4 - 5

Lanjut ke halaman - 2

 

 

 

 

 

© Copyright 2007 www.dremi.info


Technorati Cosmos: other blogs commenting on this post

SOCIAL BOOKMARK :

Social Bookmarks



PERMALINK HERE :

HTML Code are Not Available





6 Comments to
“ Wordpress Glassy Three - Blog Theme “

Hermanus    Posted On: 13-10-2008 / 13:43:49

Syukur, Kebetulan saya mau belajar yang ini, ni akhirnya ketemu juga setelah lama mencarinya. Aku mau coba nih. mas... ada YM nya ndak. Ntar kalau saya kesulitan kan bisa ngubungi mas....
robinson    Posted On: 14-09-2007 / 13:22:05

nice info dude... thanks a lot... bookmarked
emi    Posted On: 03-08-2007 / 11:43:28

hheee tes ah..wedeww
webmaster    Posted On: 28-06-2007 / 13:09:17

kan ada tuh di hal 5 tutor ini..download full PDF tutorial wp na
ihwan    Posted On: 26-06-2007 / 22:32:26

dr. mo nanya nih, apa ada tutorial cara design wordpress.org yg filenya pdf? mohon bantuannya y. Nuhun.
webmaster    Posted On: 24-06-2007 / 22:10:38

wehe..selamet menikmati deeehhh..

Post your comments

Name
E-Mail
(* will never be published
Website
Comments
Spam Protector
pattern68

(* ketik phrase / kata berwarna biru
 



Feed Network


Photoshop Tutorials Free, Photoshop Tutorials, Adobe Photoshop Tutorials
↑ Grab this Headline Animator
Add to Google Reader or Homepage Subscribe in NewsGator Online Add to netvibes Add to Pageflakes


Recommended Resources

Dr. Photoshop Tutorial FX AK Productions Studios Load BOY Pixel2Life
Obsidian Dawn Modern Morph Design Directory tutorial Photoshop PS Lover
Web Design Tutorials MDH Design Nansons Graphics Webmaster Resources Web and Aplication Interface | FarisW.Com



Recent Readers




dr.emi's Musics Collection


Sponsors

Webmaster

hairulazami alias dr.emi

Report broken link
Best for Internet Explorer with 1024 x 768 px resolution.

Subscribe Feed

Enter your email address:

 Subscribe in a reader
Delivered by FeedBurner



dr.emi Community Toolbar

dr.emi Community Toolbar

Whats's New ?



Bwat Nyari Duit

Click Here !!!! Get Chitika eMiniMalls E-Gold URLCash.NET UserCash.Com Ziddu.Com

Member Area

Username
Password

Links



Copy TAG HTML di atas ke web lu, ntu tandana mensupport dremi.info



tutorial ilmu grafis indonesia


Situs-Indonesia.com - Web Direktori # 1 di Indonesia

WebStats



Yahoo bot last visit powered by MyPagerank.Net
Msn bot last visit powered by MyPagerank.Net


On our way to 1,000,000 rss feeds - millionrss.com
Top Web design blogs
Powered by  MyPagerank.Net
eXTReMe Tracker

Tutorial Photoshop Ads Tips & Articles Tutorial Comments
Web Comments Web templates