favicon oluşturma hizmeti. Site simgeleri oluşturmanın evrensel bir yolu. Favicon Kullanmanın Faydaları

Bugünün makalesinin konusu, WordPress'te bir web sitesi veya blog için çevrimiçi favicon nasıl yapılır. Herhangi bir nedenle hala ne olduğunu ve bu dosyanın neden gerekli olduğunu bilmiyorsanız, bu konuda daha önce yazdığım makaleleri okumanızı tavsiye ederim:

Genel olarak, her sitede bu küçük resim bulunmalıdır.

Bir web sitesi için favicon.ico nasıl oluşturulur?

Şimdi size nerede, nasıl ve nasıl favicon yapacağınızı anlatmaya çalışacağım. Ama önce site için favicon'un ne boyutta olması gerektiğini bilmeniz gerekiyor?

favicon 16x16 pikselden başlayarak farklı boyutlara sahip olabilen ICO, JPEG, PNG, BMP ve GIF formatlarında bir görseldir. Yandex robotu tarafından indekslenmesi için siteye tam olarak bu boyutta bir simge yüklenmelidir.

Diğer boyutlar ikincil bir role sahiptir ve Yandex aramasında gösterilmez, ancak tarayıcılarda, örneğin iPhone veya iPad'de görüntülemek için kullanılır. Sitenizin arama sonuçlarında öne çıkmasını istiyorsanız aşağıdaki kuralı unutmayın.

Farklı boyutlarda birkaç favicon varsa, Yandex favicon robotu yalnızca ilk adresi okuduğundan, 16x16 piksellik görüntünün yolu sayfa kodunda ilk sırada yer almalıdır.

En kolay yol, Photoshop'ta veya başka bir grafik düzenleyicide bir favicon çizmektir. Daha da kolayını yapabilir ve hazır bir resim veya fotoğraf çekebilir ve onu gerekli biçime ve boyuta dönüştürebilirsiniz. Böyle bir simge çok küçük olduğu için görüntünün küçük detayları üzerinde net bir şekilde görülemeyecektir. Bu nedenle, site simgenizi olabildiğince basit, ancak aynı zamanda çekici ve benzersiz hale getirmek daha iyidir. Sonuçta, bu web kaynağınızın arama kartıdır.

Büyük bir Photoshop uzmanı değilseniz, o zaman önemli değil, İnternette bir site için favicon oluşturmak için birçok ücretsiz oluşturucu hizmeti var. Bazıları görüntüleri yalnızca ICO formatına dönüştürebilirken, diğerleri sıfırdan bir favicon düzenlemenize veya oluşturmanıza izin verir. Bu tür çevrimiçi üreticilere küçük bir genel bakışı dikkatinize sunuyorum.

Hizmetler çevrimiçi favicon oluşturucu - çevrimiçi favicon oluşturma

En basit hizmetlerle başlayacağım ve ardından yavaş yavaş sıfırdan statik ve animasyonlu simgeler oluşturabileceğiniz ve hazır olanları düzenleyebileceğiniz daha gelişmiş hizmetlere geçeceğim.

Blogunuzu veya şirket web sitenizi yeni başlatıyorsanız ve henüz bir logonuz yoksa, Logaster hizmeti sizin için harika bir çözümdür. Bununla birlikte bir logo oluşturabilirsiniz ve ardından bu logo oluşturucuya dayalı olarak seçtiğiniz birçok favicon oluşturacaktır. Kolaylık ise logo ve favicon aynı tarzda oluşturulacağı için siteniz daha profesyonel görünecektir.

Basit site simgesi üreteçleri

Yeni başlayanlar için, herhangi bir resmi düzenleme imkanı olmadan bir favicon.ico dosyasına dönüştürerek site için kolayca bir simge oluşturabileceğiniz birkaç site.

www.favicongenerator.com - belki de en minimalist hizmet. Başka bir şey yok - bir resim seçin, “Favicon Oluştur! ” ve oluşturulan simgeyi indirin.

tools.dynamicdrive.com/favicon- üç boyutta bir favicon oluşturabileceğiniz basit ve anlaşılır bir hizmet. Alınan dosyaları indirmek için, bunların altındaki “FavIcon'u İndir” düğmesine tıklamanız gerekir.

www.cy-pr.com/tools/favicon ve www.favicon.co.uk bir öncekine benzer servislerdir. İlkinde favicon boyutunu 16x16 ve 32x32, ikincisinde ise ek olarak 48x48 ve 64x64 yapabilirsiniz.

www.genfavicon.com - bir simge oluşturma sürecinin tamamı üç adımdan oluşur:

1. Bilgisayarda bir dosya (JPEG, GIF, PNG) seçin veya sadece resim URL'sini girin ve " Fotoğraf yükleniyor“;
2. “Görselin sadece bir kısmını oluşturmak istiyorsak” boyutunu (16×16, 32×32, 48×48, 64×64 veya 128×128) ve görüntünün istenen alanını seçin. Yakala ve Görüntüle“;
3. Sonuca bakıyoruz ve her şey uygunsa dosyayı indiriyoruz.

Çevrimiçi oluşturucularda bir web sitesi için animasyonlu bir favicon oluşturma

Şimdi animasyonlu favicon'lar oluşturabileceğiniz ve ayrıca kayan yazı simgesiyle birlikte kayan Latince metin ekleyebileceğiniz birkaç hizmete göz atalım. Gerçek animasyon, tüm tarayıcılar tarafından desteklenmez.

www.favicon.by - Rusça hizmet. Gereken tek şey bir dosya seçmek, metni Latince girmek (gerekirse) ve "Favicon Oluştur" düğmesini tıklamaktır. Aşağıda sonucu görebilir ve arşivi dosyalarla birlikte indirebilirsiniz.

www.favicon.com.mx, bir öncekiyle tamamen aynı olan, yalnızca İngilizce olarak sunulan bir hizmettir.

Sıfırdan bir site simgesi nerede yapılır - çevrimiçi site simgesi düzenleyicileri

antifavicon.com - nedense anti ön ekli bu hizmet ilginçtir, çünkü favicon.ico dosyasını kendiniz oluşturmanıza izin verir, ancak bir resim olarak değil, renkli bir arka plan üzerinde metin olarak. Tek gereken uygun harfleri girmek ve renkleri seçmek. Bu arada favicon'umu buraya yaptım. Sonra değiştireyim dedim ama artık alıştım.

favicon-generator.org - burada dönüştürücüye ek olarak bir simge düzenleyici de var. Ek olarak, oluşturulan favicon'u, sitenin diğer kullanıcılarının özgürce indirebileceği genel galeriye yükleyebilirsiniz.

favicon.ru, hem resimlerden favicon oluşturabileceğiniz hem de çizebileceğiniz popüler bir Rus çevrimiçi oluşturucusudur. Ayrıca uzmanlar tarafından 20 $ karşılığında bir favicon oluşturulmasını sipariş edebilirsiniz. Acaba sipariş veren var mı?

www.favicon.cc, öncekine benzer başka bir popüler oluşturucudur. Bu hizmetin ilginç bir özelliği, burada 20 saniyeye kadar kare kare animasyon yapabilmenizdir.

Animasyonlu favicon'u görebilir ve önizleme penceresinde indirebilirsiniz.

www.degraeve.com/favicon - başka bir çevrimiçi favicon oluşturucu. Bu düzenleyici, öncekiler gibi, simgenin arka planını şeffaf yapmanıza olanak tanır.

Belki de bugün için yeterli, ancak bunlar tüm çevrimiçi hizmetlerden uzak. Ancak bunlar bile web siteniz veya blogunuz için güzel bir favicon oluşturmak ve arama sonuçlarında görünür olmak için yeterlidir.

Ve yine de, site için başka bir çevrimiçi simge oluşturucuyu sonraya sakladım. Bu hizmet, size iPhone, iPod Touch ve iPad tarayıcıları için nasıl favicon yapılacağını anlatacağım ve siteye animasyonlu simgeler yükleme üzerinde duracağım ayrı bir gönderiyi hak ediyor. Ayrıca, bu dosya birden fazla resim içeriyorsa, tüm favicon.ico simgelerini kontrol edip görebileceğiniz Favicon Validator hizmetini size tanıtacağım.. Herkese hoşçakalın!

Faviconlar her sitenin çok küçük ama kesinlikle son kısmı değildir. İnternetin doğuşuyla ortaya çıktılar ve bugüne kadar talep görüyorlar. Bunları oluşturmanın birkaç yolu vardır. Programlar için eklentiler kullanabilir veya özel web yardımcı programlarını kullanabilirsiniz. Onlar hakkında konuşalım.

X Simge Düzenleyici

Önceki aracın aksine, favicon.cc daha az çizim aracı içerir. Burada yalnızca belirli bir renk ve saydamlıkla tek tek pikseller çizebilirsiniz. Bu araç ayrıca görüntüleri içe aktarmanıza, istediğiniz gibi düzenlemenize ve favicon olarak dışa aktarmanıza olanak tanır.

Özel bir panel sayesinde, bir favion çizme sürecinde, Internet Explorer tarayıcısında nasıl göründüğünü hemen göreceksiniz.

antifavicon

Standart favicon boyutu (16x16) elbette metin için çok küçüktür. Ancak Antifavicon, bu küçük alana iki satırlık metin sığdırmanıza olanak tanır. Kullanılan yazı tipi kesinlikle çok sıcak değil ama ne yapabilirsiniz :).

Belirlenen sınırlar elbette zincirlemedir. Ancak, bazı örneklere baktıktan sonra oldukça ilginç bir şeyle karşılaşabilirsiniz.

faviconist

Bakacağımız son hizmet Genfavicon'dur. Burada bir resim yükleyebilir, onu bir simgeye dönüştürebilir ve tarayıcıda nasıl görüneceğini anında görebilirsiniz. Bundan sonra, belirli bir boyutta bir simge indirebilirsiniz.

Bugün tartıştığımız tüm hizmetlerin artıları ve eksileri var. Ancak aralarında rakiplerinden daha fazlasını sağlayabilenler var. Bu yüzden bu siteleri yer imlerine ekleyin. Kesinlikle sizin için kullanışlı olacaklar.

Çok önemli bir blog tasarım öğesi, küçük bir resim (16x16 piksel) olan favicon'dur. Küçük boyutlar - ancak büyük etki! Bu makale, özel hizmetleri kullanarak çevrimiçi bir web sitesi için favicon (favicon.ico) oluşturma hakkındadır. Bu favicon simgesinin ne olduğu, ne için kullanıldığı, hangi işlevlere sahip olduğu, onu bir bloga nasıl ekleyeceğiniz ve çevrimiçi oluşturacağınız hakkında daha fazla bilgi edineceksiniz. Ayrıca nerede olduğunu da öğreneceksiniz site için hazır favicon ico koleksiyonunu indirin.

Genel olarak gönderi çok bilgilendirici ve ilginç, favicon'u olmayanların okumasını şiddetle tavsiye ediyorum.

Öncelikle favicon nedir ve ne için kullanılır ona daha yakından bakalım.

Favicon, "Favoriler" için bir simge (çok küçük resim) olarak tercüme edilen iki kelimenin (eng. FAVorites ICON) kısaltmasıdır. Favoriler- bu, Internet Explorer tarayıcısındaki yer imlerinin adıdır. Favicon şöyle görünür:

Bir web sitesi için favicon yapmak çok kolay hale geldi, bu yüzden bu mini geniş bir popülerlik kazandı. Ek olarak, eklemeniz gereken site için hazır bir favicon ico simgesi indirebilirsiniz. Galeriden doğru olanı seçerek sitenizi bununla dekore edebilir ve tarayıcıda hayranlıkla izleyebilirsiniz (bu mini resim Chrome'da şöyle görünür):

Yani favicon, .ico uzantılı (icon uzantılı) küçük bir 16x16 px görüntüdür. Çünkü simge geniş bir popülerlik kazandı, hemen hemen her sitede buna sahip ve bu, çevrimiçi bir site için bir favicon oluşturmak için başka bir neden. Ne tür bir barındırma kullandığınız, blogunuzun hangi motorda çalıştığı önemli değildir - her durumda, çevrimiçi oluşturabilir ve ardından bir site simgesi yükleyebilir veya site için hazır bir site simgesi indirebilirsiniz. Modern simge oluşturucular sayesinde, bunların oluşturulması fazla zaman almaz - bir veya iki dakika ve bitirdiniz.

Henüz bir site simgeniz yok mu? Yakında düzeltin!

Bu küçük resim ne için kullanılıyor? İlk olarak, bir web sitesi için bir favicon, bir ticaret şirketi için bir logo gibidir, kalabalığın arasından sıyrılmanın bir yoludur. Ziyaretçiler, favicon resmine bakarak sitenizi tanıyacaktır. İkincisi, Yandex ayrıca favicon resimlerini kullanır ve bunları arama sonuçlarının yanında gösterir, bu da faviconlara sahip sitelerin başkalarının arka planında daha iyi görünmesini sağlar. Ve bu, kullanıcıların sitenize daha sık gidecekleri anlamına gelir, çünkü simge onları "cezbedecektir". Başka bir deyişle, bu küçük resim size yardımcı olacaktır. İşte göründüğü gibi:

Peki, şimdi site ikonu yapmayı öğrenmek ister misin? Okumaya devam edin ve çok sayıda koleksiyondan siteniz için bir favicon seçebileceksiniz.

Bu arada, Yandex arama motorunun bu simgeleri dizine ekleyen ve arama motoru veritabanına yükleyen özel bir robotu bile var. Bir favicon oluşturup siteye yükledikten sonra, Yandex bunu bir süre sonra (genellikle bir aydan fazla olmamak üzere) dizine ekler ve arama sonuçlarında göstermeye başlar. Mini logonuzun zaten arama motoru veritabanında olup olmadığını istediğiniz zaman kontrol edebilirsiniz. Bunu 3 yoldan biriyle yapabilirsiniz:

• Sitenizi Yandex arama kutusuna yazın ve yanında bir favicon olup olmadığını göreceksiniz.
• Tarayıcıya http://favicon.yandex.net/favicon/ bağlantısını yazın. site.ru, burada site.ru'yu sitenizin adresiyle değiştirin. Fava indekslendiyse, onu görebileceksiniz.
• Yandex.Webmaster paneline gidin, burada favicon da görüntülenir.

Şimdi site için favicon'u nereden indirebileceğinizi öğrenelim.

2. Çevrimiçi favicon oluşturucuları ve koleksiyonları

Artık bir favicon'un ne olduğunu ve bir sitenin buna neden ihtiyacı olduğunu biliyoruz. Piksel cinsinden boyutunun kesinlikle 16'ya 16 olması gerektiğini ve uzantının yalnızca .ico olması gerektiğini unutmayın. Şimdi böyle bir mini logo yapmayı öğrenelim:

1. Galeriden hazır bir fava indirin.
2. Favicon oluşturucuyu kullanarak kendinizinkini oluşturun.
3. Bitmiş görüntüden yapın (yine favicon oluşturucuyu kullanarak)

2.1 Koleksiyonlar ve favicon galerileri

1. http://www.thefavicongallery.com/ - küçük bir koleksiyon olmasına rağmen kullanışlıdır. Burada çeşitli konularda simgeler bulacaksınız. Toplamda yaklaşık 300 tane var. Site için beğendiğiniz favicon ico'yu indirmek için üzerine sağ tıklayın ve bilgisayarınıza kaydedin.
2. http://www.iconj.com/favicon-gallery-page1.html, 3.000'den fazla küçük resim içeren site için başka bir favicon koleksiyonudur. Favorinizi iki biçimde (ico veya gif) kaydedebilirsiniz. Ancak bir dezavantaj var: Bir seferde yalnızca 30 simge görüntüleyebilirsiniz, sonrakini görmek için yeni bir sayfaya gitmeniz gerekir.
3. http://www.favicon.cc/?action=icon_list&order_by_rating=1 - bu galeri sayesinde çevrimiçi olarak kendi site simgenizi oluşturmak zorunda değilsiniz. Sadece beğendiğiniz resmi seçin ve indirin. Yine aynı anda 20 favicon görüntülenebiliyor bu da seçim sürecini yavaşlatıyor.
4. http://www.favicon.co.uk/gallery.php - bu site, yalnızca site için bir favicon oluşturmanıza değil, aynı zamanda hazır seçenekleri indirmenize de olanak tanır. Bir seferde 144 simge görüntüleyebilirsiniz, bu önceki iki seçeneğe göre çok daha uygundur. Çeşitli konularda favoriler.
5. http://favicon-generator.org/gallery/ - 84 favicon'dan oluşan küçük ama kullanışlı bir koleksiyon olsa da. Herhangi birini seç!

2.2 Bir web sitesi için sıfırdan favicon nasıl yapılır

Elbette siteniz için hazır bir fava indirebilirsiniz, ancak kendi ellerinizle kendi favanızı yapmak çok daha iyidir. Bu durumda, çevrimiçi olarak güzel mini resimler oluşturmanıza olanak tanıyan Favicon Oluşturucuları (fav oluşturucular) bize yardımcı olacaktır.

2.2.1 Logaster.ru

Çevrimiçi favicon oluşturucu listemizi başlatır
Hizmetin ana avantajı, hiç bir favicon çizmeniz veya onu bir logodan dönüştürmeniz gerekmemesidir.
Tek yapmanız gereken sitenin veya şirketin adını girmek ve bir konu seçmek.
Bundan sonra hizmet, hazır favicon tasarımları oluşturacaktır. İstediğiniz simgeyi, yazı tipini, rengi seçin.
Bu, nasıl çizileceğini ve grafik programlarıyla çalışmayı bilmeyenler için çok uygundur.

Favicon dosyalarını ICO veya PNG formatlarında indirebilirsiniz.
Logaster kullanarak site simgesi oluşturma hakkında daha fazla bilgi edinebilirsiniz.

Hizmet, favicon'a ek olarak logolar, kartvizitler, zarflar ve antetli kağıtlar da oluşturur.

2.2.2 Favicon.cc - site simgesi oluşturucu

Bu karmaşık olmayan oluşturucu, çevrimiçi bir web sitesi için bir favicon oluşturmak için kullanılan en basit ve en popüler olanlardan biridir. Gelecekteki favanın her pikselini çizebileceksiniz (toplamda 256 tane var). Siteye giderek, deneyebileceğiniz bir çalışma penceresi açılacaktır.

Çalışma alanı yukarıdaki ekranda mavi olarak gösterilir - burada site için doğrudan bir favicon oluşturacaksınız. Hemen aşağıda, favanın orijinal ölçeğinde (siyahla vurgulanmış) nasıl göründüğünü görebilirsiniz.

Bu oluşturucuyla çalışmak o kadar basit ki, bir web sitesi için favicon ico'nun nasıl yapılacağı hakkında sorularınız olması pek mümkün değil. Genel olarak, bu sitede tüm favicon koleksiyonlarını çevrimiçi olarak oluşturabilir ve ardından örneğin bunları satabilirsiniz.

Çalışma alanındaki her kare bir pikseldir. İstediğiniz renge boyamalısınız. Çalışma alanının sağında bulunan paletten bir renk seçebilirsiniz. Sol tuşa basarak bir pikselin üzerini boyayabilir, sağ tuşa basarak gölgeli olanı silebilirsiniz.

Görüntü, öğenin kullanıldığı çalışma alanında taşınabilir ve taşınabilir. taşınmak.

Site için oluşturduğunuz sonuç favicon'u indirmek için Favicon'u İndir bağlantısını tıklayın (kırmızı ile vurgulanmıştır).

2.2.3. Oluşturucu Amichurin.Appspot.com

Çevrimiçi olarak güzel bir resim oluşturabileceğiniz başka bir güzel favicon Oluşturucu. Jeneratörün tamamı Rusça'dır, ancak işlevselliği önceki duruma göre daha basit olacaktır. Bu arada bordo renginde yapılan imzalar bana ait değil.

Ne yazık ki, bu sitede site için indirilebilecek hazır favicon koleksiyonları bulamadım, bu yüzden onu yalnızca bir jeneratör olarak kullanın.

2.2.4 Oluşturucu Favicon-Generator.org

Çok iyi favicon üreteci. İkinci seçeneğe çok benzer, ancak ondan biraz daha düşüktür. Genel olarak, daha önce fark ettiğiniz gibi, tüm bu sitelerde çalışma prensibi aynıdır. Bu nedenle, onlarla herhangi bir sorun olmamalıdır. En çok sevdiğinizi seçin ve onunla çalışın.

2.3 Bitmiş görüntüden Favicon

Sıfırdan çevrimiçi oluşturucuları kullanarak bir favicon oluşturmak istemiyorsanız ve site için favicon ico galerileri ve koleksiyonları size uymuyorsa, bitmiş görüntüden bir mini resim yapmayı deneyin. Fotoğrafınızı bile kullanabilirsiniz. Bu tür resimler ayrıca özel favicon oluşturucular kullanılarak çevrimiçi olarak oluşturulur.

Temel almak istediğiniz resmi önceden hazırlayın.

2.3.1 Favicon.ru hizmeti

Bir web sitesi için favicon oluşturmaya yardımcı olan en popüler hizmetlerden biri (bu arada, Rusça bir site). Basit ve kullanımı kolay, bitmiş görüntünüzden bir mini logo yapmanıza yardımcı olur.

Bunun gibi bir resim veya fotoğraf (taban) ekleyebilirsiniz:

• düğmesine tıklayın" Dosya seçin» ve istediğiniz fotoğrafı yükleyin.
• Resmin url adresini beyaz alana girin (dosya bilgisayarınızda değil, internette depolanıyorsa bunu yapın).

Resim eklendikten sonra " Yaratmaksite simgesiIko! ve biraz bekleyin, jeneratör bir simge üretecektir. Ardından görüntüyü bilgisayarınıza indirin. Bu arada, jeneratöre ek olarak, bu sitede ayrıca siteniz için geniş bir favicon ico koleksiyonu var.

2.3.2 Hizmet Favicon.cc

Benzer jeneratör, ancak daha güçlü işlevselliğe sahip. Bitmiş bir görüntüden bir fava oluşturmak için önce "Görüntüyü İçe Aktar" sekmesine gidin.

Şimdi "Dosya Seç"e tıklayın ve yüklenecek dosyayı ekleyin. Buna bağlı olarak, siteniz için bir favicon ico oluşturulacaktır. Bu arada, bir görüntü uzatma işlevine ihtiyacınız olabilir:

• Boyutları koruyun - en boy oranı azaldığında resimler aynı kalır
• Kareye küçült simgesi - görüntünün kenarları kare şeklinde olacaktır (görüntü bozulabilir).

Bir dosya yükledikten sonra, bu favicon oluşturucuyu kullanarak dosyayı çevrimiçi olarak düzenleyebilirsiniz. Sonuç size uygun olduğunda favayı bilgisayarınıza indirin.

3. Bir WordPress Bloguna Favicon Nasıl Eklenir?

Bir site için hazır bir favicon'u nereden indireceğimizi veya kendinizinkini nasıl yapacağınızı bulduk. Şimdi bir WordPress bloguna nasıl fava ekleneceğini tartışalım.

Kural olarak, favicon sitenin kökünde bulunur (kök klasörde) - buna odaklanacağız. Favanız kökte değilse, oraya taşıyın.

Favicon.ico iki adımda eklenir.

ADIM BİR

Her şeyden önce, temanızda favicon'u görüntülemekten sorumlu olan kod satırını bulmanız gerekir. Düzenlemek için Başlık dosyasını (header.php) açın ve şu (veya benzer) satırı bulun:

Benzer ve favicon.ico kelimesini içeren hiçbir şey yoksa, bu iki satırı etiketlerin arasına ekleyin. Ve.

İKİNCİ ADIM

Şimdi favicon'un kendisini barındırmanıza, yani sitenin kök klasörüne eklemeniz gerekiyor (aksi takdirde görüntülenmez). Barındırmaya gidin ve fava'yı sitenin kök dizinine yükleyin (dosya adı gereklidir) favicon.ico, boyutlar gereklidir 16×16 piksel).
Hepsi bu kadar, yakında favicon arama motorları tarafından indekslenecek ve Yandex sonuçlarında gösterilecektir. Ve sitenizin kendi favicon'u olacaktır.

Sonunda, site için nasıl favicon oluşturulacağına dair bir video eğitimi veriyorum.

Favicon - kelimenin tam anlamıyla "favori simge" olarak tercüme edilen terim - modern web tasarımının en karmaşık öğelerinden biri olarak kabul edilir. Bu, tarayıcı sekmesinde, arama çubuğunda ve diğer yerlerde bulunan ve sitenin kişiselleştirilmesinde önemli rol oynayan küçük bir resimdir.

Standart olmayan biçim ve küçük boyut nedeniyle, hem teknik hem de tasarım açısından bir favicon oluşturmak zor olabilir.
Eşit derecede zor bir görev, favicon'un farklı tarayıcılarla uyumlu olmasını sağlamaktır.

Bu yazıda, site simgesi yapmayı öğreneceksiniz - tasarım ipuçları vereceğiz ve size site simgesi oluşturma hizmetleri ve siteye site simgesi ekleme hakkında bilgi vereceğiz.

Favicon nedir ve neden gereklidir?

Favicon çok küçük bir grafik nesnesi olsa da web sitesi tasarımında ve genel olarak son derece önemlidir.

Resmi büyütmek için tıklayın.

İlk önce, Site simgesi, sitenizi daha kişisel hale getirir ve logo gibi diğer grafik öğelerle tutarlı hale getirir.

ikincisi , favicon, sitenizin arama sonuçları listesindeki diğer web kaynakları arasında öne çıkmasını sağlar. Bu mini simgeye sahip olmayan bir site soluk görünür ve rakiplerine yenilir. Tek kelimeyle, favicon, web siteleri için "sahip olunması gereken" bir şeydir.

Üçüncü , bir favicon, kullanıcının sitenizi bir yer imleri dizininde veya diğer masaüstü simgelerinde daha hızlı bulmasını sağlar.

Site simgesi tasarımı oluşturma

Favicon, gülen yüz boyutunda küçük bir tabelada özü ve markayı yakalamalıdır. Şirket logosunun basitleştirilmiş bir versiyonu iyi bir çözüm olacaktır, ancak lütfen unutmayın: metin ve ticari markalar içeren tam teşekküllü bir logo bu amaç için uygun değildir.

Bu web siteleri, markalarının grafik işaretini (veya en azından buna benzer bir şeyi) kullanır.

metin kullanmayın

Metin kullanmayı reddetmelisiniz çünkü favicon'un küçük boyutu nedeniyle yazılar okunamayacak. Simgeye 1, en fazla 2 harf yerleştirin - örneğin, şirketinizin veya web kaynağınızın adının ilk harfleri; bu durumda, yine de ayırt edilebilirler.

Favicon pikselleştirme

Site simgeleri o kadar küçüktür ki her piksel önemlidir. Genellikle tam boyutlu bir logoyu küçülttüğünüzde görüntü bulanık olur.

Bu, 32x32 boyutuna küçültülmüş tam boyutlu Facebook logosunun bir parçası. Görüntünün kenarlar boyunca "yüzdüğünü" fark etmek kolaydır. Böyle bir kusurdan kaçınmak için piksel düzeyinde düzenleme yapmalısınız.
Simgelerle çalışırken bitmap düzenleme yazılımı (Photoshop veya Pixelmator gibi) kullanmayı tercih ederim. İlk olarak, ihtiyacım olan en büyük favicon olduğundan, tam boyutlu logoyu 64x64 piksele küçültüyorum. İş çok zahmetli, bir hatta iki saat sürebilir, ancak sonuç tek kelimeyle mükemmel.
Bu tür işlemlerde zamanınız ve beceriniz yoksa, çevrimiçi hizmetleri kullanmak daha iyidir. logotizer.ru

Favicon boyutu

64x64 boyutunda bir simge verildiğinde, aynı şekilde 32x32, 24x24 ve 16x16 piksel simgeler oluşturuyorum. Her birinin kendi amacı vardır:

- 64x64 - Safari ve Windows'ta "Okuma Listesi"
- 24x24 - IE9'da sabitlenmiş siteler.
– 32×32 – Yüksek çözünürlüklü ekranlar için.
– 16×16 – Genellikle IE, Safari, Chrome vb. tarayıcılarda kullanılır.

Ancak daha küçük site simgelerinin oluşturulması bunlarla sınırlı değildir: genellikle piksel düzeyinde ek düzenleme gerekir. Uygun görürseniz bir alfa kanalı da ekleyebilirsiniz. Daha önce bu zorluklara neden olduysa, şimdi neredeyse tüm tarayıcılar faviconlarda şeffaflığı destekliyor.

Favicon Biçimleri

Geçmişte, yalnızca Windows ICO formatındaki dosyalar desteklenirken, 16x16 favicon'u GIF olarak kaydedip ona .ico uzantısını vererek zaman kazanabiliyorduk. Bu yaklaşım kusursuz çalıştı! Ancak, ICO dosyaları oluşturmak için araçlar İnternette kolayca bulunabileceğinden, artık bu yöntem gerekli değildir. Üstelik ve artık site simgeleri için kullanılıyor, ancak yalnızca aşağıdaki ikisi en yaygın olanıdır.

ICO

Avuç içi ICO formatına aittir. PNG dosyalarının aksine, ICO dosyalarının farklı çözünürlükleri ve bit derinlikleri olabilir (bu, Windows için harikadır). Internet Explorer, çeşitli boyutlarda site simgeleri kullanır (örneğin, Windows 7 görev çubuğu için 32 piksel simgeler) ve bu nedenle, bu durumda, ICO formatı tek seçenektir.

PNG dosyaları çok uygundur çünkü onları oluşturmak için herhangi bir özel araca ihtiyacınız yoktur. Bu biçim, alfa kanalını destekler ve en küçük boyutlarda dosyalar oluşturmanıza olanak tanır. Belki de PNG formatının tek dezavantajı, Internet Explorer'da desteklenmemesidir.

Başka seçenekler de var:

– GIF ve animasyonlu GIF formatlarının çok eski tarayıcılarla uyumlu olması dışında bir avantajı yoktur.
– Görüntü fotoğraf biçiminde olsa bile JPG formatı önerilmez. Bu format, PNG'nin netliğinden yoksundur ve tek avantajı, renkler arasındaki daha yumuşak geçişlerdir - çok küçük bir görüntüde tamamen görünmez olan bir nüans.
- Daha fazla tarayıcı bu formatta site simgelerini destekliyorsa, SVG harika bir seçenek olabilir. Şimdiye kadar sadece Opera ile uyumluluk var.
– PNG'nin Firefox ve Opera tarafından desteklenen sözde bir “alt formatı” – APNG (animasyonlu PNG) vardır. Bununla birlikte, kullanımının fizibilitesi söz konusu olmaya devam etmektedir. Animasyonlu bir favicon, kullanıcının dikkatini dağıtabilir ve hatta rahatsız edebilir.

Çevrimiçi favicon oluşturun - araçlar ve çevrimiçi hizmetler

Çevrimiçi bir favicon oluşturmanıza yardımcı olacak en kullanışlı hizmetleri sizin için seçtik.

logotizer

Logotizer, web siteniz için bir favicon ve logo oluşturmaya yönelik yeni, basit ve kullanışlı bir hizmettir.
Bu çevrimiçi favicon oluşturucu ile sıfırdan bir favicon oluşturabilirsiniz. Hizmet yeni başlayanlara yöneliktir, bu nedenle iyi bir tasarım geliştirmek zor olmayacaktır.

Logotizer Online Generator ile Favicon Nasıl Oluşturulur

Ana çalışma alanı soldadır. Sağda, favicon'un farklı ortamlarda (tarayıcı sekmesi, bilgisayar görev çubuğu veya akıllı telefon ekranı) nasıl görüneceğini görebilirsiniz. Çok kullanışlı ve görsel.

Öncelikle favicon için bir şekil seçmeniz gerekiyor. Birçoğu var, 50'den fazla. Favicon'un anlaşılmasını ve hatırlanmasını kolaylaştırmak için basit ve karmaşık olmayan şekiller seçmenizi tavsiye ederiz.

Bu aşamada ayrıca favicon'un arka planı olarak kullanılacak şeklin rengini de tanımlıyor ve kenarlığı seçiyorsunuz. Logonuza (varsa) hangi rengin hakim olduğunu, sitenizdeki ana renklerin hangileri olduğunu görün. Bir favicon tasarımı oluşturmanızı tavsiye ettiğimiz aralık bu aralıktır.

"Form" bloğunun altında bir şekiller (semboller) koleksiyonu bulunur. Çok fazla yok, kendi seçeneklerinizi yükleyememeniz üzücü; ama seçim yine de oldukça ilginç.

Şekillerin rengini, boyutunu, konumunu değiştirin! Tek kelimeyle, deney, iyi, hizmet bunu yapmanıza izin veriyor.

Şekil seçildikten sonra kendi metninizi ekleyebilirsiniz. Daha önce yazdığım gibi, 1 veya 2 harf kullanmak daha iyidir, artık değil.

Kapsamlı bir yazı tipi seçimi vardır. Bu kesinlikle bir artı. Şekillerde olduğu gibi, metnin rengini, boyutunu ve konumunu değiştirebilirsiniz.

Bazı favicon katmanlarının sizi geçici olarak rahatsız ettiğine veya hiç gerekmediğine karar verirseniz, onu kolayca gizleyebilirsiniz.

Bir favicon oluşturduktan sonra, hizmet onu kaydetmeyi teklif edecektir. Bir hesap kaydedin (2017'de kayıt olmadan mümkün değildir) ve bundan sonra dosyaları küçük bir ödeme için indirebilirsiniz - 199 ruble.

Site ayrıca siteye nasıl favicon ekleneceğine dair küçük bir talimat içerir, bu nedenle siteye favicon eklerken herhangi bir sorun yaşamamalısınız. Bu makalenin altında da benzer öneriler var.

Ödeme yapıldıktan sonra kullanıcı, bugün ihtiyaç duyulan tüm cihazlar için (Apple dokunmatik simgesi, Microsoft Uygulama Simgeleri ve diğerleri) hemen farklı boyutlarda 10 favicon alır.

Favicon.ico dosyasının kendisi çok boyutludur ve 1 dosyada (16px, 24px, 32px, 64px) 4 boyutta simgeler içerir. Buna göre, siteyi tarayıcı yer imlerinize eklerseniz veya geçmişi açarsanız, farklı boyutlarda simgeler gözlemleyebileceksiniz, ancak bunlar net ve bulanık olmadan görüntülenecektir.

Genel olarak servis iyi. Basit, kullanışlı, daha fazlası değil.

RealFaviconGenerator.net

herhangi bir platform için site simgeleri oluşturmanıza izin veren daha basit bir site simgesi üreticisidir. Ayrıca, favicon'u kaynak üzerinde test edebilirsiniz. Sitenizin URL'sini girin ve favicon'unuzun her tarayıcıda ve işletim sisteminde nasıl göründüğünü görün. Real Favicon Generator ayrıca kusurları nasıl gidereceğinizi ve favicon'unuzu nasıl daha iyi hale getireceğinizi de söyleyecektir.

favicon.tarafından

favicon.tarafından PNG, JPG ve GIF dosyalarını .ico formatına dönüştüren başka bir ücretsiz ve kullanımı kolay favicon oluşturucudur. Bilgisayarınızdan bir resim yükleyin, bir boyut seçin (16x16px veya 32x32px) ve "Oluştur" düğmesine tıklayın. Alınan favicon'u sitenize kaydetmek için talimatları izleyin.

Hizmet ayrıca piksellerle bir logo çizmeyi mümkün kılar, ancak dürüst olmak gerekirse bunu herkes yapamaz. Ben yapamadım mesela. işte ben bu kadar kıllıyım :)

Bir web sitesine favicon nasıl eklenir?

Site sayfasının HTML kodunda birkaç düzenleme yaparak siteye favicon ekleyebilirsiniz.

Adım 1: “favicon.ico” dosyasını hosting sunucunuza yükleyin.

Bunu yapmak için, bu bağlantıyı kullanarak FTP sunucunuza gidin:
ftp:// [e-posta korumalı]
Kullanıcı adınızı ve şifrenizi girin. Hosting firmanızın admin panelinden temin edilebilirler.
Favicon dosyalarını kök dizine yükleyin. Kök dizin genellikle "public_html" veya "www" olarak adlandırılır.

Adım 2: HTML'ye bir favicon ekleyin.

FTP sunucusu penceresini açık tutarak “index.html” veya “header.php” dosyasını indirin.
Ardından kodu yüklemeniz gerekir. İndirilebilir kod web sitenize bağlıdır.
Siteniz HTML ise, index.html dosyasında HEAD alanını bulun ve aşağıdaki kodu yapıştırın:

Siteniz WordPress ise, header.php dosyanızda HEAD alanını bulun ve aşağıdaki kodu yapıştırın:

/favicon.ico” />

Bu kodlar, tarayıcıların site simgelerinizi bulmasını sağlar.
Demek favicon'unuzu yüklediniz!

WordPress ve Diğer Platformlarda Favicon Nasıl Eklenir?

Kaynağınız WordPress veya başka bir CMS'ye dayanıyorsa, siteye bir favicon eklemek çok basittir. Genel olarak, farklı platformlar için site simgesi ekleme algoritması aynı olacaktır.
1. Site konsoluna gitmeniz gerekiyor.
2. "Tasarım" veya "Görünüm" bölümünü bulun.

3. “Tema Ayarları” bölümüne gidin ve orada “Favicon”u bulun.

4. Bilgisayarınızdan bir favicon yükleyin.

5. Kaydedin ve sayfayı yenileyin.

Daha karmaşık site simgeleri nasıl oluşturulur?

Bu makale, hemen hemen her tarayıcı ve işletim sistemiyle uyumlu site simgeleri oluşturmanın basit ve hızlı yollarını kapsar. Ancak web tasarımı ve geliştirme söz konusu olduğunda, mükemmelliğin sınırı yoktur. Daha gelişmiş favicons, iOS ana ekran dokunmatik simgeleri, Windows Metro arayüzü simgeleri, Google TV simgeleri ve daha fazlasını nasıl yapacağınızı öğrenmek istiyorsanız şu eğitimlere göz atmanızı öneririm: favicon hile sayfası. Konuyla ilgili eksiksiz bilgi içerir ve iyi kaynaklar verilir. Bu, sürekli olarak bilgilerini genişletmek isteyen tasarımcılar ve geliştiriciler (ben dahil) için harika bir seçenektir.

Favico.js ile dinamik numara favikonları oluşturabilirsiniz.

Ayrıca değişen bir numaraya sahip bir simgeye sahip dinamik bir favicon'a da ihtiyacınız olabilir. Bu tür site simgeleri oluşturmak için hizmeti kullanmanızı tavsiye ederim favico.js, Github'da mevcuttur. Dinamik favicon'lar tüm tarayıcılarla uyumlu olmasa da. Ancak onları destekleyen tarayıcılar için bu simgeler ilginç ve yararlı bir eklenti olabilir.

Bu makaleye başka bir ipucu eklemek veya bir soru sormak istiyorsanız, aşağıya bir yorum bırakın!

Web Sitesi Favicon Nasıl Oluşturulur - İpuçları ve Hizmetler güncellendi: 7 Şubat 2018 yazan: yönetici

İyi gün dostları!

Uzun bir süre bir sonraki makaleyi ne hakkında yazacağımı düşündüm ve aklıma teknik açıdan çok basit ama diğerlerinden daha az önemli olmayan bir konu geldi.

Bu yazıda size Favicon hakkında bildiğim her şeyi anlatacağım ve sitenizdeyken tarayıcı sekmenizde görüntülenecek bir simge oluşturma sürecini göstereceğim. Siteye Favicon nasıl kurulur onu da göstereceğim.

Size bu simge hakkında bildiğim her şeyi anlatacağım. Neyi etkiler, en iyi nasıl oluşturulur, vb.

Bu konuları tartışmaya başlamadan önce konuya açıklık getirmek istiyorum: "Favicon nedir ve onu nerede görebilirsiniz?".

Her şey her zamankinden daha kolay. Favicon, bir web sitesindeyken görüntülenen bir simgedir. Ayrıca Yandex arama motorunda da görüntüleniyor ki bu çok iyi. Bu neden böyle, daha fazla düşüneceğiz.

Simgem tarayıcı sekmesinde böyle görünüyor.

Ve Yandex arama motorunun sonuçlarında aynı simgenin nasıl görüntülendiği aşağıda açıklanmıştır.

Bunun ne tür bir hayvan olduğunu öğrendiğinizde, bugünün materyalinin tüm konularını düşünmeye başlayabilirsiniz.

Dürüst olmak gerekirse, bir siteye simge yükleme süreci çok basittir, ancak size mümkün olan her şeyi anlatmadan edemedim. Umarım bu bilgi sizin için çok faydalı olacaktır.

Neden bir favicon'a ihtiyacınız var?

Her şeyi bir kontrol listesi şeklinde açıklamaya çalışacağım. Bu arada bu konuda basit bir infografik hazırladım.

• Marka tanıtımı ve farkındalığı.

Herhangi bir sitenin görevinin markasını (adını) bir dereceye kadar tanıtmak olduğu bir sır değil. Kişisel bir blogu hesaba katarsak, kendimizi bir kişi olarak oluşturduğumuz ve fikrimizi belirli kitlelere ilettiğimiz için bu an neredeyse en önemlisidir.

Favicon'un Yandex arama sonuçlarında görüntülenmesi, marka tanıtımından sorumludur. Favicon'unuz ne kadar çok görülürse, o kadar çok kişi tıklayacaktır, çünkü bu, bilgilerinizin değerli olduğunu ve büyük olasılıkla talep edildiğini gösterir.

Marka tanıma benzer bir süreçtir ve aynı zamanda blogun tanıtımına olduğu kadar tanıtımına da katkıda bulunacaktır, çünkü favicon'unuz ne kadar ünlüyse, sitenizi arama sonuçlarından ziyaret etmek diğerlerinden daha iyi olacaktır.

İlk noktadan itibaren bu 2 faktör birbiriyle bağlantılıdır. Biri olmadan diğeri olmayacak.

• Sorundan gelen tıklama sayısında artış ve buna bağlı olarak trafikte artış.

Favicon'un sitenize yapılan tıklama sayısıyla nasıl bir ilişkisi var? Gerçek şu ki, sitenizin bir ziyaretçi tarafından ön değerlendirmesinde çok önemli bir nokta, snippet'inizin arama motoru sonuçlarındaki görünümünün analizidir. Yalnızca fivicon'u kullanarak, arama sonuçlarında zaten en önemlilerinden birini - TO'yu (tıklama oranı) artırıyorsunuz.

İstediğiniz gibi farklılaştırabilirsiniz - akılda kalıcı bir başlık ve açıklama yapın. Sorunda genişletilmiş bir açıklama yapın vb. Ancak, bir favicon'unuz yoksa veya kalitesizse, tüm bunlar daha az önemlidir.

Burada yine marka tanıtımına etki eden ilk faktör rol oynamaktadır. Simgeniz ne kadar havalı olursa, siteye o kadar çok tıklanır ve markanız o kadar başarılı tanıtılır.

• Site dönüşümünü artırmak.

Türü ne olursa olsun her sitenin kendi dönüşümü olmalıdır. Blog, çevrimiçi mağaza, tek sayfalık site, abonelik sayfası, içerik sitesi - fark etmez. Her kaynağın, etkinliği dönüşümle ölçülen kendi görevi vardır.

Dönüşümde her ayrıntı önemlidir. Kelimelerin dizilişi ve uzunlukları bile. Favicon bir istisna değildir. Sitenin veya şirketin faaliyet türünü ne kadar iyi ve iyi açıklarsa, genel dönüşüme verdiği yüzde o kadar yüksek olur.

Abonelik sayfaları ve satış siteleri için bu faktör çok önemlidir. Kural olarak, bu tür sitelerin reklamı doğrudan yapılır ve onları ziyaret eden ziyaretçiler çoğu durumda yazarı tanımaz. Bu tür ziyaretçilerin gözleri genellikle hemen favicon'a bakar.

Bu 3 nedeni ana nedenler olarak seçerdim. Belki yorumlara başka bir şey ekleyebilirsiniz. Daha fazlasını bilmek ilginç olacak.

Pekala, şimdi bu simgeyi oluşturma ve yükleme sürecini başlatmanın zamanı geldi. Yaratılışla başlayalım.

Site simgesi nasıl oluşturulur?

Şimdi 2 puan üzerinden favicon oluşturmaktan bahsedeceğiz:

1. Tasarımın ve dekorasyonun kendisinin oluşturulması;
2. Simgenin kendisini oluşturma.

Simge oluşturma sürecini biraz aşağıda göstereceğim ancak tek başıma simge çizmekten çok bahsetmek istemem çünkü favicon tasarımda yapılması gereken belki de en zor unsurlardan biridir. Neden soruyorsun?

Evet, çünkü dönüşümü etkiler ve yalnızca sekmede değil, site sayfasında da görüntülenir. Bu, site simgesi oluştururken ilk ipucudur. Simge, kesinlikle her yerde olacak olan logonuza sahip olmalıdır. Ve bu çok sorumlu bir süreçtir, çünkü düşük kaliteli bir logo ve buna bağlı olarak bir favicon kullanarak daha kötüsünü yapabilirsiniz.

Bu nedenle, en azından iyi bir hayal gücünüz ve iyi Photoshop becerileriniz yoksa, bu durumda 2 seçenek vardır:

1. Çok fazla buhar ve kendin yap;
2. Profesyonellere dönün.

Tasarım oluşturma konusunda deneyimli bir kişi bunu sizin için kolayca yapabilir, ancak bedava kül kütüğü için değil. Ancak kalite herkesi ve her şeyi memnun edecektir. Bu nedenle 2. seçeneği tavsiye ederim.

Hâlâ kendi kendini yetiştirmiş biriyseniz, bir simge oluştururken aklınızda bulundurmanız gereken bazı ipuçlarını burada bulabilirsiniz:

• Kimseyi kopyalamayın - bu sadece sizin için daha kötü olacak ve onu bir dereceye kadar terfi ettireceğiniz için rakip bir artı olacak;
• Sekmede orada neyin çizildiğini netleştirmek için simge basit olmalıdır. Bu nedenle, içinde ne kadar az element varsa o kadar iyidir. Birçoğu, bu boyutta kesinlikle görünmez olan kendi fotoğraflarından yapıyor. Bu hatayı tekrarlamayın;
• Bir favicon, faaliyet alanınız hakkında fikir vermeli veya adınızı markalaştırmalıdır. Faaliyet alanı ise, o zaman ilginç bir şey bulmaya çalışın. Örneğin, site para kazanmakla ilgiliyse, videoda bazı madeni para veya banknotlardan bir simge yapmak mantıklıdır. Ama zaten böyle bir düzine bilge adam var, bu yüzden her şeyi kendi yolunda yenmen gerekiyor. Neden yukarıda bu fanteziyi yazdım ve onu tasarımda yeniden yaratma yeteneği gerekli. Bu kişisel bir blogsa, adınızın veya soyadınızın ilk harfini geçmek çok yaygın bir seçenektir. Ben de öyle yaptım. Bu en kolay yol.

Artık teknik açıdan simgenin kendisini oluşturma sürecine geçebilirsiniz.

Bir simge oluştur

Favicon bir simge olduğundan, uygun bir uzantıya da sahip olmalıdır - ico. Böyle bir uzantı yapmak için bir hizmet kullanacağız. Elbette bunu bazı programlarla yapabilirsiniz ancak bu tür simgelerin çıktıda düzgün görüntülenmemesi sorunuyla karşılaştım. Hizmette her şey yolunda.

Ayrıca simgemizle birlikte küçük bir resme (32x32 veya 16x16 piksel) ihtiyacımız var. Favicon bu boyutta görüntülenir. Tarayıcı sekmesinde 16x16 piksel boyutundadır.

Bir resim oluşturduğunuzu varsayacağız. Devam edebilirsin. servise git buraya tıklayın) ve kendimizi yukarıdaki 2 boyuttan herhangi birinde resim dosyamızı seçebileceğimiz bir sayfada buluyoruz.

Bir simge seçtiğimizde, "Simge oluştur" düğmesine tıklayabiliriz, ardından hizmet, resmimizi otomatik olarak gerekli biçimdeki (ico) bir simgeye dönüştürür ve ona 16x16 piksel boyutunda verir.

Bu düğmenin altında, son simgenin bir önizlemesi görünür, böylece siteye yerleştirildiğinde sekmede nasıl görüntüleneceğini görebilirsiniz. Simgeyi bilgisayarınıza indirmek için bir düğme de olacaktır.

Simgeyi indirdikten sonra, istenen uzantı ve formatta dosyanın kaydetme konumunda olacaktır. Bunu doğrulayabilirsiniz.

Favicon'u siteye yükleme

Hiçbir durumda favicon'u bir tür eklenti kullanarak siteye bağlamaya çalışmayın. Bu tamamen yararsız bir prosedürdür, çünkü her şey elle yapılır, hiçbir yerde daha kolay değildir. Aşağıdaki bilgiler size bu konuda yardımcı olacaktır.

Kurulum işlemi 2 aşamadan oluşur:

Bu arada, bir WordPress blogu için kurulum örneğini kullanarak her şeyi göstereceğim, ancak prensip tüm siteler için aynıdır.

İlk seçenekle başlayalım. Siteye istediğiniz yere bir simge yükleyebilirsiniz. Ancak en sık kullanılan seçenekler sitenin köküne ve tema klasörüne yöneliktir.

Sitenin köküne yükleme seçeneğine daha çok bağlı kalıyorum çünkü şablonu değiştirdiğinizde şablon dosyasındaki simgenin yolunu yeniden yazmanız gerekecek. Ben kendim, alışkanlık dışında, temayı içeren klasöre indirme seçeneğini kullanıyorum.

Sana nasıl yaptığımı göstereceğim. Dosyaları siteye yüklemek ve ftp istemcisi FileZilla'yı () kullanmak için. Benim durumumdaki favicon, temamın bulunduğu klasörde, yani tüm dosya ve klasörlerinin bulunduğu şablon klasöründe (aşağıya bakın).

Gördüğünüz gibi şablonun tüm dosyaları ve klasörleri var ve bunların arasında bir simge var.

Simgeyi barındırmaya yükledikten sonra, sitenin tüm sayfalarına yüklemeniz gerekir. Bunu yapmak için temanızın header.php dosyasına açılış ve kapanış etiketleri arasındaki alana belirli bir kod satırı eklemeniz gerekir. .

Aşağıdaki kodu alıyoruz. İçinde, etki alanınızın adını ve konunun adını değiştirmeniz yeterlidir.