THT DUYURU

takipci
chat
Seçenekler

WordPress Teması Yapımı İçin Bilinmesi Gerekenler

'Black Warrior - ait Kullanıcı Resmi (Avatar)
Yardımsever
Üyelik tarihi:
01/2013
Nereden:
E5
Mesajlar:
12.136
Konular:
6505
Teşekkür (Etti):
1703
Teşekkür (Aldı):
2212
Ticaret:
(0) %
0
403
22-01-2015 10:54
#1
WordPress Teması Yapımı İçin Bilinmesi Gerekenler
Merhabalar, bu makalede WordPress teması yapımı için bilmeniz gerekenleri ve kısaca bunların nasıl kullanılacaklarını açıklamaya çalışacağım. Sıfırdan başlayanlar için bilinmesi gerekenler çok fazla görünebilir ama biraz araştırma ve dene yanıl yöntemiyle kendinizi geliştirebilir ve o hayal ettiğiniz temalara sahip olabilirsiniz. Ayrıca yeni bir tema oluşturmanın tüm yükünü kendi üzerinizde tutmak zorunda değilsiniz. Bu işi tasarımcı, arayüz kodlayıcı ve ve programcı olarak 3 kişi ortak çalışarak da yapabilir. İş bölümü yapmak çoğu projede olduğu gibi bu projede de size büyük bir avantaj sağlayacaktır.
Makaleyi bilinmesi gereken Programlama Dilleri ve Programlar olarak ikiye ayrıdım. Böyle daha anlaşılır olur umarım.
Programlama ve Mark-Up Dilleri

HTML / XHTML / DHTML

HTML, tüm web sayfalarının temelinde olan bir Mark-Up dildir. HTML normal bir web sayfası yapmak için en gerekli olan ve kısmen yeterli olan bir dildir. Ancak HTML ile yapılacak sayfalar oldukça basit ve sade görünen sayfalar olacaktır. Ayrıca XHTML standartlarına da uygun olmayacaktır. HTML öğrenmesi oldukça zevkli bir dildir, tema ve hatta temadan ziyade web site yapmak isteyenlerin ilk olarak öğrenmesi gereken dildir.
XHTML, HTML kodlarının bir standarda bağlanmış şeklidir. Temel olarak yine aynı HTML’dir. Günümüzde artık HTML kavramının yerini XHTML almaktadır. HTML öğrendikten sonra, XHTML öğrenmek çok daha kolay olacaktır. Çünkü kodlar arasında fazla bir fark yoktur. XHTML’yi temamızın ana şablonunu oluştururken CSS ile bir bütün olarak kullanmalıyız. Bununla birlikte XHTML kullanıyoruz çünkü SEO’ya önem veriyoruz. Arama motorlarında üst sıralarda çıkmak bazılarımızın asıl amacıdır, bu yolda HTML yerine XHTML kullanmak mantıklı olacak harekettir çünkü günümüzde arama motorları sitelerin web standartlarına uygun olup olmadığına da bakmaktadırlar. Ayrıca bazı arkadaşlara yararlı olacağını düşündüğüm, “XHTML kuralları” adlı bir makaleyide en kısa sürede yazmak istiyorum.
DHTML ise HTML kodlarının Javascript dili ile güçlendirilmiş ve bir nevi hareket kazandırılmış halidir. Buna en güzel örnek tasarımlardaki kayan haberler/resimler bloklarıdır diyebiliriz.
CSS

CSS, oluşturmuş olduğumuz web sayfamıza şekil verebileceğimiz, güçlü bir stil şablonlama aracıdır. WordPress temalarının olmazsa olmazlarındandır. Bununla birlikte CSS günümüzün en gözde ve vazgeçilmez kavramlarından biridir. Bu nedenle öğrenmek bir avantaj veya ihtiyaçtan ziyade bir zorunluluk olmuştur bu zamanda.
Tema yapımında diğer PHP dosyalarından ayrı olarak bir de CSS dosyası (style.css) oluşturulur. Bu dosyada öncelikle temanın temel bilgisi bulunur. Ardından dilerseniz yine bu dosyayı kullanarak, dilerseniz de kendi stil dosyalarınızla temanıza şekil verebilirsiniz.
PHP

PHP, günümüzde Web programcılığı alanında kullanılan en önemli dillerden biridir. WordPress’in temelini de oluşturan bu dil, doğal olarak temaların da kodlanmasında kullanılır. CSS ve HTML ile kodlamış olduğunuz tasarımın işlev kazanması ve WordPress ile bütünleşmesi için az veya çok PHP bilmek zorundasınız.
WordPress’de tema yapabilmek için üst düzey bir PHP bilgisine sahip olmanız gerekmez, belli başlı fonksiyonlar var. Bunlardan birkaçını örnek olması amacıyla açıklayacağım.
Yazdığımız yazıya ait etiketleri gösteren fonksiyon : <?php the_tags(__(‘Etiketler : ‘), ‘, ‘, ‘, ‘); ?>
Yazıyı yazan kullanıcının ismini getiren fonksiyon : <?php the_author() ?>
Eski yazıları listeleyen fonksiyon : <?php previous_posts_link(‘Eski Yazılar &raquo;’) ?>
Bunlar gibi birçok hazır WordPress fonksiyonu bulunmaktadır. Hepsini burada açıklayamayacağım için, internette “wordpress fonksiyonları” diye arayarak istediğiniz fonksiyonları bulabilirsiniz. Bunun dışında kendiniz de ihtiyacınıza göre PHP’den faydalanabilir, ihtiyacınız olan fonksiyonları yazabilir ve temanızı güçlendirebilirsiniz.
Programlar

PHOTOSHOP

Yaptığımız WordPress temasının görsel anlamda güzel ve özgün olması, birçok WordPress kullanıcısının ilk aradığı özelliktir. Temamızın arayüzü de ilk göze çarpan ve sitenin tüm havasını veren öğesidir. Arayüzümüzü tasarlamada bize yardımcı olacak programların başında da Photoshop gelir.
FIREWORKS

Photoshop yerine kullanılacak güzel bir alternatif olarak karşımıza çıkar. Eğer herhangi bir grafik tasarım programı kullanmayı bilmiyorsanız tavsiyem Fireworks’tür. Kullanımı Photoshop’a göre oldukça kolaydır.
DREAMWEAVER

Kod yazarken kullanacağınız programın kalitesi hem işinizi kolaylaştırır hem de size zaman kazandırır. Zamandan tasarruf etmek amacıyla kodları düzenleyen, renklendiren, kodun 1-2 harfini yazdığınızda tamamını getiren programlar kullanmak, birçok yazılımcının kullandığı bir yöntemdir. Bu konuda en çok kullanılan program da Dreamweaver‘dır. Burada dikkat etmeniz gereken birkaç önemli detay var. Bazı programlar gereğinden fazla kod ekleyebiliyor. Gereksiz kod hiçbir zaman size bir fayda sağlamaz. Bazı programlar ise XHTML’ye aykırı kodlar kullanabiliyorlar. Bunlara dikkat ediniz.
NOTEPAD++

Dreamweaver kullanmak istemeyenler için güzel bir alternatiftir.
---------------------
- 2015-2018 Moderasyon -

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler





1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291