Bitrix'te favicon nasıl değiştirilir. WordPress'te Favicon Kurulumu

Merhaba arkadaşlar! Bu derste, herhangi bir web sitesinin ayrılmaz parçası hakkında konuşacağız - favicon(favicon). Fakat siteye eklemeden önce favicon imajının ne olduğunu ve neden ihtiyaç duyduğunuzu hatırlayalım.

Favicon- küçük grafik görüntü Web sitelerinize bağlı 16 x 16 piksel. Favicon'un ana amaçlarından biri, web sitesini görsel olarak tanımlayın Büyük bir sayı web tarayıcısı sekmeleri veya yer imleri.

Bir favicon oluşturabilirsiniz Farklı yollar, bunun için birçok çevrimiçi editör ve bir sürü benzer hizmet var.

Birçok blogda ve bilgi kaynakları yayıncılar, favicon'un yalnızca .ico biçiminde olması gerektiğini belirtti, ancak bu yanlış kanı! içinde güzel bir favicon görüntüsü oluşturabilirsiniz. .png biçim.

Kendiniz bir favicon oluşturmak için Photoshop'u veya başka bir dosyayı açın. grafik düzenleyici ve 128 × 128 piksellik bir kare resim oluşturun ve favicon için bir resim çizin (genellikle sadece bir logo veya bunun bir parçası). Resmi oluşturduktan sonra formatta kaydedin. PNG resim... Çoğu modern tarayıcı, site simgesini PNG biçiminde görüntülerken, çok eski sürümler Internet Explorer olmaz.

Önemli! Favicon resminizi oluşturduktan sonra, onu 16 x 16 piksele küçültmek zorunda değilsiniz! WordPress bunu yapacak senin için!

WordPress'te Favicon Kurulumu

1. Favicon'u mevcut tema (şablon) klasörünüzün köküne indirin. Favicon'un adını yaptığınızdan emin olun - favicon.

wp-içerik \ temalar \ temanız

2. WordPress yönetici panelinize gidin.

3. Git Görünüm-> Editör.

4. Sağdaki listede adında bir dosya seçin. Başlık (header.php).

5. Favicon'unuz içerideyse png format - aşağıdaki kodu kopyalayın ve yapıştırın etiketin altında .

biçiminde ise ico- gömme kodunu kullanın:

6. Düğmeye tıklayarak değişiklikleri kaydedin "Dosyayı güncelle".

Bu kadar! Gördüğünüz gibi, WordPress'e bir resim favicon'u yüklemek zor ve zaman alıcı değildir.

Bu derste bahsettiğim favicon eklemenin yolu tek değil, ama bana gelince, en doğru ve muhtemelen en basit olanı.

Bir şey sizin için işe yaramadıysa, yorumlara yazmaktan çekinmeyin! Sorununuzu çözmenize yardımcı olmaya çalışacağım.

Merhaba arkadaşlar! Bu eğitimde, herhangi bir web sitesinin temel bileşeni olan favicon hakkında konuşacağız. Ancak siteye eklemeden önce favicon imajının ne olduğunu ve neden ihtiyaç duyduğunuzu hatırlayalım. Favicon, web sitelerinizle ilişkili küçük bir 16 x 16 piksel grafik görüntüdür. Favicon'un temel amaçlarından biri, bir web sitesini çok sayıda web tarayıcısı sekmesinde veya yer iminde görsel olarak tanımlama yeteneğidir. Favicon oluşturmanın birçok yolu vardır, bunun için birçok çevrimiçi editör ve bir sürü benzer hizmet vardır. Birçok blogda ve web yöneticilerinin bilgi kaynaklarında favicon'un sadece .ico formatında olması gerektiği belirtiliyor, ancak bu yanlış bir görüş! Güzel bir favicon görüntüsü oluşturabilirsiniz...

Joomla'da Favicon nasıl değiştirilir - 7 oy ile 5 üzerinden 4.9

Bu eğitimde, Joomla Favicon'unu benzersiz Favicon'unuza nasıl değiştireceğinize bakacağız.

Favicon, tarayıcının adres çubuğunda, URL'nin yanında, tarayıcı sekmelerinde, arama sonuçlarında ve Yandex reklamlarında vb. görüntülenen küçük bir 16 \ 16 piksel simgesidir.

Joomla, üzerine çok sayıda sitenin inşa edildiği, büyük işlevselliğe sahip çok popüler bir CMS sistemidir. Varsayılan olarak, bu sistem ve standart şablonlar kendi Favicon simgesini kullanır. Birkaç çeşidi vardır ve çok yaygındır.

CMS Joomla'yı temel alan birçok site sahibinin hatası, benzersiz Favicon'larını kullanmamalarıdır. Elbette Yandex arama sonuçlarında aşağıdaki simgelere sahip siteler görmüşsünüzdür:

Benzersiz bir site simgesi kullanmanın faydaları.

1. Bu küçük simge, sitenizin çok sayıda diğer kaynaktan öne çıkmasını sağlar.

2. Favicon, bir ziyaretçinin sitenize dikkat çekmesine ve sitenin görsel bir hatırlatıcısı olarak hizmet etmesine yardımcı olabilecek önemli bir marka bilinci oluşturma aracıdır.

3. Favicon, Yandex arama sonuçları sayfasında görüntülenir ve tıklama oranını ve sitenize yapılan ziyaret sayısını artırabilir.

4. Yandex Reklam Ağı'nda içeriğe dayalı reklam satın alırsanız, sitenizdeki ana bilgisayarın duyurusunun yanında bu simge de görüntülenecektir ve bu, tıklama sayısını etkileyecektir.

Bu nedenle, web siteniz için benzersiz bir favicon simgesine sahip olmak önemlidir.

Favicon nasıl oluşturulur.

Herhangi bir grafik düzenleyiciyi kullanarak bir Favicon oluşturabilirsiniz, ancak son sürüm .ico uzantısına sahip olmalıdır. İhtiyacın olan şair bu formatta grafik dosyalarını kaydedebilen bir program. Çünkü böyle bir programı sadece bir görüntüyü kaydetmek için kurmak gereksiz olacaktır. Bunu yapmanıza izin veren özel bir hizmet kullanmak en iyisidir.

Görüntünün kendisi bağımsız olarak oluşturulabilir veya hazır bir boşluk kullanabilirsiniz. Ancak web sitenizin tasarımına uyması, dikkat çekici ve benzersiz olması gerektiğini unutmayın.

Joomla'da favicon nasıl kurulur?

Şimdi standart Joomla favicon'u yerine Favicon'unuzu nasıl kuracaksınız.

Sitede kullandığınız şablon zaten bir favicon.ico dosyasına sahipse, bunu kendi şablonunuzla değiştirmeniz yeterlidir. Bunu nasıl kontrol edebilirim? Sitenizin bulunduğu klasöre gidin, ardından şablonlarınızın / şablonunuzun / adına gidin. Bu klasörde bir favicon.ico dosyası varsa, onu kendi dosyanızla değiştirin.

Farklı bir durumunuz varsa, önce favicon'u sitenize bağlamanız gerekir. İlk olarak, simgenizi sitenizin kök klasörüne değiştirin.

Bundan sonra, şablonunuzun index.php dosyasında, bu dosyanın yolunu kaydetmeniz gerekir. Bunu yapmak için index.php dosyasında etiketten önce aşağıdaki satırlar eklenmelidir:

Yukarıdaki kodda, favicon.ico dosyasının göreceli yolları belirtilmiştir, bazı durumlarda mutlak yollar belirtmeniz gerekir, bunun için "/favicon.ico" yerine http: //siteniz.ru/favicon.ico ile değiştirin.

Bu kodu iki şekilde ekleyebilirsiniz:

1. Joomla yönetici panelinizde Uzantılar >> Şablon Yöneticisi'ne gidin. Sisteminizde kurulu tüm şablonların görüntüleneceği bir tablo açılacaktır. "Şablon" sütununda şablonunuzun adını bulun ve üzerine tıklayın.

Açılan sayfada, "Ana sayfanın şablonunu değiştir" bağlantısını tıklayın, bunun sonucunda şablonunuzun index.php dosyası düzenleme için açılacaktır. Kodda, etiketi bulun ve önüne yukarıdaki kodu yapıştırın ve "Kaydet" butonuna tıklayın.

2. İkinci yol, temanızın bulunduğu klasöre gidip, örneğin bir düzenleyici kullanarak index.php dosyasını düzenleyebilmenizdir.

Favicon.ico dosyasını sadece sitenin kök dizinine değil, başka herhangi bir dizine de yerleştirebilirsiniz. Ancak bazı servisler ve programlar sitelerim için şair için bu dizinde arıyor, kök dizine yerleştiriyorum ve size de aynısını yapmanızı tavsiye ediyorum.

Yüklü Favicon görüntülenmezse ne yapmalı.

Joomla'ya yeni Favicon'u kurar kurmaz, elbette tarayıcı sekmelerinizde nasıl görüneceğini görmek isteyeceksiniz, ancak sayfayı yeniden yükledikten sonra hala eski simge gösterilecek.

Yeni favicon'unuzun görüntülenmesi için tarayıcı önbelleğini temizlemeniz veya daha önce ziyaret etmediğiniz tarayıcıdan siteye gitmeniz gerekir.

Biz zaten öğrendik. Şimdi sitedeki (blogumuz) tarayıcının linkler giriş alanında bulunan ikonunu değiştirelim. Tüm Blogger bloglarında beyaz harfli standart turuncu bir simge bulunur. B içeri. Orijinal olalım ve onu kendimiz ile değiştirelim. Zaten bildiğimizi hatırlatmama izin verin.

Blogumuza gidiyoruz,

Güven vermek için, bağlantıya tıklayarak varsayılan ayarlarınızı kaydedebilirsiniz. Tüm şablonu yükleyin. Artık Favicon'u güvenle değiştirebiliriz. Site bu konuda bize yardımcı olacaktır. fotobucket.com, bunun için ona gidiyoruz ve ana sayfanın en altına iniyoruz. İşte orada göreceğimiz şeyler:

Arama kutusuna "Favicon" yazın, minyatür büyüteci tıklayın ve mevcut Favicon simgeleri için seçenekleri alın. Beğendiğinizi seçelim (bu örnek için ilk resmi seçtim - hareketli bir gülen yüz ve kodunu kopyaladım).

ardından ve belirtilen yerde (resimdeki gibi) tıklayın "daha fazla"

bir sekme seçmeniz gereken sitenin ek bir penceresi açılacaktır "Bağlantı kodunu al"(resimde olduğu gibi) ve adın altındaki satırın tüm içeriğini kopyalayın "Düzen sayfaları için doğrudan bağlantı".

Belirtilen satırın içeriğini (resmin İnternet'teki adresi) kopyaladıktan sonra, kırmızı ile vurgulanan adres yerine bu adresi aşağıdaki komut dosyasına yapıştırıyoruz, bu:

Onlar. bu komut dosyasında, seçtiğiniz simgenin adresinin yalnızca kırmızı çizgilerini değiştirirsiniz. Resminizin adresini içeren tüm komut dosyası, blog şablonunuzun HTML koduna eklenmelidir. Bunu yapmak için blogunuza gidin - Ayarlar / Tasarım / HTML'yi Değiştir

Talimatlar aşağıdaki sorunları kapsar:

Neden bir web sitesi için bir favicon'a ihtiyacım var?

Favori simgesi, belirli bir web sitesiyle ilişkilendirilmiş küçük bir resimdir. Muhtemelen her sitenin şu simgeye sahip olduğunu fark etmişsinizdir:

Bu simgeyi burada görebilirsiniz:

• Tarayıcı yer imleri ve sekmeleri
• Arama sonuçları Yandex, Google
• Favicon sitelerini yükleyen dizinler ve derecelendirmeler
• İşletim sistemi görev çubuğu ve masaüstü

Site simgesi, kullanıcıların siteyi tarayıcı sekmelerinde veya arama sonuçlarında daha hızlı bulmasını sağlar. Favicon, web sitesi bilinirliğini artırır.

Site için bir simgeyi nereden bulabilirim?

Varsayılan olarak, tüm uCoz sitelerinin standart bir favicon'u vardır. Site simgenizi almak için aşağıdakileri yapabilirsiniz:

• İnternette .ico uzantılı hazır bir simge dosyası bulun (örneğin)
• Çevrimiçi dönüştürme hizmetlerini veya özel programları kullanarak bir görüntüyü simgeye dönüştürün
• Bir grafik düzenleyicide kendiniz bir simge çizin (örneğin, GIMP'de)

Bir favicon.ico dosyası oluştururken, simgenin kare olması gerektiğini bilmek önemlidir. Önerilen boyutlar 16x16, 32x32 ve 48x48 pikseldir.

.ico uzantısıyla birlikte, şu anda .png biçimindeki simgeler kullanılmaktadır. Bu tür görüntülerin çözünürlüğü 180x180 piksele ulaşabilir.

Bir web sitesine bir simge nasıl kurulur?

ico ve png uzantılı simge dosyalarınız hazır olduğunda, bunları aşağıdakilerin yardımıyla sitenin kök dizinine yükleyin:

Standart favicon.ico simgesi yenisiyle değiştirilecek ve bir süre sonra onu tarayıcı sekmelerinde, yer imlerinde ve arama motoru sonuçlarında görebileceksiniz.

Windows 10 için Apple Touch simgesi ve döşemesi nasıl duyurulur?

Apple Touch simgesi, iOS dışındaki birçok platformda kullanılır. Bu nedenle, her platformun uygun olanı seçebilmesi için birkaç boyutta simge sağlamak önemlidir:

Windows 10, simgeleri aşağıdaki gibi bildirilebilen kutucuklara sahiptir:

Dosya değiştirme favicon.ico Favicon (İngilizce FAVOrite ICON'dan - sık kullanılanlar için simge) - web sitesi simgesi veya
internet sayfaları. Tarayıcı tarafından sayfa başlığından önce bir sekmede görüntülenir,
ve ayrıca yer iminin yanında bir resim olarak.
- ortak bir görev değil. Kural olarak, her sitede bir kez gerçekleştirilir. Değiştirme yöntemi, sitede kullanılan şablonların sayısına bağlıdır.

Site, kendi favicon.ico dosyasına sahip olmayan bir şablon kullanıyorsa:

Bundan sonra yeni bir dosya favicon.ico olacak eski yerine gösterilen
... Eski dosya tarayıcı tarafından önbelleğe alınabilir ve görüntülenmeye devam edebilir. Bu durumda siteyi başka bir tarayıcıdan veya bilgisayardan açın, değişiklikler görünür olmalıdır.

İlk yöntem, yalnızca site şablonunun kendi dosyası yoksa uygulanır. favicon.ico... Şablonun kendi simgesi varsa, her şey biraz daha karmaşıktır. Şablondaki simgenin önceliği, dosyanın önceliğinden daha yüksek favicon.ico sitenin kökünde. Bu, her şablonun kendi simgesi olacak şekilde yapılır. Örneğin, site bölümlere ayrılmışsa, her bölümün kendi şablonu ve simgesi olabilir.

Yöneticinin size vereceği site şablonlarını düzenlemek için ek izinlere ihtiyacınız olacak. Eylemler bir şablon için açıklanmıştır, her bir şablon için simgeyi değiştirmek istiyorsanız, bu eylemleri her biriyle gerçekleştirin.

İlk değiştirme adımları yukarıda açıklananlarla aynıdır:

Bundan sonra yeni bir dosya favicon.ico görüntülenecek eski yerine
.

Not: eski favicon.ico dosyası tarayıcı tarafından önbelleğe alınabilir. Bu durumda, değişiklikler hemen değil, bir süre sonra (muhtemelen birkaç gün) görüntülenecektir. Beklemek istemiyorsanız, site şablonundaki dosya adına v = 2 gibi bir soru işareti ekleyin, yani satır şöyle görünmelidir: