Eşsiz bir Favicon kullanmanın avantajları.

Favicon belirli bir site simgesidir. Tarayıcı sekmelerinde görülebilir, burada dört popüler sitenin bir örneğidir. Her birinin kendi resmi Favon'a sahiptir.

Aynı arama sistemi Yandex, Favon'u, sayfanın başlığıyla yakınlar.

Sitelerin ezici çoğunluğu Favicon'a sahiptir, diğer kaynaklar arasında öne çıkmanıza ve bir site daha tanınabilmesine yardımcı olur. Favicon kullanarak, Yandex konumundaki konumunuzu izlemeniz kolay olacaktır.

Bir çevrimiçi jeneratör ile Favicon Oluşturma

Öncelikle bir resim, 16 piksel boyutu hazırlamanız gerekir. Bu standart bir Favicon boyutudur. Bunu yapmak için, site logosunu veya istediğiniz görüntüyü kullanabilirsiniz. Gerekli boyuta uyacak şekilde, "Boya" programını veya diğer bazı üçüncü taraf programını kullanabilirsiniz.

Not, 16 ila 16 piksel resmini sıkıştırırken. Orijinalin kenarlarının boyutu aynı olmalıdır. 243 piksel başına 243 varsayalım. Aksi takdirde, sıkıştırıldığında, bulanıklaşır ve o küçük resim olmadan.

Sonra çevrimiçi Favicon Jeneratörünü kullanıyoruz. Bu linkten geçmek favon.ru ana Sayfa, "Resm'den Favicon Yap" öğesinde. Bir bilgisayarda, önceden belirlenmiş 16 ila 16 piksel resmini seçin.

Bir sonraki adım "resmi düzenle". Burada "Oranları Kaydet" ve "İleri" ye tıklayın.

Şimdi Favicon'umuz hazır. Tarayıcıya nasıl göründüğünü görmek ve indirmek için kalır. Ayrıca, istenirse görüntünün tadını çıkarabilirsiniz. Veya sıfırdan yaratın.

İndirilen Favicon, istediğiniz formata (.ico) ve Favicon adına sahiptir. Hiçbir şeyi değiştirmenize gerek yok. Sadece siteye kurmak için kalır.

Favicon'u Joomla 3'te Yükleme

Yüklemenin ilk ve en kolay yolu, yerel Favicon'un değiştirilmesidir. Çoğunlukla Şablonlar Joomla, Zaten Favicon var, sadece bizim tarafımızdan hazırlanan Favon'a değiştirilmesi gerekiyor.

Bunu yapmak için sitenin kökenine gidin. Sonraki, "Şablonlar" klasörüne, varsayılana mal olan bir şablonla bir klasör bulun. "Beez3" bu Yerli şablonum var ve orada var olan Favicon'u değiştirdim, çünkü yarattığı için.

Ardından sitenize gidin ve ana sayfayı güncelleyin. Favon değiştirilmezse, tarayıcı önbelleğini temizleyin, kapatın ve tekrar açın, sayfa adresini yeniden başlatın. Simge değişmelidir.

Ancak hemen Favicon'u Yandex'in iadesinde bekleyin, buna değmez. Özel bir bot resminizi tetikledikten sonra ortaya çıkacak ve çevrilecek jpg formatı. Bu bir aydan fazla için gerekli olabilir.

Favonunuzu veya Hayır Yandex'inizi kontrol edebilir veya tarayıcıyı yazabilirsiniz, tarayıcıyı yazabilirsiniz: http: //favicon.yandex..ru, sitenizin etki alanı adını gireceksiniz.

Google için: http: // www.google.com/s2/favicons?domain\u003dsyt

İlk kurulum yöntemi yardımcı olmadıysa ve Favicon sitenizde görünmediyse, Index.php dosyasındaki gerekli kodu konuşalım, yükleyebilirsiniz.

İkinci yol favicon tesisatları Joomla 3'te.

Resmi ayarlamak için, Favicon'u bizim tarafımızdan hazırlamanız gerekir.

Sonra, varsayılan değer olan şablonla klasöre gidin: Şablonlar / Varsayılan Şablon. Not Defteri ++ not defteri kullanarak index.php dosyasını bulun ve açın. Bu belgede, açılış arasında etiket ve kapanış etiketi Bu kodu girin:

Önbellek tarayıcısını temizlemek ve siteyi yeniden başlatmak için kalır. Bundan sonra, Favonk sitenizde görünmelidir.

2014-08-19 8706 4 Denis abdully

Bu materyalde, yalnızca Favicon simgelerinizin UCOZ sisteminde nasıl kurulacağı sorusuna cevap vermez, aynı zamanda Favicon.ico'nun nasıl yapıldığını ve sitenin koleksiyon simgelerinizle nasıl paylaşılacağını da belirtin.

Favicon. - Web sitesi simgesi veya web sayfası. Tarayıcılarda site başlığı ve / veya site adresinin yanında görüntülenir. Makalede açıklanan eylemler bu sonucu verir:

Özet:

Favicon.ico simgesi nasıl yapılır

Site simgeleri oluşturmak için, servis kullanın favicon.ru veya favicon.cc.. Burada simgeyi bağımsız olarak çizebilirsiniz veya görüntüyü bilgisayardan dönüştürebilirsiniz (örneğin, simgemizden alınabilir).

Görüntüyü yükledikten sonra veya simgeyi çizdikten sonra, "Favicon'u Kaydet" i tıklayın.

Hazır Favonki buraya indirilebilir. 101 Favicon simgesini indirdim, indirmek için sağdaki resme tıklayın.

Bir simge oluşturmak için özel programlar kullanılabilir. Örneğin, Microangelo veya Delphi. Çevrimiçi jeneratör kullanmayı teklif ediyorum, çünkü daha kolay.

UCOZ Sitesinde Favicon.ico simgesi nasıl kurulur

1. Dosya Simgeleri Favicon ( favicon.ico.), Tercih edilen format - ICO, ancak diğer formatlar da mümkündür: GIF, JPEG, PNG ve BMP. Favicon.ico dosyasını, sitenin kök dizininde dosya yöneticisi veya FTP üzerinden indirin. Dosya yöneticisi Yönetim Kurulu Panel sitesinin ana sayfasında bulabilirsiniz.

2. Arada kod ekleyin ve (Örneğin, tasarım yönetimi - Site sayfası):

200? "200px": "" + (this.scrollheight + 5) + "px"); "\u003e

200? "200px": "" + (this.scrollheight + 5) + "px"); "\u003e

Farklı formatlarda birden fazla görüntü belirleyebilirsiniz - örneğin, REL \u003d "Kısayol simgesi" ve bir ICO simgesi olan bir dize Internet Explorer.ve rel \u003d "icon" ile bir dize ve diğer tarayıcılar için GIF veya PNG simgesi.

HREF özniteliğindeki simgenin yolunu kontrol edin. Simgeler için ICO formatı kullanıyorsanız, tip türünü istediğiniz kadar değiştirin:

• iCO formatı için görüntü / x-icon;
• gIF formatı için görüntü / GIF;
• jPEG formatı için görüntü / JPEG;
• pNG formatı için görüntü / PNG;
• bMP formatı için görüntü / BMP.

Eğer kullanmak istiyorsan animasyonlu simgesi, 2 simge (GIF ve ICO formatında) ve onlar için 2 satır kod yapmanızı tavsiye ederiz. Tarayıcı animasyonlu simgeleri destekliyorsa, GIF sürümü gösterilecektir.

Tüm sayfalar için kodu hızlıca nasıl yerleştirilir?

Kullanma "Şablon sitelerinin hızlı değiştirilmesi" (Kontrol Paneli - Sekme "Tasarım"). Değiştirme modu için "Çok Satır" seçeneğini seçin.

Merhaba arkadaşlar! Bu derste herhangi bir sitenin ayrılmaz bir parçası hakkında konuşacağız - favonka (Favicon). Ancak siteye eklemeden önce, Favicon imajının ne olduğunu ve neden gerekli olduğunu hatırlayalım.

Favicon. - küçük grafik görüntü Web sitelerinizle ilişkili 16 x 16 piksel. Favonki'nin temel destinasyonlarından biri olasılık web sitesini görsel olarak tanımlayın büyük miktarlar Sekmeler veya Web tarayıcısı yer imleri.

Favonka oluşturmak mümkündür farklı yollarBunun için birçok çevrimiçi editör ve bir sürü benzer hizmet vardır.

Çok fazla blogda ve bilgi kaynakları Webmasterlar, Favonka'nın sadece formatta olması gerektiğini belirtir. hatalı görüşK! Güzel bir Favon imajı oluşturabilirsin ve .png.biçim.

Bir fikstür oluşturmak için, Photoshop veya başka bir şekilde açın grafik editörü Ve 128 × 128 piksel kare görüntü oluşturun ve Favonki için bir görüntü çizin (genellikle sadece bir logo veya bir parçasını koyun). Bir resim oluşturduktan sonra, formatta kaydedin Png.. Her ne kadar çoğu modern tarayıcı site simgesini PNG formatında gösterecekse de, çok eski İnternet versiyonu Explorer olmayacak.

Önemli!Bir Favon imajı oluşturduktan sonra, 16 x 16 piksel boyutuna azaltmak gerekli değildir! WordPress bunu yapacak senin için!

Favicon'u WordPress'de Yükleme

1. Favon'u mevcut temanızın (şablonunuzun) klasörünün kökünden yükleyin. Favonki'nin adı yaptığınızdan emin olun - favicon..

wp-content \\ temalar \\ your_tems

2. WordPress Yönetimsel Paneline gidin.

3. Git Görünüm -\u003e Editör.

4. Sağdaki listede, adlandırılan dosyayı seçin. Header.php.

5. Eğer Favicon'unuz png. Biçimlendirme - Aşağıdaki kodu kopyalayın ve yapıştırın aşağıdaki etiketin altında .

Eğer formatta ise iCO. - Eklemek için kodu kullanın:

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

Bu kadar! Gördüğünüz gibi, WordPress görevinde Favon görüntüsünün ayarlanması karmaşık değildir ve fazla zaman gerektirmez.

Bu derste konuştuğum hakkında favicon ekleme yöntemi, tek kişi değil, ama benim için en doğru ve muhtemelen basittir.

Bir şey olmamışsa, Cesaretle yorumlara yazın! Görevini çözmede yardım etmeye çalışacağım.

Merhaba arkadaşlar! Bu derste, herhangi bir sitenin ayrılmaz bir parçası hakkında konuşacağız - Favicon (Favicon). Ancak siteye eklemeden önce, Favicon imajının ne olduğunu ve neden gerekli olduğunu hatırlayalım. Favicon - web sitelerinizle ilişkili 16 x 16 pikselin küçük bir grafik görüntüsü. Favonki'nin ana yerlerinden biri, web sitesini çok sayıda sekmede veya web tarayıcısı yer imlerine göre görsel olarak tanımlama yeteneğidir. Farklı şekillerde bir Favonka oluşturabilirsiniz, bunun için birçok çevrimiçi editör ve bir sürü benzer hizmet var. Çok sayıda blogda ve web yöneticilerinin bilgi kaynağında, Favonka'nın sadece formatta olması gerektiği belirtildi, ancak bu hatalı bir görüş! Güzel bir Favon imajı oluşturabilirsiniz ...

Biz zaten öğrendik. Şimdi, tarayıcı bağlantısı giriş alanında bulunan sitedeki (blogumuz) simgesini değiştirelim. Blogger'daki tüm bloglar için beyaz bir mektuba sahip standart bir turuncu simgesi var. B.İçeride. Orijinal olalım ve kendi başınıza değiştirelim. Sana zaten bildiğimizi hatırlatayım.

Blogumuza git

Reasure etmek için, Bağlantıyı tıklatarak standart ayarlarınızı kaydedebilirsiniz. "Tüm deseni yükleyin."Şimdi Favicon'u güvenle değiştirebiliriz. Bu bize siteye yardımcı olacaktır Photobucket.com.Bunun için ona gidin ve ana sayfanın altına gidin. İşte orada göreceğimiz şey:

"Favicon" Arama Penceresinde tanıtıyoruz Minyatür Büyüteç'e tıklayın ve mevcut Favicon simgeleri için seçenekleri alın. Favorilerinizi seçin (bunun için ilk resmi seçtim - animasyonlu bir ifade ve kodunu kopyaladı).

sonra ve belirtilen yerde (resimdeki gibi) tıklayın "Daha"

sekmeyi seçmeniz gereken ek bir site penceresi açılır. "Link kodunu al"(resimdeki gibi) ve tam olarak adlandırılan çizginin içeriğini kopyalayın "Düzen Sayfaları için Doğrudan Bağlantı".

Belirtilen dizenin içeriğini kopyalayarak (İnternetteki resmin adresi), bu adresi belirtilen komut dosyasına belirtilen komut dosyasına, bu, kırmızı adresin altındaki komut dosyasının altına yerleştiririz.

Şunlar. Bu komut dosyasında, yalnızca kırmızı satırları seçtiğiniz simgenin adresine değiştirirsiniz. Resminizin adresi ile tüm komut dosyası, blog şablon kodunuzu HTML'ye takmanız gerekir. Bunu yapmak için, blogunuza gidin - Ayarlar / Tasarım / HTML Değiştir

Joomla web sitenizin ek bir tanımlaması, benzersiz bir simge veya Favicon olabilir. Joomla web sitesindeki Favicon, tarayıcılara, sekmelerin isimlerindeki ve sitenizin tüm sayfalarıyla birlikte yapılan yer imlerine yansıtılacaktır. Varsayılan olarak, CMS Joomla tarafından yönetilen tüm siteler aynı standart simgelere sahiptir. Joomla web sitesinin görünür bir parçası için sadece simge ve İdari panel için farklıdır. Sitenin bir parçası için, ziyaretçilerin gördüğü simge kolayca değiştirilebilir.

Simge (Favicon) sitesi Joomla'yı değiştirmem gerekiyor mu?

Site simgelerinizin değiştirilmesi, site optimizasyonunun öznel bileşenini etkiler. Ziyaretçi, bir site sayfası yer imini yapmak, daha sonra tüm yer imleri listesinde kolayca bulabilirsiniz. Ek olarak, Site simgesi uygulamalı araçlar aramasına yansıtılır. Örneğin, Yandex Web Master'daki siteler listesinde.

Ek olarak, Standart Joomla simgesinin değiştirilmesi, sitenizin Joomla tarafından yönetildiğini ve bu sitenin güvenliğini arttırmanın adımlarından biridir.

Yeni Joomla simgesi için gereksinimler

Word Favicon, iki İngilizce kelime, favoriler ve simgeden bir azalmadır. Joomla simgeleri için bir standart var. Boyutları 16 × 16 veya 32 x 32 piksel olmalıdır. Favicon yapılmış, 256 renk şemasında olmalıdır. Ve en önemlisi, Joomla simgesinin formatı Favicon .ico olmalıdır.

Simgeleri Değiştirme Adımları (Favicon) Site Joomla

Joomla web sitesi simgelerinin değiştirilmesi birkaç basit adımda gerçekleştirilir:

• PNG veya JPEG formatının herhangi bir fotoğrafından benzersiz bir simge oluşturun. Veya çevrimiçi hizmetler veya fotoğraf programlarını kullanarak kendi başınıza bir simge çizin;
• Resim favicon'dan 16 (32) × 16 (32) px, bir ICO formatı yapın;
• Eski Favicon'u silerken, site kataloğunda yeni bir simge indirin;
• Sitenizin ana sayfasına özel bir kod yerleştirin.

Her adımı detaylı olarak analiz edeceğiz.

Adım 1. Joomla sitesi için bir simge oluşturma

Herhangi bir fotoğraftan Favicon .ico formatında simgeler oluşturmak için çevrimiçi birçok çevrimiçi araç var. Burada aşağıdakilere dikkat etmeniz gerekir.

Favicon'unuzun beyaz bir arka plan olmadan olmasını istiyorsanız, kaynağı oluştururken ve biçimlendirilirken şeffaf bir arka planla olmalıdır. Tasarruf ederken png. PNG dışında fotoğraf formatlarını kullanarak beyaz veya siyah bir arka plana sahip bir Favicon alacaksınız. İnternetteki mükemmel depolama simgeleri Bu sitenin üst menüsünde, Noktada bulacaksınız: Web Master Araçları.

Ayrıca, Favicon jeneratörlerini arama penceresinde puanlamayarak kendi başınıza bulabilirsiniz: Favicon Jeneratör. Simgelerin jeneratörlerinin adresini getireceğiz.

1. pr-cy.ru/favicon
2. tools.dynamicdrive.com/favicon.

• iconfinder.com.
• freepik.com/free-icons
• genericons.com
• flaticons.net.
• iconbird.com.
• iconizer.net
• webhostinghub.com.
• simgeler.
• simgetim.ru.
• simgeler8.com.
• glyphicons.com.
• finalcons.com
• iCOMOON.IO.
• iconchive.com.
• themify.me.
• thenounproject.com.
• floticon.com.

Favicon simgeleri aşağıdaki gibi yapılır.

• Şimdiden gelecekteki simgeniz için orijinal bir resim bulun;
• Jeneratörü açın;
• Jeneratör Bootloader penceresinde, bilgisayardaki simgesini seçin. Joomla 16 × 16 piksel için gelecekteki simgelerin boyutlarını seçin;
• Düğmeye basın, "Yap" yazın.
• Favicon saniyeler içinde üretilir. Sonra, yalnızca bilgisayarınıza indirmek için kalır. Bunu yapmak için bir "indirme" düğmesi var. Bilgisayara geri dönün, dizine indirmeniz gerekir.

Adım 2. Site kataloğunda yeni bir simge indirin

Site kataloğunda, yeni bir simge (Favicon) sitesini indirmeniz gereken bir yer ile durum aşağıdaki gibidir.

Önceden, Favicon'u barındırmak için zorunlu bir yer .ico, sitenin kök diziniydi. Şimdi durum biraz yumuşadı. Dinamik şablonları kullanmak, simgeyi sitenizin herhangi bir dizinine indirmenize izin verir, yalnızca (aşağıda) bu dizine yolunu net bir şekilde reçete etmeniz gerekir. Ancak aynı zamanda, sitenin kökünden gelen bir sonraki simge, tarayıcıya ne kadar uzun sürecek. Ve siteyi indirme hızı için, kriflerle bile savaşmanız gerekir.

sınıf \u003d "Eliadunit"\u003e

Bu nedenle, ana Favicon'u Joomla sitesinin kökünden indirmenizi tavsiye ederim. Hosting'deki Yönetim Masası'ndaki FTP istemcisini veya yetkilendirmesini indirmek için. Yeni bir simge indirmeden önce (Favicon), tüm site klasörlerini kontrol edin ve sizin tarafınızdan yüklenen şablonlara kurulmuş olabileceğiniz eski Favicon'u silin veya yeniden adlandırın. Ayrı ayrı şablonunuzla klasörü kontrol edin. Şablonun alt klasöründen, Favicon.ico dosyasını kaldırın. Eski Favicon'u sildikten sonra, yeniyi sitenin kökünden indirin. Favicon Site dizininde, kodu sitenin ana sayfasının şablonuna takmak için kalır.

Not: Bu aşamada, Site simgesi zaten değiştirilebilir. Bazı şablonlarda, simgeleri (aşağıdaki kod hakkında) görüntüleme kodu zaten site şablonunda kayıtlıdır ve bu nedenle, dizindeki simgeyi değiştirirken, her ikisini de tarayıcı sekmesinde değiştirebilir. Bunun yalnızca bunun sitenin önbelleğini temizlemesi ve tarayıcıyı aşırı yüklemek için ihtiyaç duyduk.

Adım 3. Favicon simgesini görüntülemek için kodu site şablonuna yerleştirin.

Not: Bu yöntem modası geçmiştir, ana tarayıcılarda, yeni simge bu kodu takmadan görüntülenir. Tüm eski Favona'yı sitenin kökünden ve şablondan çıkarmak yeterlidir. Ve ayrıca tarayıcı önbelleğini ve siteyi temizleyin.

Kod (aşağıda), Etiketler arasındaki Joomla site sayfası şablonuna yerleştirilir. (Aşağıdaki örnek). İnternette, Joomla siteleri için Favicon için birkaç seçenek bulabilirsiniz. Sadece Joomla sitelerimde çalışan bu kodlara bir örnek vereceğim.

İlk kod. Önbellek sitesini temizledikten sonra, neredeyse anında görünür.

İkinci kod. Bir tarayıcı türü form öğesi (Tip) görüntüleme eksikliği nedeniyle, bu simge 1-2 gün sonra tarayıcıda görünür.

Üçüncü kod. İkon (Favicon) için kök dizininde değil (favicon ile klasöre yama-to-bu yoldan).

• İş kodları ve bu yazılı kısayol simgesiyle ve böyle bir ashortcut simgesiyle
• Sitenizin kodu HTML, XHTML değilse, daha sonra ihtiyacınız olan kodu "\u003e" değil, "/\u003e" değil

IE tarayıcısında ekran simgelerine ihtiyacınız varsa, böyle bir kod eklemeyi deneyin:

Kodu şablona soktuktan sonra, devam etmeyi unutmayın, önbellek sitesini de temizlemeyi unutmayın.

• Yönetimsel panel \u003e\u003e\u003e Site \u003e\u003e\u003e Servis \u003e\u003e\u003e Tüm önbelleği temizleyin (Joomla 1.7-2.5-3.x sürümleri için)
• Yönetim Paneli \u003e\u003e\u003e Araçlar \u003e\u003e\u003e Tüm önbelleği temizleyin (sürüm 1.5 için)

Site simgelerini görüntülemek için eklenen kodun bir örneği: