WordPress HTML Kılavuzu
Baskın bir görsel ortam olarak, İnternet sayfa ekranında çok büyük bir değer verir. Aslında, web sitesi sahibinin itibarının büyük ölçüde siteleri tarafından sunulan görsel izlenime dayandığını iddia edebilirsiniz. Bununla birlikte, ziyaretçiler için çekici bir düzen yapmak zor bir iş olması gerekmez. Köprü Metin İşaretleme Dili (HTML), Web için kodlamanın temel yoludur ve iyi haber şu ki, herkes inanılmaz bir site oluşturmak için yeterince öğrenebilir. Bu kılavuzda, HTML’nin temellerini ve kullanmaya nasıl başlayacağını tartışacağız. Ardından, sayfada HTML ile çeşitli öğelerin nasıl uygulanacağı hakkında sohbet edeceğiz. Başlayalım!
HTML nedir? Yukarıda tartıştığımız gibi, Hipermetin İşaretleme Dili (HTML) temel olarak tüm Web için temel bir kodlama dilidir. Bu, temel bir site düzeni ve görsel tasarım öğeleri oluşturmak için kullanılır (daha sonra tartışacağız). Bu, web sitesinden görülen ‘ön uç’ bölümünü ve perde arkasındaki yapısal yönleri yapmak için de kullanılabilir. HTML, en başından beri web için kodlamanın ayrılmaz bir parçası olmuştur. Kullanabileceğiniz başka diller olmasına rağmen, bunlar doğrudan ikamelerden daha tamamlayıcıdır. HTML & CSS kodu nasıl oluşturulur Bir web sitesi oluşturmak için birçok farklı dil kullanabilseniz bile, HTML neredeyse her zaman dahildir. Yine de, temel web tasarımı kadar önemli olan başka diller de var.
Basamaklı stil sayfaları (CSS), bir web sitesi oluşturmak için eksiksiz bir özellik çözümü oluşturmak üzere genellikle HTML ile birlikte çalışır. Daha önce, yapısal ve görsel öğeleri kodlamak için HTML’nin nasıl kullanılabileceğini tartıştık. Bununla birlikte, bu arada Web’in ilk günlerinde yaygın olan CSS, görsel bir stil oluşturmanın ‘resmi’ bir yoludur. Başka bir deyişle, modern bir web sitesi oluşturmak için HTML ilk olarak site düzeni ve yapısı oluşturmak için kullanıldı. CSS daha sonra renkler, bazı yazı tipleri ve diğer görseller eklemek için kullanılır. Beklediğiniz gibi, CSS ve HTML’nin benzer öğrenme eğrileri olmasına rağmen, farklı yapıları ve formatları vardır. Kendiniz görmek için, HTML ve CSS hakkında kapsamlı bir öğretici sunan çevrimiçi kodlama kurslarından oluşan bir koleksiyon olan W3Schools’u görebilirsiniz. Neyse ki WordPress’e HTML nasıl eklenir, WordPress’e HTML’yi basit ve hızlı bir şekilde ekleyebilirsiniz. Aslında, metin editörleri de dahil olmak üzere HTML kodu alan birkaç alan vardır. Bunun nasıl yapıldığını görelim. Adım 1 Yapmanız gereken ilk şey WordPress Gösterge Tablonuza girmektir. Oradayken, gönderiye veya HTML eklemek istediğiniz herhangi bir sayfaya gidin:
Bu sizi içerik ekleyebileceğiniz WordPress düzenleyicisine götürecektir. 2. Adım buradan, ekranın sağ tarafına bakın. İki sekme göreceksiniz: görsel ve metin:
ve sonunda
ile sipariş edeceksiniz. Buradaki format (yani etiketi dirsek parantezleri ile açar ve dirsek parantezleri ve eğimli çizgilerle kapatır) HTML yazmanın varsayılan yoludur.
WordPress Row Rowing’e duraklama eklemek için HTML kullanmak, yukarıda belirtilen trendlerle savaşan öğelerden biridir, çünkü genellikle etiketleri kapatmadan dahil edilir. Böylece, bir satır mola vermek için, istenen satırdan önce
ekleyebilirsiniz:
Satır duraklamaları, yararlı olsalar da, diğer ortak HTML öğeleri kadar sık kullanılmaz. Geçmişte yazı tiplerini doğrudan düzenlemek için HTML’yi kullanabilmenize rağmen, WordPress’te yazı tiplerini düzenlemek için html kullanarak, bu artık en iyi uygulama değildir. Ancak, metninizi paragraflara (yani açma ve kapanma etiketlerine) benzer şekilde bir dizi farklı etiket kullanarak biçimlendirebilirsiniz. Örneğin, HTML kullanarak başlığı kolayca yapabilirsiniz:
Ayrıca, kalın ( kullanarak) ve eğik ( kullanarak) gibi temel biçimlendirme de uygulayabilirsiniz. İtalik’i başka şekillerde de yazdırabilirsiniz (CSS aracılığıyla), ancak en yaygın yöntemdir. WordPress’e sütun eklemek için html kullanarak daha önce WordPress’e sütun ekleyeceğimiz hakkında konuştuğumuz ve genellikle her şeyin mükemmel görünmesi için küçük bir CSS kullanmanız gerekir. Örneğin, HTML yeni bir sütun oluşturmak için
etiketini kullanır ve en modern dil sürümü, aralarından seçim yapabileceğiniz birkaç ek varyasyon eklemiştir.