Duyurular bölümünü bitirelim (blog)

Duyurular bölümünü tıpkı daha önce hakkımızda bölümünde yaptığımız gibi section ve article olarak kuracağız. Fakat burada fark şu olacak. Duyurular bölümünü tıpkı bir blog gibi oluşturacağız. Herhangi bir navigasyon olmasına gerek yok. Aşağıya doğru kaydırdıkça makaleleri görebileceğiz. İstersek sadece liste gibi veya makale özeti koyup devamını gör linkini de koyabiliriz ama gerek yok. Bunun yerine biz tıpkı bir wordpress blogu gibi makaleleri koyacağız. Hakkımızda bölümünün ilk halini hatırlıyorsunuz değil mi? Duyurular bölümü de aşağı yukarı ona benzeyecek. Peki yapımızı nasıl belirleyeceğiz? Bunun için Schema.org‘a göz atarak şöyle bir yapı oluşturuyoruz. <article name="blogpost" itemscope="" itemtype="http://schema.org/BlogPosting"> <header> <a name="makale"><h2 itemprop="name headline">Makale Başlığı</h2></a> <time datetime="2012-10-18" itemprop="datePublished">18 Ekim 2012</time> tarihinde yayınlandı. </header> <div itemprop="articleBody"> <p> Makale İçeriği </p> </div> </div> İtemtype öz...
Patreon üyelerine özel içerik.
To view this content, you must be a member of Mutlu's Patreon at "Merakli Bilişimci Üye..." or higher tier
Already a Patreon member? Refresh to access this post.

İçerik bölümlerini ekleyelim

Geriye 3 tane bölümümüz kaldı. Daha sonra sitemiz bitiyor. Hakkımızda, Duyurular ve Kurumsal bölümlerini oluşturacağız. http://html5doctor.com/designing-a-blog-with-html5/ Hakkımızda bölümü üç ayrı yazıdan oluşacak. Şirketimiz hakkında, referanslar, tarihçe ve kalite felsefemiz. Bunları tek bir bölümde (section) ama 3 ayrı makalede oluşturacağız. Duyurular bölümü ise bir blog gibi olacak. Tıpkı facebook veya twitter’da paylaşıldığı gibi haber formatında olacak. Devam linkine tıklandığında yazının devamı görülecek. Kurumsal bölümü ise şirket ile ilgili bilgileri barındıracak. Yine blog gibi çalışacak. Kenarda en son makalelerin başlantılarını içeren bir bağlantı listesi olacak. Burada da şirketin finansal tabloları gibi TTK’nın emrettiği kurumsal bilgileri barındıracağız. Şimdi hakkımızda bölümünün makaleleri ile işe başlayalım ve boş bir makale oluşturalım. Makalelerimizin yine Google tarafından tanıması için microdata kullanacağız. <section> <article itemscope itemtype="http://schema.org/Article"> <header> <span itemprop="name"><a name="baslik"...
Patreon üyelerine özel içerik.
To view this content, you must be a member of Mutlu's Patreon at "Merakli Bilişimci Üye..." or higher tier
Already a Patreon member? Refresh to access this post.