Category : İnternet Dünyası

İ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.

Read More
İnternet Dünyası

Google Adwords hakkında

Google adwords kullanımı

Bugün Adwords’a üye oldum ve kupon istedim anında gönderdiler fakat nasıl kullanılır bilmiyordum.Daha sonra biraz araştırdım ve kuponu kullandım.Bilmeyenler vardır diye anlatayım dedim bende belki bir yararımız dokunur bilmeyen kişilere.

İlk olarak dikkat etmeniz gerekenler :

Adwords kuponu kullanabilmek için açılışından 14 gün geçmemiş bir Gmail hesabı gerekmektedir.

– Daha önce Adwords kuponu kullanılmış bir alan adı üzerinden ikinci bir kupon kullanılamaz.

Adwords kuponu aktif edilmiş bir kredi kartı ile 2. bir adwords kuponu aktif edemezsiniz.

Google adwords

Adwords kuponunu kullanabilmek için dikkat etmeniz gerekenler şimdilik bu kadar.

İkinci olarak kuponu nasıl gireceğinize değinelim.

Açtığınız hesabınızı : Adwords adresinden girerek kontrol edebilirsiniz.

Fatura işlemleri bölümüne girerek “Ön Ödemeli” seçimini yaparak Kredi Kartı ile aktivasyon seçimini yapınız.

Aktivasyon sırasında aşağıda “Promosyon Kodunuz Var mı?” seçeneğine evet yanıtı veriniz ve kupon kodunuzu girin.

Kampanyalar sekmesine tıklayarak yeni kampanyanızı oluşturun ve Google Adwords Tr yetkililerinin hesabınızı onaylamasını bekleyiniz. 2 İş günü içerisinde hesabınız aktif olur ve reklamlarınız yayımlanmaya başlar.

Reklamlarınız 2 iş günü içerisinde yayına girmediyse :

adwords-tr@google.com adresine mail gönderebilirsiniz. ( Hesap Numaranız ile birlikte. )

Adwords Hesap Numarası : Hesabınızın sağ üst köşesinde bulunan numerik karakterler.

Read More
İ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.

Read More
1 13 14 15