WordPress Web Siteniz İçin Bir Site Simgesi Nasıl Oluşturulur

Yayınlanan: 2022-08-19

Marka bilinci oluşturma veya pazarlama uzmanlarının çoğu, görünürlük konusundaki düşüncelerini paylaşmayı sever. Basitçe, web sitenizde kullanılan kullanıcı öğelerinin düşüncelerinizi yansıtması gerektiğini söyleyebilirsiniz. WordPress web siteniz için site simgesi oluşturma görevi asla düşünülmemelidir.

Ancak şimdi site simgesi oluşturma ve WordPress web sitenize yükleme görevi daha kolay. Ancak, bu görevi basitleştirmek için pek çok farklı yöntem vardır.

İnternette, bu görevi minimum bütçe, uzmanlık ve zamanla mümkün kılmanın çeşitli yollarını bulacaksınız.

Bu blogda, WordPress web siteniz için bir site simgesi tasarlamanın birkaç yöntemini öğreneceğiz. Her şeyden önce, WordPress için neden bir site simgesi oluşturmanız gerektiğini öğrenin. Bununla birlikte, bir site simgesi oluştururken göz önünde bulundurmanız gereken birkaç gerçeği öğreneceğiz.

Site Simgesi ile ne demek istiyorsunuz ve WordPress web sitenizde bulunması neden önemlidir?

Site simgelerini pek çok kez görmüş olabilirsiniz. Ancak bunun site simgesi olduğunu henüz anlamadınız. Gerçek şu ki, şu anda tarayıcı pencerenizin sol üst köşesinde site simgesini de görebilirsiniz.

Site simgeleri, arama motoru sonuç sayfalarında veya tarayıcınızdaki sayfa sekmesinin yanında görüntülenen çok önemli küçük bir simge olarak kabul edilir.

Ancak, markanızı belirten kendi site simgelerinizi oluşturabilirsiniz.

WordPress'iniz için Bir Site Simgesi Oluşturun

Web sitenizin markalaşması hakkında konuştuğumuzda, web sitenizin ziyaretçilerinizi ilk bakışta etkileyebilmesi önemlidir.

Yeni bir müşteri, harika ve profesyonel görünüyorsa markanıza güvenebilecektir. Ve bir site simgesi, güven kazanmanıza ve ziyaretçilerinizi yalnızca ilk izlenimde etkilemenize yardımcı olabilir.

Aslında tam bir marka stratejisi değil, site simgenizin nasıl görüneceğine bağlı olacaktır. Ancak, potansiyel kullanıcılar web sitenize daha uzun süre göz atıyorsa, bu olumlu bir etki bırakacak ve bir web sitesinin görünürlüğünü artıracaktır.

Web sitenizin site simgesini oluşturmak için 3 basit adım

Bu görevde, içerdiği iki farklı senaryonun dikkate alınması gerekir. Birincisi, bir site simgesi oluşturmanız gerektiğidir. Ardından, oluşturulan site simgesini WordPress web sitenize yüklemeniz gerekecektir.

WordPress için bir site simgesi oluşturmanın üç temel adımı şunlardır:

  • Doğru bir simge boyutu seçin
  • Bir site simgesi tasarlarken bazı optimum uygulamaları izleyin
  • İş için mükemmel bir araç seçin

Bundan sonra, simgeyi yüklemek için bazı temel üç adımı öğreneceğiz:

  • WordPress'in önceden hazırlanmış işlevlerinden yararlanın
  • Simge yüklemek için eklentiyi kullanın
  • Site simgelerini yüklemek için bir kod yazın

Şimdi tüm bu adımları ayrıntılı olarak görelim

Adım 1: Site simgeniz için doğru boyutu seçin

En önemli şey site simgenizin boyutudur. Evet, bu tür dosyaların boyutlarının aslında küçük olduğu doğrudur, ancak bu simgeye dahil olan çeşitli boyutları kontrol etmeniz gerekir. Bunu dikkate almak önemlidir çünkü her platformun farklı site simgesi gereksinimleri vardır.

Bazı tarayıcıların 32*32 piksel .ico dosyasını desteklediğini göreceksiniz. Bu simge boyutu boyutunun standart boyut olduğu bilinmektedir.

Ancak pratikte 512* 512 piksel boyutunda .png dosyası kullanmanız gerekir. Çoğunlukla .png dosyası kullanılır çünkü hemen hemen her varsayılan tarayıcı site simgesi için bu boyuta sahiptir.

2. Adım: Site simgenizin tasarımı için en uygun uygulamaları kullandığınızdan emin olun.

Basit bir seçenek seçmek yerine, en uygun markalaşmaya odaklanmanızı ve bunun yerine özel site simgeleri üzerinde çalışmanızı öneririz.

Mevcut logonuzu kullanarak web sitenizi markalayamazsınız. Ancak, WordPress için bir site simgesi oluşturmak için bazı trendleri takip etmeniz gerekecek.

  • Tutarlı göründüğünden ve net bir şekilde göründüğünden emin olmak için site simgeniz için bir veya iki basit renk seçin.
  • Logonuzu küçültün
  • Sitenizin simgesinin ana yönlerine odaklanmak için biraz parlaklıktan yararlanın.

Gerçek dünyadan bir örnek görelim. SKT Temalarının site simgesine göz atın. Yüksek kontrast sağlayan turuncu rengi kullanır ve web sitesinin logosuna daha fazla odaklanır.

İhtiyacınız olan tek şey bu. Başka bir öğenin markalaşmasıyla birlikte tutarlılık ve görünürlük sağlar ve tarayıcı ekranları sekmesinde görünür olmasını sağlar.

Adım 3: site simgenizi oluşturmak için doğru aracı seçin

Sitenizin simgesinin boyutunu ve tasarımını oluşturduktan sonra, sonraki adım doğru aracı seçmek olacaktır. Yukarıda belirttiğimiz gibi, WordPress'te WordPress için bir site simgesi oluşturmanın çeşitli yollarını bulacaksınız.

Ancak CANVA'yı nasıl kullanacağınızı biliyorsanız, site simgesi oluşturmanın en ideal yoluna sahipsiniz demektir. CANVA'ya daha fazla alternatif seçenek bulacaksınız. en iyi alternatiflerden biri designBold .

Çok hızlı bir şekilde salt metin site simgesi oluşturmanın bir başka alternatifi de https://favicon.io/favicon-generator/'dir. Bu araç aynı zamanda farklı boyutlardaki site simgelerini indirmenize de yardımcı olacaktır.

Site simgenizi 8- veya 24 bitlik şeffaf olmayan .PNG dosyası arasında kaydetmenizin önemli olduğunu unutmayınız. Bu en uygun formattır. Ancak favicon.io bunu mümkün kılmanıza yardımcı olacaktır.

Web sitenize site simgesi yüklemek için 3 farklı yöntem şunlardır:

WordPress'te site simgelerini yüklemek için farklı yöntemler bulacaksınız. Aşağıda site simgelerini yüklemenin en uygun yolunu bulacaksınız.

1. WordPress'in yerleşik işlevselliğinden yararlanın

WordPress, site simgesini WordPress web sitenize yüklemenin mümkün olan en iyi ve en kolay yolunu sağlar
En basit ve en hızlı yaklaşımı arıyorsanız, bu seçeneği seçmelisiniz.

Adım 1: WordPress'te web sitenizin kimlik ekranına erişin

Bunun için önce WordPress panosundan WordPress'e giriş yapmanız gerekir. Şimdi tema seçenekleri paneline gidin. Premium tema pek çok seçenekten oluşmaktadır.

WordPress varsayılan temalarıyla gittiğiniz bir örneği düşünün, ardından görünüme gitmeniz ve ardından özelleştiricinin yerinde tıklama kimlik ekranını özelleştirmeye tıklamanız gerekir.

Bunu yaptıktan sonra şimdi başka bir adıma geçmeniz gerekiyor

2. Adım: site simgenizi seçin

Şimdi site simgesini seçmek için başka bir bölüme, yani site kimliğine bakın.

'Site simgesini seç' üzerine tıklayın ve dosyayı yükleyin. Erişilebilirliği artırmak için 'alt metin' eklediğinizden emin olun.

3. Adım: ön uçta site simgenizi kontrol edin

Şimdi, site simgesinin web sitenize başarıyla yüklenip yüklenmediğini öğrenmek için web sitenizde ön ucu kontrol edin. Mevcut site simgesinin büyük bir önizlemesinin WordPress tarafından bir tarayıcı maketi içinde sunulacağını göreceksiniz.

Ancak, site simgenizin web tarayıcılarında nasıl göründüğünü veya işlendiğini kontrol etmelisiniz. Bu, dikkate alınması gereken en önemli faktördür.

2. WordPress eklentisi ekleyin

Yeni başlayanlar veya teknik bilgisi olmayanlar için site simgesi yüklemenin en iyi çözümü, bir WordPress eklentisini entegre etmektir. WordPress sitelerini kullanan müşteri, yerleşik özelleştirici seçeneğine erişim elde eder.

WordPress site simgeniz için belirli gereksinimleriniz varsa, bu yaklaşımı öneriyoruz, aksi takdirde site simgesini tema seçeneğinin yardımıyla yüklemeniz gerekir.

Adım 1: Uygun bir eklenti seçin

Önermek istediğimiz en iyi eklentilerden biri RealFaviconGenerator'dan Favicon'dur.

Favicon oluşturmanıza yardımcı olan en popüler web sitelerinden biri RealFaviconGenerator.net'tir. Ancak Favicon by RealFaviconGenerator, RealFaviconGenerator.net'in popüler bir eklenti sürümüdür.

Bu eklenti, yalnızca tek bir görüntüden farklı site simgeleri oluşturacak ve site simgesi medya kitaplığında saklanacaktır.

2. Adım: Tam boyutlu bir site simgesi yükleyin

Eklentiyi kurduktan ve etkinleştirdikten sonra, bir sonraki adım WordPress panosuna giriş yapmak ve görünüme tıklayıp favicon paneline tıklamak olacaktır. Burada karmaşık olmayan birçok özelleştirme seçeneği bulacaksınız.

Bazı kafa karıştırıcı kelimeler bulacaksınız ama endişelenmeyin, dosyayı medya kitaplığından yüklemeniz yeterli. Buraya alt metin eklemeniz gerekiyor, eklemeyi unutmayın.

Şimdi başlamak için 'favicon oluştur' yazan mavi düğmeye tıklayın ve şimdi başka bir adıma atlayın.

3. Adım: Site simgelerini indirin

Dosyayı yükledikten sonra eklenti site simgelerini oluşturmaya başlayacaktır. Eklentinin, geliştiricinin sitesinin sürümünü web uygulaması sürümüne dönüştüreceğini göreceksiniz. Burada çeşitli boyutlar ve platformlar için farklı sitelerin site simgelerini bulacaksınız.

Buradan site ikonlarınızın ve tasarımınızın sunumuna ait platforma özel seçeneklerden bazılarını seçebilirsiniz.

Şimdi 'favicon'larınızı ve HTML kodunuzu oluşturun' seçeneğine tıklamanız gerekiyor. Artık eklentinizin ne kadar sihirli bir şekilde çalışmaya başlayacağını göreceksiniz.

Artık WordPress panosunda site simgelerinizin önizlemesi için bir seçenek bulacaksınız.

İlgili Yazı: WordPress Sitenize Favicon Eklemek İçin Hızlı Kılavuz

3. Site simgenizi görüntülemek için kodla çalışın

Önermek istediğimiz en son adım, temel olarak ortalama kullanıcılar için eski bir çözümdür. Ancak, her tür gereksinimi karşılamak için site simgesini göstermek için kodu kullanabilirsiniz. Bu seçenek, özel bir tema oluşturuyorsanız da daha iyi bir alternatiftir.

Adım 1: Dosya aktarım protokolünü kullanarak WordPress web sitenizin sunucusuna erişebilirsiniz

Bu yaklaşımı takip etmek için sunucuya FTP yoluyla erişiminiz olması gerekir. Artı, bazı temel kodlama bilgisine ihtiyacınız olacak çünkü WordPress'in temel dosyaları üzerinde çalışacağız, bir alt tema kullanmanızı öneririz.

Tüm bunlara erişiminiz olduğunda sunucuya giriş yapabilirsiniz. Hosting kontrol panelinden kimlik bilgilerinize erişebilirsiniz.

Tüm bu kimlik bilgilerini nerede bulabileceğinizi merak ediyorsanız, sunucunun destek kanallarına bağlanabilirsiniz.

2. Adım: WordPress web sitenize site simgesini yükleyin

Sunucuya giriş yaptığınızda, FTP istemcisi tarafından web sitenizin dizin listesi gösterilecektir.

Burada site simge dosyasını web sitenizin kök dizinine ve birincil tema klasörüne yükleyin.

Şimdi neredeyse bitirdiniz. Şimdi son adım, site simgenizi WordPress'te kodlamak.

Adım 3: WordPress'inizin başlığına kodu ekleyin

Bu son adımdır ve WordPress panosuna son kez giriş yapacaksınız. Şimdi görünüme gidin ve ardından tema düzenleyici sayfasına tıklayın:

Sayfaya erişmeye çalıştığınızda bir uyarı iletişim kutusu açılır. Tıklamadan önce, tüm içeriği okuduğunuzdan emin olmanızı anlıyorum.

Şimdi kolayca düzenlenebilen kod gösterilecektir. Burada sürükle bırak menü seçeneklerinden temayı seçin. Şimdi burada yazan kod satırını arayın

Şimdi aşağıda belirtilen kod arasına ekleyin

 <kafa>

etiketler

 <link rel="kısayol simgesi" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />

Şimdi dosyayı güncelle düğmesine tıklayın.

Çözüm:
WordPress için bir site simgesi oluşturmanın temel adımlarından bu blogda bahsedilmiştir.