Ikon HTML Şablonları

Kullanıma Hazır İkon HTML Şablonları

İkon paketleri bulmak kolaydır ve birçoğu ücretsizdir. Zaman alan kısım ise her sembolün altına bir başlık ve kısa bir metin ekleyerek kart üstüne kart yerleştirmek ve bunların etrafındaki blokları oluşturmaktır. İkon HTML şablonları bu yükü üzerinizden alır. İkonların önceden tamamlanmış düzenlere yerleştirildiği, düzenlemeye hazır HTML bölümlerine sahip olursunuz.

Sembolün Metinle Buluştuğu Dört Düzen

Buradaki şablonların çoğu birkaç temel yerleşime dayanır ve her biri farklı bir içerik türüne uygundur:

• başlığın üzerinde bir ikon: kısa avantajları sıralamak için kullanılan alışıldık özellik kartı düzeni;
• paragrafın yanında bir ikon: her maddenin bir veya iki cümleye ihtiyaç duyduğu durumlarda daha rahat okunur;
• hizmet tanıtımı için ikon hücrelerinden oluşan bir ızgara: genellikle her açıklamanın altında bir buton yer alır;
• her numara veya adresin yanında küçük bir sembolün bulunduğu iletişim satırı.

Bazı hizmetlerin net bir sembol karşılığı yoktur. Teslimat için bir kamyon, destek için bir kulaklık kullanılırken, vergi danışmanlığı çoğunlukla genel bir belge ikonuyla sonuçlanır ve açıklama görevi başlığa kalır. İletişim bilgileri ise ikona çok daha pratik bir işlev kazandırır. Nicepage'in Metin İçi İkon özelliğiyle, bir ikon doğrudan metin satırının içine yerleşebilir ve telefon numarasına veya e-posta adresine doğrudan bağlantı verebilir.

Demo İçerikten Dışa Aktarılan Koda

Nicepage düzenleyicisinde demo ikonları kendi yüklemelerinizle veya hazır ikonlarla değiştirebilirsiniz. Ardından başlıkları güncelleyip her bağlantının gitmesi gereken hedefi belirlersiniz. Dışa aktarma sonrasında HTML dosyaları doğrudan düzenlemeye açık kalır; böylece bir geliştirici bir SVG'yi değiştirebilir, işaretleme yapısını düzenleyebilir veya bir bölümü mevcut bir projeye aktarabilir.

Aynı kart düzeni bir sayfada hizmetleri listelerken başka bir sayfada ilk katılım adımlarını gösterebilir. Değişen tek şey her kartın içindeki ikon, başlık ve metindir. Bölümler duyarlıdır; bu sayede bir dizi ikon kartı cep telefonunda kendiliğinden yeniden hizalanır ve semboller belirginliğini korur.

Tasarımı Kesinleştirmeden Önce Öğeleri Sayın

İşe gerçek içeriklerinizi ve her birinin ne kadar yer kaplayacağını belirleyerek başlayın. Kısa avantajlar için planlanmış bir ızgara, tek bir kartın tam bir paragrafa ihtiyaç duyması durumunda dengesiz görünür; üç kanal için oluşturulmuş bir iletişim bloğunda ise yalnızca iki kanal listelediğinizde boşluk kalır. Öğelerin bir bağlantıya veya butona ihtiyaç duyup duymayacağına erkenden karar verin; kompakt bir karta sonradan bunları sığdırmak nadiren iyi sonuç verir. Basit bir avantaj listesi için SVG işaretçilere sahip bir İkon Listesi tek başına yeterli olabilir. Dışa aktarılan bir bölüm mevcut bir projede kullanılabildiğinden, yalnızca iyi hazırlanmış bir iletişim veya hizmet bloğu için bir şablon seçip geri kalanını göz ardı edebilirsiniz.