http://www.bildirgec.org/ tr-tr 40 bildirgec.org - progenic - beğendikleri progenic <p>işte sizin için bazı favori ve çok bilgilendirici kodeks dersleri.yeni başlayanlar bu derslerden çok şey öğrenebilir.</p> <p><strong>1.ilgili mesajın içinde küçük resim (thumbnail) nasıl gösterilir?</strong><a href="http://buildinternet.com/2009/07/display-thumbnails-for-related-posts-in-wordpress/"><div class="imajsol"><img src='http://www.bildirgec.org/imaj/progenic/1.jpg' alt="\"\"" border="0"><br></div></a><br>Bu derste YARPP eklentisini kullanarak önsayfadaki mesajlarınızı küçük,ilgili resimler ile nasıl yayınlayacağımızı öğreneceğiz.</p> <p><strong>2.yazar kutusu nasıl oluşturulur?</strong><br><a href="http://buildinternet.com/2008/12/how-to-build-an-author-box-in-wordpress/"><div class="imajsol"><img src='http://www.bildirgec.org/imaj/progenic/2.jpg' alt="\"\"" border="0"><br></div></a><br>Aslına bakarsanız <em>yazar kutusu</em> eklemek çok basit işlemdir.10 dakika içinde güzel bir yazar kutunuz olacak.</p> <p><strong>3.Yönetici yorumları nasıl vurgulanır?</strong><br><a href="http://www.animhut.com/wp-content/uploads/2009/10/admin-combanner.jpg"><div class="imajsol"><img src='http://www.bildirgec.org/imaj/progenic/3.jpg' alt="\"\"" border="0"><br></div></a><br>Burada yapacağımız işlem sonrası yöneticinin yaptığı yorumlar ayrı vurgulanacaktır.</p> <p><strong>4.özgün yazar yorumları sitili nasıl yapılır?</strong><br><a href="http://buildinternet.com/2009/04/unique-author-comment-styles-in-wordpress/"><div class="imajsol"><img src='http://www.bildirgec.org/imaj/progenic/4.jpg' alt="\"\"" border="0"><br></div></a><br>Bu derste yorumcu olarak görevli kişilerin yorumlarının otomatik olarak vurgulandığı bir sistem kuracağız.</p> <p><strong>5.wordpress temasına anons kutusu nasıl eklenir?</strong><br><a href="http://buildinternet.com/2009/07/how-to-add-an-announcement-box-to-your-wordpress-theme/"><div class="imajsol"><img src='http://www.bildirgec.org/imaj/progenic/5-2.jpg' alt="\"\"" border="0"><br></div></a><br>Bu derste wordpress temasına uygun duyuru kutusu yapacağız.Bu duyuru kutusunu kontrol panelinden açıp kapatabilecek,yazıları değiştirebileceğiz.</p> <p><strong>6.yazar meta bilgisi nasıl gösterilir?</strong><br><a href="http://buildinternet.com/2009/06/displaying-author-meta-information-in-wordpress-2-8/"><div class="imajsol"><img src='http://www.bildirgec.org/imaj/progenic/6.jpg' alt="\"\"" border="0"><br></div></a><br>the_author_meta () şablon etiketi ile ziyaretçilerin belirli bölümlerde bilgi sahibi olmaları sağlayacağız.</p> <p><strong>7.özgün önsayfa gösterimi nasıl yapılır?</strong><br><a href="http://buildinternet.com/2009/03/how-to-make-unique-front-page-teasers-for-wordpress-posts/"><div class="imajsol"><img src='http://www.bildirgec.org/imaj/progenic/7-2.jpg' alt="\"\"" border="0"><br></div></a></p> <p><strong>8.varsayılan gravatar nasıl değiştirilir?</strong><br><a href="http://buildinternet.com/2009/02/how-to-change-the-default-gravatar-in-wordpress/"><div class="imajsol"><img src='http://www.bildirgec.org/imaj/progenic/8.jpg' alt="\"\"" border="0"><br></div></a><br>Yorum kısmında gözüken Gravatar'ın varsayılan resmini kendi isteğiniz doğrultusunda değiştireceğiz.</p> <p><strong>jquery dersleri bağlantıları:</strong><br>1.Elastik thumbnail menu yapın<br><a href="http://buildinternet.com/2009/09/sproing-make-an-elastic-thumbnail-menu/">[bağlantı]</a><br>2. gökkuşağı! – yazı ve arkaplan rengi değiştirme<br><a href="http://buildinternet.com/2009/09/its-a-rainbow-color-changing-text-and-backgrounds/">[bağlantı]</a><br>3. animasyonlu postakartı yapın<br><a href="http://buildinternet.com/2009/08/crafting-an-animated-postcard-with-jquery/">[bağlantı]</a><br>4. işıklar kapansın – karatmale ve kaplamalı arkaplan içeriği<br><a href="http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/">[bağlantı]</a><br>5. hızlı ipucu – html öznitelikleri okuma ve düzenleme<br><a href="http://buildinternet.com/2009/07/quick-tip-reading-editing-html-attributes-in-jquery/">[bağlantı]</a><br>6.hızlı ipucu – tarayıcı boyutuna göre resimleri yeniden boyutlandırama<br><a href="http://buildinternet.com/2009/07/quick-tip-resizing-images-based-on-browser-window-size/">[bağlantı]</a><br>7.animasyonlu perde açılışı<br><a href="http://buildinternet.com/2009/07/animate-curtains-opening-with-jquery/">[bağlantı]</a><br>8.t-shirt gallerisi<br><a href="http://buildinternet.com/2009/06/how-to-make-a-threadless-style-t-shirt-gallery/">[bağlantı]</a><br>9.transparan png ile slayt gösterisi<br><a href="http://buildinternet.com/2009/06/how-to-make-a-slideshow-with-a-transparent-png-frame/">[bağlantı]</a><br>10. animasyonlu resim döndürme<br><a href="http://buildinternet.com/2009/06/animate-image-filling-up-using-jquery/">[bağlantı]</a><br>11. Animasyonlu Alfabe<br><a href="http://buildinternet.com/2009/05/make-an-animated-alphabet-using-keypress-events-in-jquery/">[bağlantı]</a><br>12. kayan kutular ve başlıklar<br><a href="http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/">[bağlantı]</a><br>13. etkileyici manzara bağlığı hazırlama<br><a href="http://buildinternet.com/2009/02/how-to-make-an-impressive-animated-landscape-header-with-jquery/">[bağlantı]</a><br>14. superboyutlandırma – tam ekran arkaplan ve slayt gösterileri<br><a href="http://buildinternet.com/2009/02/supersized-full-screen-backgroundslideshow-jquery-plugin/">[bağlantı]</a><br>15. odaklığında form giriş stili değiştirme<br><a href="http://buildinternet.com/2009/01/changing-form-input-styles-on-focus-with-jquery/">[bağlantı]</a><br>16. akıcı animasyonlu menü<br><a href="http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/">[bağlantı]</a><br>17. hızlı ipucu – bulanık bağlantılar<br><a href="http://buildinternet.com/2008/12/quick-tip-blur-links-with-jquery/">[bağlantı]</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/progenic">progenic</a> tarafından <a href=" http://www.bildirgec.org/yazi/wordpress-tasarimina-yeni-baslayanlar-icin ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Fri, 09 Jul 2010 14:51:00 GMT 238632@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/wordpress-tasarimina-yeni-baslayanlar-icin progenic <p>İnternette birçok kez araştırmama rağmen bir türlü güncel ve istediğim bilgileri bulamamanın sıkıntısıyla yazıyorum bu yazıyı. eğer benim gibi meraklı olan varsa, bu yazıyı mutlaka okusun derim. öncelikle belirtmek isterim ki -ki birçok yerde zaten okudunuz ve eğer bu konu ile ilgili araştırma yaptıysanız- gerçekten evden yayın yapmak kolay bir şey değil. ayarların yapılmasından değil, daha çok ülkemizin internet şartları ile alakalı. <strong>peki sen neden yaptın?</strong> diye sorarsanız, benim amacım evden web yayını yapmak değil de daha çok pratikte bunun nasıl yapıldığını öğrenmekti, öğrendim de!</p> <p><strong>port yönlendirme</strong></p> <p>araştırma yapan herkesin karşısına çıkmıştır mutlaka, "modeminizde 80 portunu açmanız gereklidir" diye. bu olay çok zormuş gibi görünse de <em>(ilk merak ettiğim zaman bana da aynısı olmuştu)</em> aslıda oldukça kolay. modeminizin internet arayüzünden kolaylıkla yapabilirsiniz.</p> <p>ne yapmak lazım?</p> <ol> <li>modemin bütün ayarlarını yapabildiğiniz internet arayüzüne bağlanmalısınız. <strong>(genellikle <em>192.168.1.1</em> ya da <em>192.168.2.1</em> şeklinde bir ip adresidir. ben airties rt-206v2tt modem kullanıyorum ve bu modele göre anlatacağım.)</strong></li> <li>ip adresinizi yazdığınız zaman sizi giriş ekranı karşılayacak. kullanıcı adınızı ve şifrenizi girip devam edin. <strong>(internetinizi <em>ttnet</em>'ten aldıysanız kullanıcı adınız ve şifreniz varsayılan olarak <em>admin/ttnet</em> şeklindedir. Şifrenizi bilmiyorsanız da müşteri hizmetlerini arayarak öğrenebilirsiniz.)</strong></li> <li>kullanıcı adı/şifre olayını geçtikten sonra açılan sayfada sol taraftaki menüden <strong>nat - port yönlendirme</strong>'yı tıklayarak yönlendirme ayarını yapacağınız sayfaya gelmiş olmalısınız. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/brkzn/airtiesportforward.png' alt="port yönlendirme" border="0"><br>resmin büyük hali için <a href="http://burakuzun.files.wordpress.com/2010/05/airtiesportforward.png">tıklayın</a></div></li> </ol> <p><!-- buradan kes --></p> <ol> <li>port yönlendirme sayfasında ilk olarak <strong>port yönlendirme etkin</strong> kutusuna çentik atıp kaydedin. daha sonra yine aynı sayfada <strong>yeni</strong> butonuna basarak port yönlendirme ayarlarını yapabileceğiniz sayfayı açın. yapmanız gereken ayarları yapmadan önce aşağıdaki açıklamalara da ayrıca dikkat edin.</li> <li><strong>kural adı</strong> kısmına ne yazacağınız size kalmış, istediğiniz bir adı verebilirsiniz <em>(webserver gibi)</em>. istemci seçiniz kısmında ise yeni ip adresi bölümüne bilgisayarınızın <strong>yerel ip adresini</strong> yazmanız gerekli. normalde mevcut lan istemcileri kısmında modeme bağlı bütün bilgisayarlar görünür fakat ben biraz kurcaladığım için bende görünmüyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/brkzn/portforwardayar.png' alt="\"\"" border="0"><br></div></li> </ol> <blockquote>yerel ip adresinizi bilmiyorsanız <strong>başlat</strong>'tan <strong>çalıştır</strong>'ı <strong>(windows tuşu + r ile açabilirsiniz)</strong> açın. <strong>cmd</strong> yazıp enter'a basın. komut satırına <strong>ipconfig /all</strong> komutunu girerek ip adresinizi öğrenebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/brkzn/ipadresinizcmd.png' alt="\"\"" border="0"><br>resmin büyük halini görmek için <a href="http://burakuzun.files.wordpress.com/2010/05/ipadresinizcmd.png">tıklayın</a></div></blockquote> <p>alt kısımda ise asıl port ayarlarını yapacağımız kısım var. sol taraftan hazır ayarları kullanabilirsiniz fakat biz sadece 80 portunu açacağız. yine <strong>uygulama adı</strong> kısmına istediğiniz adı yazabilirsiniz. bende webserver yazıyor. wan ve lan kısımlarının altındaki tcp portları kısmına 80 <em>(açmak istediğimiz port numarası)</em> yazıp ekle dedikten sonra kaydederek port yönlendirme işlemini tamamlamış oluyoruz.</p> <p><strong>ip adresi sabitleme</strong></p> <p>burada kastettiğimiz ttnet'ten alacağınız bir sabit ip hizmeti değil .bilgisayarın yerel ip'sini sabitlemek... nedeni, modeminizin her açılışta bilgisayara <em>192.168.2.2</em> ile <em>192.168.2.254</em> arasında rastgele bir ip vermesi. bu ayarlamalar işletim sistemine göre değişiklik gösteriyor fakat ben windows7 kullanıyorum o yüzden ona göre anlatacağım. aynı ayarlamalar ile windows vista'da da yapabilirsiniz benzer şekilde. Xp kullanıcıları ise 5. maddede nasıl yapacaklarını okuyabilirler.</p> <p>ne yapmak lazım?</p> <ol> <li>saatin yanındaki bağlantı simgenize tıkladığınızda küçük bir pencere açılacaktır. oradan kullandığınız bağlantı üzerinde sağ tıklayarak <strong>durum</strong>'u seçin.</li> <li>açılan ekranda etkinlik bölümünde <strong>özellikler</strong>'i, daha sonra açılacak yeni pencerede<strong> internet protokolü sürüm 4 (tcp/ipv4</strong> 'e tıkladığınızda ayarları yapacağınız son pencere açılacak.</li> <li><strong>aşağıdaki ip adresini kullan</strong>'ı seçip, ip adresi kısmına bilgisayarınızın kullanmasını istediğiniz sabit ip adresinizi yazın <em>(mesela bende 192.168.2.2)</em>. alt ağ maskesi kısmı otomatik olarak 255.255.255.0 olacaktır. madem o kadar hevesli bırakın kalsın öyle. varsayılan ağ geçidine ise modeminizin internet arayüzüne girmek için kullandığınız ip'yı yazmalısınız.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/brkzn/sabitipayar.png' alt="\"\"" border="0"><br>resmin büyük hali için <a href="http://burakuzun.files.wordpress.com/2010/05/sabitipayar.png">tıklayın</a></div></li> <li><strong>otomatik olarak bir ip adresi al</strong> seçeneği seçili olmadıkça <strong>otomatik olarak bir dns adresi</strong> de alamayacaksınız fakat bu o kadar da önemli değil. boş bırakırsanız varsayılan olarak modemin ip adresini kullanacaktır. açık olan pencereleri tamam diyerekten kaydedip kapatın. ip adresiniz artık sabit.</li> <li>windows xp kullanıcıları ise bu ayarları şu şekilde yapabilirler: <strong>başlat</strong> - <strong>ağ bağlantıları</strong>'na tıklayın. açılan pencerenin sol tarafında bulunan <strong>ağ görevleri </strong>sekmesinin altında <strong>ağ bağlantılarını görüntüle</strong>'ye tıkladıktan sonra mevcut ağ bağlantılarınız açılacaktır. kullandığınız bağlantının üzerine sağ tıklayarak <strong>özellikler</strong>'i seçin. açılan pencerede <strong>internet iletişim kuralları (tcp/ip)</strong>'na çift tıkladığınızda yeni bir pencere açılacak. bu pencerede gerekli ayarları yukarıdaki şekilde yapabilirsiniz.</li> </ol> <p><strong>bana bir sunucu lazım. hem de hemen!</strong></p> <p>size sadece bir sunucu lazım değil. sunucu, veri tabanı, bu veri tabanını kontrol edebileceğiniz bir sistem, vs, vs. kafanız hiç karışmasın. bunları <a href="http://www.wampserver.com/">wampserver</a> ile kolaylıkla bilgisayarınıza kurabilirsiniz. bazı özellikleri olmamasına rağmen başlangıç için oldukça kolay bir program. (WampServer yerine <a href="http://www.apachefriends.org/en/xampp.html">xampp</a> programını da kullanabilirler fakat alışması biraz zamanınızı alacaktır.) kurulum işlemi ise oldukça basit.</p> <p>ne yapmak lazım?</p> <ol> <li>ilk olarak wampserver'ı sitesinden indirmelisiniz. indirme sayfasına <a href="http://www.wampserver.com/en/download.php">buradan</a> ulaşabilirsiniz.</li> <li>dosya indikten sonra kurulum işlemine geçebiliriz. indirdiğiniz dosyayı çalıştırın. gelen ekranda lisans sözleşmesini onaylayın. wampserver'ın kurulacağı yeri seçin. kısayollara da çentik attıktan sonra kurulum için sizin yapmanız gerekenler bitmiş oluyor.</li> <li>kurulum tamamlamaya yaklaştığında eğer sisteminizde firefox'u bulursa wampserver için varsayılan tarayıcı yapmak isteyip istemediğinizi soracak. bunu da onaylayıp geçin.</li> <li>artık bir sunucunuz var fakat wampserver açıldığında ilk olarak çevrimdışıdır. yayın yapabilmek için çevrimiçi olmanız gerekli. saatin yanında bulabileceğiniz wampserver simgesine bir kere tıklayın. açılacak küçük pencere bundan sonra hiç yabancı olmayacağınız yer. burada çevrimiçi hale getir'e tıkladığınızda sunucunuz çevrimiçi, diğer bir deyişle yayında olacaktır.</li> <li>biraz önce sabitlediğimiz ip adresinizi herhangi bir tarayıcının adres satırına yazdığınızda eğer her şey yolunda ise wampserver anasayfası gelmeli. aslında şu anda siteniz dışarıdan erişilebilir durumda fakat arkadaşlarınızın ya da tanıdıklarınızın sitenize bağlanabilmesi için bilgisayarınızın internet ip adresinizi <strong>(internet ip adresiniz, ttnet'in size vermiş olduğu modem kapanıp açıldığında değişen ip adresidir. modeminizin anasayfasından ya da <a href="http://whatismyipaddress.com/">whatismyipadress</a> adresinden öğrenebilirsiniz.)</strong> bilmeleri gerekli. <em>(bunu da birazdan düzelteceğiz.)</em></li> <li>sitenizi denemek için kendi internet ip adresinizi yazdığınızda ise yine modem ana sayfasının gelmesi kendi bilgisayarınızdan bağlandığınız için normal bir durum. port yönlendirmede bir sorun olduğunu düşünmeyin. port yönlendirmeyi denemek için başka bir yerdeki bilgisayardan ip adresinizi yazmalısınız. sitenizin dışarıdan nasıl göründüğüne bakmak için <strong>bilgisayara verdiğiniz sabit ip adresinizi (192.168.2.2), 127.0.0.1 ip adresinizi ya da http://localhost/</strong> yazarak kontrol edebilirsiniz.</li> </ol> <p><strong>ip adresinden kurtulun</strong></p> <p>ip adresiniz yerine düzgün bir adres almak daha güzel olmaz mıydı? bir de bu adres ücretsiz olsa mesela tadından da yenmezdi hani. evet! bunu yapmak için güzel bir servis var. basitçe sistemin çalışma mantığı, siteden aldığınız alan adınıza internet ip adresinizi kaydediyorsunuz. bu alan adına gelen bütün istekler sizin internet ip adresinize yönlendiriliyor. şöyle bir sorun çıkıyor burada karşımıza. yukarıda internet ip adresini açıklarken ip'nin değişken olduğunu, modemin her kapanıp açıldığında farklı bir ip adresi aldığını yazmıştık. her modem kapandığında yeniden ip yazmak zahmetli iş. servisin diğer güzelliği ise burada başlıyor. bilgisayarınıza kuracağınız minimini bir program ile bu sorunun üstesinden gelebilirsiniz. modem kapanması, ttnet'in arada sırada attığı resetler gibi nedenlerden dolayı ip adresiniz her değiştiğinde, program yeni internet ip adresinizi hesabınıza eşitliyor. siz hiç bir şey ile uğraşmıyorsunuz. sistem kaynaklarını tüketmediğini söylemek yanlış olmaz hani.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/brkzn/dyndnsicon.png' alt="\"\"" border="0"><br></div></p> <p>ne yapmak lazım?</p> <ol> <li><a href="http://www.dyndns.com/">dyndns.com</a> adresinden ücretsiz bir hesap almalısınız. <em>(elbette ücretli seçenekler de var. bu servislerle kendi alan adınızı da alabiliyorsunuz. ilgilenenler varsa aynı adrese bakabilirler.)</em> ücretsiz seçeneğinde kullaniciadiniz.homedns.org şeklinde oluyor <em>(...homedns.org kısmı için 88 adet alternatif mevcut)</em>.</li> <li>üye olma işlemi oldukça basit. adınızı, kullanıcı adınızı, şifrenizi, şifrenizin doğrulamasını, e-posta adresinizi, e-posta adresinizin doğrulamasını ve güvenlik kodunu girmelisiniz. daha sonra ise sitenizin adını <em>(kullanıcı adınız olmak zorunda değil)</em> ve 88 alternatifli adresten birini seçmelisiniz. daha sonra internet ip adresinizi yazmalısınız <strong>('your current location's ip address is 56.187.110.832' yazısına tıklayarak internet ip'niz otomatik olarak metin kutusuna yazılacaktır)</strong>.</li> <li>bizim için şimdilik gerekli olan ayarlar bunlar. <strong>add to cart</strong> butonuna basarak ürününüzü sepete atıyoruz. açılan ekranı <strong>next</strong> butonuna basarak geçebiliriz. daha sonra son ekranda <strong>activate services</strong> butonuna tıklayarak işlemlerinizi tamamlayın.</li> <li>sitenizi aktif ettikten sonra denemek için adresinizi yazdığınızda modeminizin arayüzü geliyorsa servis düzgün çalışıyor demektir. hatırlayın internet ip adresinizi yazdığınızda da modemin sayfası açılmıştı. yani sistem alan adından sizin ip adresine yönlendirmeyi sorunsuz yapıyor. :)</li> <li>yukarıda değişken ip sorununu açıklamıştık. bu sorunun üstesinden gelmek için sistemin bize sunduğu minimini programı indirmeniz ve kurduktan sonra birkaç küçük ayar yapmanız gerekli. programı indirmek için sitedeki adresinden <a href="http://www.dyndns.com/support/clients/">indirebilirsiniz (726kb)</a>. kurulumu ise 5 adımda hallediyorsunuz. kısa bir kurulumdan sonra programı çalıştırın. sitede kullandığınız <strong>kullanıcı adı/şifrenizle</strong> giriş yapın. sistem internet ip adresinizi otomatik olarak bulacak ve alan adınıza eşitleyecektir.</li> <li>bazen bilgisayarımızın performansını arttırmak için başlangıçta çalışan programları kapatabiliyoruz. Eğer böyle bir ayarlama yaptıysanız program ip adresinizi güncelleyemeyecektir. bu yüzden bilgisayarınız açıldığında programın başlatmasını ayarlamalısınız. ayarlamayı ise programda <strong>advanced</strong> sekmesinden yapabilirsiniz. advanced sekmesine tıkladığınızda en üstteki <strong>start updater with windows</strong>'un yanındaki kutucuğa bir çentik atın. bu kadar. :)</li> </ol> <p>artık güzel bir alan adınız, kendinize ait bir sunucunuz var. tabii ciddi anlamdan web yayını yapmak şimdilik ülkem şartlarında hayal. benim bu konudaki amacım zaten bunu pratikte nasıl yapıldığını öğrenmekti. ben öğrendim, siz de öğrenin dedim yazdım. olur da ilerde yurdumun servis sağlayıcısı imana gelir de internet hızımız katlanırsa kendi sitenizi kendiniz yayınlarsınız. takıldığınız konuları veya yazıdaki herhangi bir yanlışı yorumlarda yazabilirsiniz. hem diğer kullanıcılara yardımınız dokunmuş olur hem de beni de yanlıştan döndürmüş olursunuz. umarım faydalı olur sizin için de.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/progenic">progenic</a> tarafından <a href=" http://www.bildirgec.org/yazi/evden-web-yayini-yapin ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Thu, 27 May 2010 09:21:00 GMT 237355@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/evden-web-yayini-yapin progenic <p>Wordpress bilindiği üzere, şu sıralar dünyanın en popüler blog platformu olarak milyonlarca kullanıcıya sahip. Aynı zamanda bir <a href="http://www.bildirgec.org/etiket/CMS">CMS</a> olarak da yeterli güce sahip oldukça kullanışlı bir sistem.</p> <p>Seviyeniz ne olursa olsun <a href="http://www.bildirgec.org/etiket/wordpress">wordpress</a> için gereksinimleriniz de ona göre değişiyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/untitled-1-2.jpg' alt="\"\"" border="0"><br></div> <p>Aşağıda <a href="http://www.bildirgec.org/etiket/wordpress-kurulumu">wordpress kurulumu</a>, eklentiler (plug in), ücretli ve ücretsiz temalar, güvenlik ile ilgili yapılması gerekenler, wordpress editörleri, <a href="http://www.bildirgec.org/etiket/wordpress-dersleri">wordpress dersleri</a>, tüyoları, teknikleri gibi ihtiyacınız olan bütün dökümanlara ve materyallere ulaşabileceğiniz 300+ kaynak bulunmaktadır.</p> <p>İşinize yarayacağını umuyorum.</p> <p><strong><a href="http://www.bloggingpro.com/archives/2006/06/19/my-wordpress-install-process/">Wordpress kurulumu</a></strong>: sıfırdan WP kurulum rehberi</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/wordpress-install.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.hongkiat.com/blog/youve-installed-wordpress-so-whats-next/">Kurulum tamamlandı sırada ne var?</a></strong>: Kurulum sonrası yapmanız gerekenleri aşama aşama anlatan faydalı bir rehber.</p> <p><strong><a href="http://www.problogdesign.com/wordpress/the-ultimate-guide-to-setting-up-wordpress-after-an-install/">Kurulum sonrası ileri seviyede ayarlar</a></strong>: Kurulumdan sonra yapmanız gereken ileri seviyedeki ayarlar için profesyonel bir rehber.</p> <p><strong><a href="http://www.problogdesign.com/wordpress/10-things-to-do-after-installing-wordpress/">Kurulum sonrası yapmanız gereken 10 şey</a></strong>: burada da aynı şekilde kurulum sonrası yapılması gerekenler maddeler halinde anlatılıyor.</p> <p><!-- buradan kes --></p> <p><strong><a href="http://www.wpbeginner.com/wp-tutorials/11-vital-tips-and-hacks-to-protect-your-wordpress-admin-area/">Admin panel için güvenlik ayarları</a></strong>: Admin panelinizin güvenliği için 13 güvenlik tüyosu burada</p> <p><strong><a href="http://www.catswhocode.com/blog/10-awesome-htaccess-hacks-for-wordpress">htaccess dosyası ile ilgili rehber</a></strong>: htaccess dosyası ile ilgili 10 maddeden oluşan mükemmel bir rehber</p> <p><strong><a href="http://www.problogdesign.com/general-tips/13-tags-to-delete-from-your-theme/">Temanızdan silmeniz gereken 13 satır</a></strong>: Kullandığınız temada gereksiz olan tag'leri silerek sitenizin az da olsa hızlanmasını sağlayabilirsiniz.</p> <p><strong><a href="http://styl.eti.me/wordpress/10-easy-ways-to-fix-common-wordpress-headaches/">WP sorunlarıyla baş etmenin en kolay 10 yolu</a></strong>: Kurulum esnasında ve sonrasında yaşanabilecek sorunları gidermenin 10 yolu.</p> <p><strong><a href="http://www.tutzone.org/2009/08/16-updated-wordpress-security-plugins.html">16 adet güvenlik eklentisi</a></strong>: sisteminizin güvenliği için gerekli olan plugin'ler burada.</p> <p><strong><a href="http://www.designer-daily.com/6-wordpress-plugins-that-help-your-blogs-maintenance-2216">Sisteminizin bakımı için gerekli 6 plugin</a></strong>: Sisteminizin tutarlı çalışmasına yardımcı olabilecek 6 adet <a href="http://www.bildirgec.org/etiket/plugin">plugin</a></p> <p><strong><a href="http://www.catswhocode.com/blog/top-10-wordpress-hacks-from-june-09">En iyi 10 wordpress tüyosu</a></strong>: Wordpress'in güvenliği, kullanımı, hızı ve diğer ayarları ile ilgili en iyi 10 tüyo.</p> <p><strong><a href="http://www.yvoschaap.com/wpthemegen/">Wordpress Tema Oluşturucusu</a></strong>: Kod bilmenize gerek yok. Online tema oluşturucusuyla istediğiniz temayı bir kaç ayarla kolayca yapabilirsiniz.</p> <p><strong><a href="http://essentialkeystrokes.com/tutorial-add-a-background-to-your-wordpress-theme/">Temanıza arka plan resmi eklemek</a></strong>: Wordpress temanıza background eklemek için basit bir ders.</p> <p><strong><a href="http://wpcandy.com/articles/easier-theme-development-with-the-sample-post-collection.html">Temanızı geliştirmenizi kolaylaştıracak hazır sayfa örnekleri</a></strong>: Temanızı geliştirmenize yardımcı olacak yazılar, etiketler, kategoriler, sayfalar gibi hazır içerikler.</p> <p><strong><a href="http://www.catswhocode.com/blog/how-to-make-a-control-panel-for-your-wordpress-theme">Temanıza özel kontrol paneli yapmak</a></strong>: Mimbo sayesinde temanıza özel kontrol paneli yapabilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/control-panel-mimbo.png' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.jonbishop.com/2009/08/how-to-speed-up-your-wordpress-blog/">Blogunuzu hızlandırmanın yolları</a></strong>: Blogunuzu hızlandırmak için yapmanız gereken bütün ayarlar burada.</p> <p><strong><a href="http://www.1stwebdesigner.com/wordpress/110-massive-wordpress-video-tutorial-collection/">110+ wordpress ders videosu</a></strong>: Kurulumundan, tema geliştirmeye kadar wordpress ile ilgili bütün ders videoları burada.</p> <p><strong><a href="http://wordpresstraining.com/videos/install-and-configure/import-and-export-wordpress-data/">Blogunuzun yedeğini almak ve yeniden yüklemek</a></strong>: Wordpressi kurduktan sonra yedeğini nasıl alacağınızı ve nasıl yükleyeceğinizi öğreten ders videosu.</p> <p><strong><a href="http://themetation.com/2009/04/07/65-awesome-wordpress-tutorials/">60+ faydalı wordpress dersi</a></strong>: Bu dersleri çalışarak kurulumdan başlayıp, profesyonel bir wordpress geliştiricisi olabilirsiniz.</p> <p><strong><a href="http://www.tripwiremagazine.com/design/tutorials/40-awesome-tutorials-and-techniques-for-wordpress-theme-developers.html">Wp geliştiricileri için 40+ wordpress tekniği</a></strong>: Wp geliştiricileri için oldukça faydalı bir ders kaynağı</p> <p><strong><a href="http://speckyboy.com/2009/08/06/30-tutorials-combining-both-wordpress-and-jquery/">Jquery ve Wordpress'i bir arada kullanmak için 30+ ders</a></strong>: Speckyboy Design Magazine'den harika bir rehber. Jquery ve Wordpress'i bir arada kullanarak blogunuzu profesyonelleştirin.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/jquerywordpress12.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://weblogs.about.com/od/wordpressplugins/tp/55BestWordpressPlugins.htm">En iyi 55 wordpress eklentisi</a></strong>: About.com'dan her wp kullanıcısının işine yarayabilecek 55 adet plugin.</p> <p><strong><a href="http://mashable.com/2009/03/20/wordpress-seo-plugins/">20+ SEO eklentisi:</a></strong>: Wordpressiniz için gerekli olan SEO pluginleri.</p> <p><strong><a href="http://www.webdesignerdepot.com/2009/09/300-resources-to-help-you-become-a-wordpress-expert/">40 adet CMS için gerekli eklenti</a></strong>: Wordpress'i CMS olarak kullananlar için gerekli 40 adet plugin.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/40exceptionalcmsenablingwordpressplugins.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://thedesigned.com/2009/07/14/10-of-the-best-wordpress-contact-form-plugins-to-choose-from/">İletişim formları için 10 adet plugin</a></strong>: İletişim formları için en iyi 10 plugin</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/10ofthebestwordpresscontactformplugins.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.smashingmagazine.com/2009/05/27/wordpress-theme-development-frameworks/">Wordpress Geliştiriceler için Framework'ler</a></strong>: Profesyonel wp geliştiricileri için hazır wp frameworkleri.</p> <p><strong><a href="http://themeshaper.com/wordpress-themes-templates-tutorial/">Sıfırdan WP Teması yapmak</a></strong>: Kendi temanızı yapmak için herşeyi anlatan mükemmel bir kaynak</p> <p><strong><a href="http://ithemes.com/the-wordpress-developer-toolkit/">WP Geliştiricileri için gerekli araçlar</a></strong>: profesyonel wordpress'ler geliştirmek için ihtiyacınız olan araçlar ve dersler ithemes'den.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/thewordpressdevelopertoolkit.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.davidairey.com/customize-your-wordpress-login/">Üye giriş sayfasını düzenlemek</a></strong>: login sayfasının görünümünü istediğiniz gibi düzenlemek isterseniz bu rehber size göre</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/wp-admin-screen.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://max.limpag.com/2006/06/07/how-to-edit-wordpress-design-using-dreamweaver/">Temanızı Dreamweaver'da düzenleyin</a></strong>: <a href="http://www.bildirgec.org/etiket/tema">tema</a> sayfalarını Dreamweaver'da nasıl düzenlenebileceğini anlatan güzel bir rehber.</p> <p><strong><a href="http://css-tricks.com/video-screencasts/41-wordpress-as-a-cms/">Wordpress'i CMS olarak kullanmak</a></strong>: 27 dk'lık video ile Wordpress'i içerik yönetim sistemi olarak kullanmayı öğrenin</p> <p><strong><a href="http://www.smashingmagazine.com/2008/01/08/100-excellent-free-high-quality-wordpress-themes/">100 bedava wp teması</a></strong>: Smashing Magazine'den yüksek kalitede 100 bedava <a href="http://www.bildirgec.org/etiket/wp-teması">wp teması</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/100excellentfreewordpressthemes.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.area1.info/resources/60-great-wordpress-themes/">Bedava 60 mükemmel wordpress teması</a></strong>: 60 adet profesyonel wp teması</p> <p><strong><a href="http://www.reencoded.com/2009/03/08/85-best-beautiful-free-wordpress-themes/">85 adet bedava wp teması</a></strong>: encoded.com'dan en güzel bedava temalar</p> <p><strong><a href="http://designm.ag/resources/colorful-free-wordpress-themes/">Bedava 35 adet canlı renklerde wp teması</a></strong></p> <p><strong><a href="http://designm.ag/resources/25-artistic-themes-for-wordpress/">25 adet sanatsal wp teması</a></strong></p> <p><strong><a href="http://www.tripwiremagazine.com/design/templates/65-free-exceptional-wordpress-themes-worth-investigating.html">65 adet bedava wp teması</a></strong></p> <p><strong><a href="http://www.themes2wp.com/">1000+ ücretli ve ücretsiz tema</a></strong>: Kategorilere göre ayrılmış 1000+ ücretli ve ücretsiz wp teması.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/themes2wp.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.smashingmagazine.com/2007/03/29/8-fresh-and-clean-wordpress-themes/">8 yeni wp teması (smashing magazine)</a></strong></p> <p><strong><a href="http://blogsessive.com/blogging-tools/20-free-3-column-wordpress-themes/">20 adet bedava 3 sütunlu wp teması</a></strong></p> <p><strong><a href="http://designm.ag/resources/23-of-the-best-grunge-style-wordpress-themes/">23 adet grung efektli wp teması</a></strong></p> <p><strong><a href="http://digwp.com/2009/07/free-html-5-wordpress-theme/">Html 5 için bedava wordpress teması</a></strong></p> <p><strong><a href="http://www.nattywp.com/">Ücretli Profesyonel temalar</a></strong>: Nattywp'den ücretli profesyonel temalar</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/nattywp.jpg' alt="\"\"" border="0"><br></div> <p>Daha fazlası için <strong><a href="http://www.webdesignerdepot.com/2009/09/300-resources-to-help-you-become-a-wordpress-expert/">kaynak >></a></strong></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/progenic">progenic</a> tarafından <a href=" http://www.bildirgec.org/yazi/wordpress-ile-ilgili-ihtiyaciniz-olan ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sat, 26 Sep 2009 16:02:00 GMT 223574@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/wordpress-ile-ilgili-ihtiyaciniz-olan progenic <p>Son zamanlarda web tasarımcılarının alet çantasında en önemli bölmede bulunan <a href="http://www.bildirgec.org/etiket/sifr">sIFR</a> uygulaması ile tasarladığımız siteler artık göze daha güzel görünüyor. İsterseniz <a href="http://dev.novemberborn.net/sifr3/svn/test/distribution/demo/">demo</a>suna bir göz atın!<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/basarozcan/sifr-ornek.png' alt="CoffeeCup - sIFR Font Maker" border="0"><br>CoffeeCup - sIFR Font Maker</div><br><strong>sIFR nedir?</strong><br>Eğer bir web tasarımcısı olarak bu uygulamayı henüz duymamışsanız siteleriniz biraz eski moda görünüyor olabilir. <a href="http://novemberborn.net/">sIFR</a>, ziyaretçilerde bulunmayan yazı tiplerini sitenizde kullanabilmenizi sağlıyor. <!-- buradan kes -->Bu konu hakkında Muhammet Sevim'in <a href="http://www.muhammetsevim.com/yazi/sifr-3-kullanim-kilavuzu/">kullanım kılavuzu makalesi</a>ni ve <a href="http://www.muhammetsevim.com/yazi/webde-font-ozgurlugu-sifr/">sIFR tanıtım makalesi</a>ni okuyabilirsiniz. Ayrıca uygulamanın fikir babası olan Mike Davidson'ın konu hakkındaki makalelerini de <a href="http://www.mikeindustries.com/blog/sifr/">buradan</a> inceleyebilirsiniz.</p> <p><!-- buradan kes --><br><strong><a href="http://www.bildirgec.org/etiket/flash">Flash</a> Neden gerekli?</strong><br>Bu tasarımcının hayatını kurtaran uygulama basit bir swf dosyası içeriyor ve bu dosya tüm karakterleri tanıyarak sitenizin yazıtiplerini değiştiriyor. Bu <a href="http://www.bildirgec.org/etiket/swf">swf</a> dosyasını açıp içine kullanmak istediğiniz yazıtipiyle 3 harf yazıyorsunuz ve kaydediyorsunuz. Tabi Bu dosyayı açabilmek ve kaydedebilmek için <a href="http://www.adobe.com/">Adobe</a>'nin paralı <a href="http://en.wikipedia.org/wiki/Adobe_Flash">Flash</a> programı gerekiyor. Eğer Flash programına sahip değilseniz sizi ücretsiz bir sIFR yaratıcı programıyla tanıştırayım: <br><a href="http://www.coffeecup.com/sifr-font-maker/">CoffeeCup - sIFR Font Maker</a>!<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/basarozcan/sifr-ornek2.png' alt="sIFR kullanılan bir sayfa" border="0"><br>sIFR kullanılan bir sayfa</div><br><strong>Ücretsiz bir çözüm</strong><br><a href="http://www.coffeecup.com/sifr-font-maker/">CoffeeCup'ın sIFR Font Maker</a> programı tüm tasarımcılar için ücretsiz indirmeye sunulmuş. Resmi siteden programı indirdikten sonra ufak bir kurulum yapıyorsunuz ardından kullanmak istediğiniz yazı tipinin normal, kalın ve italik tarzlarının dosya yolunu programa göstererek Save As butonuna basıyor ve <a href="http://en.wikipedia.org/wiki/Scalable_Inman_Flash_Replacement">sIFR</a>'de kullanacağımız swf dosyasına sahip oluyoruz.</p> <p>Web tasarımcıların alet çantasında kesinlikle bulunması gereken sIFR Font Maker'a şu an için tek alternatif online hizmet sunan <a href="http://www.sifrgenerator.com/">sifrgenerator </a>sitesi. Fakat bu sitede sadece <a href="http://en.wikipedia.org/wiki/TrueType">TrueType</a> yazıtiplerini kullanmak zorunda kalıyoruz. Oysa <a href="http://www.coffeecup.com/">CoffeeCup</a> bize <a href="http://en.wikipedia.org/wiki/OpenType">Opentype</a> ve diğer yazıtiplerini de kullanma imkanı sunuyor.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/progenic">progenic</a> tarafından <a href=" http://www.bildirgec.org/yazi/adobe-flash-kullanmadan-sifr-yapimi ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 03 Nov 2008 12:22:00 GMT 181426@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/adobe-flash-kullanmadan-sifr-yapimi