Category : Wordpress

Wordpress Wordpress kodları

WordPress Yönetici Bar gizlemek

wordpressadminbargizleme

wordpressadminbargizleme

Merhaba arkadaşlar. Sizlere bu makalemizde WordPress Yönetici Bar gizlemeyi göstereceğiz.

WordPress otomatik olarak kullanıcılar giriş için sayfanın üst kısmında bir yönetici araç çubuğu enjekte eder. İşte görüntülenmesini bu araç çubuğu engelleyecek bir kod parçası var:

add_filter ('show_admin_bar', '__return_false');

Yukarıda ki kod parçacığı ile birlikte sıkıcı yönetici barını gizleyebilirsiniz. Tabii bu sizin tercihinize kalmış bir olay. Çoğu kişi ise yönetici barı ile birlikte kullanmayı seviyor.

 

Sizlere bu makalemizde WordPress Yönetici Bar gizlemeyi gösterdik :). Bir sonraki WordPress kodları kategorisinde bulunacak yazımızda görüşmek üzre :).

Yazıyı oku
İnternet Dünyası Wordpress

Gravatar nedir ? Ne işe yarar ?

Gravatar ne işe yarar

Merhaba arkadaşlar her wordpress sitesinin ihtiyacı olan bir şeydir Gravatar.

 

Öncelikle  Avatar nedir ? biraz ondan bahsedelim.

Avatar, özellikle forumlarda kullandığımız  bizi biraz ifade eden, belki de sevdiğimiz küçük resimlere denir.

Peki Gravatar Nedir ?

Gravatar (Globally Recognized Avatar) , dünya çapında tanınan avatar anlamına gelmektedir.Esasında bloglar için düşünülmüş bir sistem, kendimize bir gravatar alarak bu sisteme sahip bloglarda aynı e-posta adresiyle yorum yapınca yorumumuzun yanında avatarımız görünüyor.Ve bu geliştirilmiş en güzel sistemlerden birisi

 

Nasıl üye olabilirim ?   http://site.gravatar.com/signup adresine gidip e-posta adresimizi ve gravatar hesabımız için istediğimiz bir şifreyi iki kere girip onaylıyoruz.

Hesabı aktifleştirmek için adresimize gelen bağlantıya tıklıyoruz. Çıkan sayfada “Upload your avatar now” diyerek istediğimiz bir resmi yüklüyoruz. Tahminen 4-5 saat içinde avatar onaylanıyor, adresimize onaylandığına dair bir posta geliyor. Artık bu blogda ve gravatar sisteminin bulunduğu diğer bloglarda gravatara kayıt olurken kullandığımız e-posta adresiyle yaptığımız yorumlarda avatarımız yorumumuzun yanında görünecek.

Gravatar ne işe yarar

 

Gravatar ne işe yarar, özellikleri nedir, neye dikkat etmeliyiz?

  • – Öncelikle bu sistem tamamen Ücretsizdir.
  • Avatar da aslında nickname (lakap, kullanıcı adı) gibi bir nevi farklılık, ayırt edici unsurdur.
  • Yazıların altında yorumların yanında farklı resimler görünür, hoş olur.
  • Gravatar‘a yüklediğimiz avatarlar 80×80 boyutlarına çevrilir, eklediğimiz resmin mümkün olduğunca kare olmasına dikkat etmeliyiz. Yoksa resimde bozulmalar olabilir.
  • İnternetteki herhangi bir resmin adresini girerek Gravatar olarak belirleyebiliriz, veya kendi bilgisayarımızdan bir grafiği yükleyebiliriz. Resmimizi yükledikten sonra resmin türünü seçiyoruz, normal bir resimse “G” türünü seçmeliyiz.
  • Ek olarak, Gravatar yüklediğimiz grafiğin boyutu büyükse kırpma yapmamıza imkan veriyor.
  • Bu gravatar sistemi olan bloglarda avatarımızın görünmesi için yorum yaparken Gravatara kayıt olurken aldığımız e-posta adresini kullanmamız gerekir.

Bir başka makalemizde görüşmek üzere.

Yazıyı oku
İnternet Dünyası Wordpress

Yönetici Panolar Kullanıcı Deneyimi Trendleri

Web trendleri

Web trendleri

Merhaba arkadaşlar. Sizlere bu makalemde Admin Panel yada diğer adı ile Yönetici Panoları ile alakalı unsurları konu alacağım.

Yönetim panelleri için tasarım teknikleri her kişinin harcı değildir. Her zaman web üzerinde açık yönetici tasarımları örnekleri bulunmaması da bu nedenden olabilir. Gerçi biraz düşününce ve buranın Türkiye olduğunu yeniden kendimize hatırlatırsak her ürünün ücretsiz(BELEŞ- BEDAVA) yani WAREZ de olduğunu da bilirsiniz. Özellikle biz Türkler olarak her şeyin en rahat halini kullanmak – yönetmek isteriz. Şahsen bende aynıyım yani 🙂 . Özellikle hiç bir kod bilgisine sahip olmayan insanları düşünerekte böyle bir şeye varmak doğru olabilir. Çünkü bilmeyen insan kodlarla uğraşmaz ve bir anda hevesi de kaçabilir yani doğal olarak.

Şimdi gelelim “Bir yönetim paneli tasarlarken dikkat edilmesi gerenler” !

Bu yazıda yönetim pano sayfaları oluşturmak için çeşitli stilleri ve fikirlerin içine balıklama dalmak istiyorum. Öncelikle veli nimetlerimiz  HTML5/CSS3/JS kullanılarak harika yönetim panelleri tasarlanabilir. Ama bunlara geçmeden önce kısa bir dipnot verelim :

Yönetici panelleri ne işe yarar ?

Yönetici paneli sayesinde yapabileceğiniz işlemler :

  1. Direk Makale girişi yapabilirsiniz
  2. Genel Reklam yönetimi yapabilirsiniz
  3. Genel Tasarım ayarları
  4. Genel Yorum ayarları
  5. Eklenti yönetimi vs.

gibi daha aklıma gelmeyen harika özellikleri bulunmaktadır.

Peki Admin Paneli tasarlarken dikkat edeceğimiz özellikler neler ?

  • Sekmeli Gezinti
  • Değişik İcon kullanımı
  • Özel menü tasarımları
  • Özel Css diğer bir değişle Stil kullanımı

Olarak sınıflandırmamız mümkün olabilir sanırım.

Sekmeli Gezinti

Bir yönetim paneli tasarlar iken önce dikkat etmeniz gereken unsur  kolay gezintidir. Çünkü yönetici panelini tasarlar iken kullanan kişinin hem kolay kavrayabileceği bir panel olması hemde göze çarpıcı bir tasarım olması inanın çok fayda sağlayacaktır.

üst gösterge tablosu sekme gezintisini ui arayüz tasarımı

Sekmeli bağlantı tasarımı herhangi bir şekilde bir navbar için çalışabilir. Değişik tasarlanmış Admin Panellerinin dışına çıkmanızı öneririz. Yani o nedir abicim her zaman ki gibi  düz bir tasarım var.  Adamın yapmış olduğu sadece bir renk değişimi. Sonra gel de o Yönetici Panelini kullan. Gezintiler arası bağlantıyı dikkatli yapmanız gerekiyor ayrıca. Örnek olarak : Sen reklamın altına gidipte yazılar başlığını koymazsın değil mi ? İlgili olan menü ilgili olan kategorisi ile birlikte bulunmasına dikkat gösterin. Menü başlıklarını yazarken yada kullanırken, birinci harfi büyük olsun diğerleri ise normal küçük harf ile yazılsın. Ayrıca Font-Face kullanımını önermiyorum fakat, Oğuz abi ben yinede kullanacağım biraz değişikliğe ihtiyacım var diyorsanız kullabilirsiniz. Google firmasının kütüphanesinde çok sayıda hazır font var yararlanabilirsiniz Google Amca’dan :).

üst gri sekmeleri kullanıcı arayüzü tasarımı sekmeli simgeleri

 

Gezinti menüsünü düzenlerken Css5 ve HTML5 veyahut XHTML amcalardan faydalanabilirsiniz. Yada faydalanmanızı şiddetle öneririm dersem daha iyi olur sanırsam. Tabi JS yani JavaScript kullanımı da gözle görülür seviyede olacaktır.

Değişik ikon kullanımı

Görmekten sıkıldınız değil mi sizde bazı ikonları her yerde ? Hadi hadi itiraf edebilirsiniz. Her sitede paylaşılan ucuz ve kalitesiz ikon yığınları adını verdiğim o araç gereçleri sitelerinde kullanan o kadar insan var ki inanamazsınız. Siz bir panel tasarlıyorsanız, yaptığınız şey kusursuz olsun ! Yani en azından diğerlerine benzemesin be kardeşim. Diğerlerinden bir farkın olsun. Yani demesinler ki  Aa bak senin ikonları şurada gördüm  sen oradan mı aldın yoksa ?

Bu tür muhabbetlere bulaşmak istemiyorum diyorsanız ikon da satın alabilirsiniz. Yada özel İkon yaptırabilirsiniz. Bu tabi sizin keyfinize ve zevkinize kalmış bir olay :) .

pano karanlık ui arayüz web yönetim paneli tasarımları

Modern tasarımcıların en çok ihtiyaç duyduğu ürünler yada benim tabirimle tasarımın manolyalarına bir şekilde ulaşmanız gerekiyor ise ellerinizi yormaya gerek yok çünkü  bu harika ikon setlerimize bakabilirsiniz. Tabi başka sitelerde daha geniş kaynaklara ulaşabilirsiniz.

Özel menü tasarımları

Girişe şöyle şekil bir menü ne de iyi giderdi ama oh mis ! Üstüne de bir ayran içelim diyesim geldi de neyse :) .  Ana menü tasarımını yaptınız çokta güzel oldu eyvallah :) . Buraya kadar tamam peki ya alt menü tasarımları ? Yani Admin Panelinin en önemli yerlerini öyle sade yapıp bırakıp gitmek olur mu hiç ?  Aa ne kadar da ayıp :) .  Bir de içerisine aşağıda ki gibi harika benim deyimimle şık bir tasarım oturtturduk mu vallahi yemede yanında yat. Bu arada arkadaş benim karnım mı acıktı nedir ? Hep yemekli espiriler yapıyorum :) .

caldenar yönetici tarih popover menü jquery

Ayrıca sayfada bazı veriler ile ilgili gizli giriş alanları için pop-up menüler içerebilir. Yöneticiler genellikle sayfa düzenleme veya web sitesine yeni içerik ekleyerek meşgul olmak isterler. Biraz düşündüm de siz Pop-up yerine Light Box kullansanız daha iyi gibi. Yoksa adam bir Pop-up için beğenmedim diyecek ve geri iade edecek ne gerek var ki demi canım ?

mango pano duyarlı web sitesi şablonu teması

Yukarıda ki örneğe bir bakın ve ne demek istediğimizi derin derin anlayın :) . Adamlar çok ayrıntılı bir Admin Paneli yapmışlar. Sizde böyle bir panel kodlatın yada kodlayın :) .

İçerik Stilleri

Yaptığınız yada yaptırmış olduğunuz tasarımın içerisinde ki  tablolar, listeler, düğmeler, grafikler, gerçekten bunları iyi bir şeyler tasarlayabilirsiniz. Yeter ki siz gerçekten iyi bir şeyler yapmaya çalışın. Çabalarsanız  gerçekten harika ürünler ortaya koymanız sizlerin elinizde.

yönetici paneli web sitesi düzeni grafik grafikleri veri

Yukarıda görmüş olduğunuz gibi özel düğmeler ve profil özetleri üretilmiş durumda. Özel JavaScript içerik menüleri ile harika içerik yönetimi sağlayabilirsiniz :) .

çizelgeleri yönetici paneli simge dribbble bok düzeni shopgate

Ha birde İstatistik menüleri var. Bazen insanlar düz bilgilerden çok sıkılırlar :) . Her daim değişiklik Admin Paneliniz için süper olacaktır emin olun :) .

Sonuç Olarak :

Bu makalede listelenen eğilimlerin tüm tasarımcılar için güzel bir başlangıç ​​noktası sağlar. Ama sen yinede Oğuz abi ban bir kaç örnek göster derseniz hemen onları da yayınlayalım :) .

Cihaz Dashboard

mobil ipad cihaz yöneticisi pano fotoğraf

Yönetim Araçları

paneli simgeleri fotoğraf kullanıcı profilini tasarımları

Yönetici Grafikler

kırmızı araç çubuğu başlık web sayfası yönetici çizelgeleri bilgi

Ahşap Kontrol Paneli

ahşap kontrolü yönetici web sayfası düzeni ilham

Duyarlı Dashboard

mobil duyarlı temiz net retina ekran admin panelinde

Datatable İçerik

içerik satırları datatable pano yönetici paneli

Ultramarine Yönetici

mavi yönetici kontrol paneli gösterge paneli arayüzü

Açılır menü

beyaz yönetici açılır menü bağlantıları paneli

Yönetim Paneli

web sitesi düzeni yönetici postlayout sayfası

Minimalist Yönetici

minimalist wordpress basit beyaz yönetici paneli

Dashboard Çizelgeler

tan parlak renkler navigasyon yönetim paneli

Kenar Çubuğu Navigasyon

Dikey navbar arayüz web sitesi tasarımı ning

Pano Bağlantı Simgeler

karanlık simgeleri dikey menü açılır fikirler bağlantı

Koyu Yönetici Sekmeler

yönetim paneli mavi sekmeleri simgeleri arayüzü

Dashboard Yönetimi

gösterge paneli arayüzü düzen temaları websitelayout

Düz Yönetici Tasarım

webapp yanlısı gösterge paneli arayüzü inspiriation

Yeni Bir Proje

proje web yönetici paneli grafikleri arayüz istatistikleri

Veri Tabloları Yönetici

tablo grafikler bilgi veri yönetimi pano

Yönetici Paneli Düzeni

özellikli simgeleri yatay gezinme menüsü bağlantılar blokları

Dashboard UI

harts grafik gösterge paneli kullanıcı arayüzü etkileri

İletişim Liste

renk simgeleri pano yönetici cp arayüz

Bir Web hizmeti

web uygulaması yönetim paneli navigasyon bağlantıları

Analytics Dashboard

analitik grafikler veri kaynakları tasarım arayüzü

Renkli Yönetici Tablosu

düz renkli yönetim paneli kullanıcı arayüzü

Analytics Trafik Grafikler

ppm analitik paneli web ui arayüz yönetimi

MyPage Dashboard

Sizlere bu makalemizde kullanıcı deneyimi trendlerinden bahsettik. Bir sonraki makalemizde görüşmek üzre.

Yazıyı oku
Wordpress

Rss nedir nasıl kullanılır ?

rssnedir

Merhaba arkadaşlar. Sizlere bu makalemizde Rss hakkında bilgi vereceğiz ve Rss nedir ? Nasıl kullanılır gibi detaylı bilgiler ile bilgi hazinenizi genişleteceğiz  🙂  .

Bir WordPress blogger  olarak RSS kullanmayan siteye  rastlamak  çok zor olmalı. Her WordPress web sitesi sahibi kişi yada firmaların blog yöneticileri RSS hizmetini kullanır. Peki bu RSS nedir ?

rssnedir

RSS nedir ?

RSS, web sitenizde yayınladığınız materyalleri yani yazıları başka insanlara özel bir sistem sayesinde erişmesini sağlayan harika bir yazılımdır. Really Simple Syndication veya Rich Site Summary anlamına gelir. En sevdiğiniz web sitesinde güncellemeleri takip etmek istiyorduk hatırlar mısınız ? bilmem ama o günler de her gün siteye girip acaba yeni yazı yazmışlar mı ? diyerek bakardık. Şimdi ise bu harika yazılım sayesinde Değişik sistemleri çok kolay bir şekilde takip edebiliyoruz bu süper değil mi ?

Bu uygulama o kadar çok gelişti ki artık insanlar her yerden erişim sağlayabiliyorlar bu yazılıma. Özelikle son günlerde yada son yıllarda en çok kullanılan Outlook adlı Windows programında bile Rss ile web sitelerini takip edebiliyoruz.

WordPress gibi birçok Web İçerik Yönetim Sistemleri RSS beslemeleri için destek vermektedirler. Bazı siteler ise RSS yöntemini kullanmak istemiyorlar. Eğer sizde kardeşim bende kullanmak istemiyorum diyorsanız size de şöyle bir kod verelim :

function fb_disable_feed() {
wp_die( __(‘No feed available,please visit our <a href=”‘. get_bloginfo(‘url’) .’”>homepage</a>!’) );
}
add_action(‘do_feed’, ‘fb_disable_feed’, 1);
add_action(‘do_feed_rdf’, ‘fb_disable_feed’, 1);
add_action(‘do_feed_rss’, ‘fb_disable_feed’, 1);
add_action(‘do_feed_rss2′, ‘fb_disable_feed’, 1);
add_action(‘do_feed_atom’, ‘fb_disable_feed’, 1);
add_action(‘do_feed_rss2_comments’, ‘fb_disable_feed’, 1);
add_action(‘do_feed_atom_comments’, ‘fb_disable_feed’, 1);

Yukarıda verdiğimiz kodu temamızın functions.php adlı yerden her hangibir yere ekleyebilirsiniz. Bu sayede sitenizi RSS ile takip edemezler.

RSS Faydaları nelerdir

RSS, aslında biz makale yazarlarına çok şey katar. Çünkü bu sayede sevdiğimiz ve takip ettiğimiz siteleri kolay bir şekilde takip edebiliyoruz. Bir yazı yazdığı zaman anında şu site yeni yazı ekledi diye bilidirim geliyor ve bizde bu sayede okuyabiliyoruz. İşte tüm bunlar RSS sayesinde olan harika olaylar. Sadece RSS yazılan yazıları değil yorumları da takip etmemize olanak sağlıyor.

RSS Nasıl Kullanılır

Bir besleme okuyucu kullanarak RSS beslemelerine abone olabilirsiniz. Sitenizi RSS ile takip edilebilir hale getirmek istiyorsanız biz size Feedly kullanmanızı öneririz. Feedly kullanarak,  cihaz üzerinden RSS aboneliklerini senkronize edebilirsiniz. Ve sitenizi RSS için kullanıma hazırlayabilirsiniz  :).

Sizlere bu konumuzda Rss hakkında bilgiler vermeye çalıştık. İnanın ileride daha iyi yerlere ve daha güzel konulara değineceğiz.

Yazıyı oku
Wordpress Wordpress kodları

WordPress yorum bölümündeki kodları kaldırmak

WordPress yorum bölümündeki kodları kaldırmak

WordPress yorum bölümündeki kodları kaldırmak

Birçoğumuz sitelerimize özen gösteririz ancak sitelerimize gösterdiğimiz özenlere rağmen bir türlü

başarılı olamamakla kendimizce yakınırız. Başarılı olan sitelere bakarız onlardan bir şeyler kapmaya

çalışırız, bazen size başarılı ve belli bir kitleyi yakalayıp büyük hitler yapan siteler sizin için büyük

hatalar yapabilir. Ancak bu hatalar ile nasıl halen uzun süreli başarılar el de ettiklerini anlayamazsınız.

Özellikle wordpress olan sistemler de bu oldukça bol gözükmektedir. Çünkü wordpress sisteminin

arama motoru optimazyonu tamamen küçük ayrıntılara saklanmıştır. Küçük ayrıntılara saklandığı

kadar da wordpress birçok seo eklentisi ile çevrelenmiş, yaklaşık 500 tane seo eklentisi ile

itibarlanmış, otomatik bir sistemdir. Bu sisteme göre seo ne kadar basit görünse de Google’un gelişen

algoritmalarından dolayı wordpress sistemleri bile bu ince ayarlamalardan etkilenmiş ve bazı şeylerin

dikkate alınması şart olmuştur. WordPress de özellikle hiç beklemediğiniz bölümlerden arama motoru

optimazyonu puanınız çok rahat bir şekil de kırılabilir, onun için sitemizi en iyi şekil de optimize edip

ziyaretçileri yönünden bakarak kullanıcılara teslim etmek zorundayız.

WordPress ince ayrıntılar ile seo yönünde ilerler iken birden karşımıza bir kod çıktı. Bu kod özellikle

yeni kurulan tüm wordpress siteler de birebir bulunmaktaydı. Bazen wordpress temaları ile de

gelebiliyordu. Bu kod şu şekildedir: <a href=”” title=””> <abbr title=””> <acronym title=””> <b>

<blockquote cite=””> <cite> <code> <del datetime=””> <em> <i> <q cite=””> <strike> <strong>

Kodu Kaldırma Yöntemleri:

1- Temanın style.css dosyasının en altına şu kodu eklemek:

.form-allowed-tags {display:none;}

2- Tema da bulunan single.php dosyasında Allow tags kod yapısını aratıp kod yapısını tamamen

kaldırmak

3- Kendi bizzat kullandığım yöntemdir. Garanti ve kesin çözümdür.

Ftpye bağlanıyoruz. Wp-includes’e girip comment-template.php dosyamızı indirip açıyoruz.

1539. Satırı açıp şu alttaki kodları silip bitiriyoruz.

‘comment_notes_after’ => ‘

‘ . sprintf( __( ‘You may use these <abbr title=”HyperText Markup

Language”>HTML</abbr> tags and attributes: %s’ ), ‘ <code>’ .

allowed_tags() . ‘</code>’ ) . ‘

‘,

Yazıyı oku
1 13 14 15