İçerik
Bu makale ilk olarak web tasarımcıları ve geliştiricileri için dünyanın en çok satan dergisi olan .net dergisinin 213. sayısında yayınlandı.
Kaç kez "Bu, nihayet bir blog başlatacağım yıl" dedin? Çoğu kişi gibi, en zor müşteri için uzun ve zorlu bir site tasarlama sürecine başlıyorsunuz - kendiniz - sadece her gerçek, ödeme yapan müşterilerin araya girdiği her seferinde arka plana geçmesini izlemek için.
Nihayet tasarımı tamamladığınızda, blogunuzu oluşturma ve geliştirme süreci başlar. Haftalar (veya aylar) sonra nihayet başlatma düğmesine basma zamanı geldi. Dördüncü ve beşinci anlayışlı ve parlak gönderiniz arasında bir yerde, size çarpıyor… bu blogu güncel tutmak muazzam bir çalışma gerektirecek.
Kişisel olarak, kendimi yıllar içinde birden fazla kez bu döngüde sıkışıp kalmış buldum. 2009'un başlarında, kişisel bir blog ile tam olarak neyi başarmaya çalıştığımı yeniden düşünmem gerektiğini fark ettim. Haftada birkaç kez uzun blog yazıları yazma fikri harika geliyor ama benim için gerçekçi değildi. Zaten tweet atıyordum, ama gerçekten ihtiyacım olan şey kısa, doğrudan ve noktadan noktaya gönderilerle biraz daha paylaşabilmekti. Sadelik arayışım beni doğrudan Tumblr'a yönlendirdi.
Başlarken
6 Nisan 2009'da bir hesaba kaydoldum ve göndermeye başladım. Tumblr'ın Tema Bahçesi'ni kullanarak, Tumblr'a bir test sürüşü verirken yaşayabileceğimi bildiğim temel bir tema seçtim. Platformun basitliği aynı zamanda sunucuma blog yazılımı yükleme konusunda endişelenmeme gerek olmadığı anlamına geliyordu. Tüm çabamı kişisel düşüncelerim ve görüşlerimin yanı sıra tasarım, kültür, teknoloji ve işle ilgili içeriklerin küratörlüğünü yapmak için harcadım.
Neredeyse iki yıl sonra www.jonathanmoore.com adresindeki sitemde 600'e yakın gönderi ile Tumblr'da blog yazmayı başardım: günde ortalama 0,85 gönderi. Bugün, paylaşımda tutarlı kalmama yardımcı olan şeyin basitlik olduğunu fark ettim, ancak platform hakkında beni heyecanlandıran şey Tumblr'daki insan ağıydı. Tumblr, tipik blogu basitleştirerek blog yazmayı güzel bir şekilde kolaylaştırır. Dünya çapında milyonlarca insan yaptıkları, sevdikleri, buldukları ve yarattıkları şeyleri paylaşıyor.
Tumblr'ın merkezinde Dashboard'da yayınlayabileceğiniz sekiz gönderi türü (metin, fotoğraf, alıntı, bağlantı, sohbet, ses, video ve yanıtlanmış sorular) vardır. Bu, bulduğunuz veya yarattığınız her şeyi paylaşmayı gülünç derecede kolaylaştırır. Bir video yayınlıyorsanız, videonun kendisi birincil konudur ve ardından videonun bağlamını, içgörüsünü veya ayrıntılarını sağlamak için isteğe bağlı bir altyazı ekleyebilirsiniz. Aynı şey, tek bir gönderide metin, resim ve video kombinasyonuyla daha tipik blog gönderileri oluşturmanıza olanak tanıyan metin gönderileri haricinde diğer gönderi türleri için de geçerlidir.
Tumblr yalnızca gönderi türlerini basitleştirmekle kalmaz, aynı zamanda blogunuza gönderi göndermeniz için size çok çeşitli yollar sunar. Şahsen ben Dashboard'u çoğu zaman kullanma eğilimindeyim, ancak blogunuza içerik göndermenin başka yolları da var.
- Bookmarklet, web'de gezinirken doğrudan tarayıcınızdan gönderi paylaşmanıza olanak tanır
- İPhone, BlackBerry ve Android için mobil uygulamalar
- Doğrudan cep telefonunuzdan veya e-posta yoluyla metin, fotoğraf, MP3 veya video göndermek için gelişmiş e-posta yayınlama
- Ücretsiz numara içeren sesli arama mesajları
- Diğer birçok üçüncü taraf uygulaması (www.tumblr.com/docs/en/apps)
Tumblr'a göndermenin çeşitli yolları hakkında daha fazla ayrıntı için bkz. Www.tumblr.com/goodies.
Topluluk
Elbette, Tumblr'ı blogunuzu güncellemenin bir yolu olarak kullanabilirsiniz, ancak zengin ve büyüleyici Tumblr topluluğunu kaçırmış olursunuz. Gerçek eğlence, bir avuç ilginç, ilham verici ve benzer düşünen insanı takip ettiğinizde başlar. Blogunuz iyi bir takipçi kitlesi oluşturduktan sonra, bir gönderinin beğeniler ve yeniden bloglarla platforma ne kadar hızlı yayılabileceğini görmek şaşırtıcıdır.
Tumblr'da tanınmış kişileri takip etmenin dışında, yerleşik dizin, platformdaki yeni insanları keşfetmenin harika bir yoludur. Rehber, tasarımcılar, geliştiriciler, girişimciler, yeni başlayanlar, mimarlık, kar amacı gütmeyen kuruluşlar ve seyahat gibi çok çeşitli konuları kapsayan yaklaşık 50 kategoriye ayrılmıştır. Topluluğun önerdiği bloglara göz atmak için bir veya iki saat harcadığınızda, çok geçmeden başlangıç noktası olarak izleyebileceğiniz mükemmel bir site grubunuz olacak.
Tumblr, bloglarına orijinal, ilham verici, yaratıcı ve ilginç içerikler gönderen insanları ödüllendirmek için çeşitli yollar geliştirdi. En belirgin olanı beğeniler ve yeniden yazılanlar olacaktır. Her blog kalıcı bağlantı sayfasının üst kısmında ve kontrol panelinde, gönderiyi "beğenmek" için bir kalp simgesi bulacaksınız. Paylaşmaya değer olduğunu düşündüğünüz bir gönderi ile karşılaşırsanız veya kendi düşüncelerinizi eklemek isterseniz, gönderiyi kendi blogunuzda yeniden bloglayabilirsiniz. Yeniden bloglama, bir fikrin veya gönderinin binlerce blogdan oluşan bir ağa hızla yayılma yoludur.
Mobil ortama geçme
Farkına vardığımızdan daha hızlı, insanlar dizüstü bilgisayarlarını mobil cihazlar lehine terk etmeye başladılar, bu nedenle Tumblr mobil uygulamalar ve mobil cihazlar için optimize edilmiş blog düzenleri yarattı. İPhone, BlackBerry ve Android platformları için uygulamalar, Gösterge Tablonuza göz atmanıza ve her gönderi türünü doğrudan telefonunuzdan yayınlamanıza olanak tanır. İPhone ve Android uygulamaları, Tumblr'ın gelişmiş gönderme seçeneklerine erişmenizi sağlar - taslak olarak kaydedin, sıraya ekleyin, yayınlayın ve URL'leri özel olarak gönderin.
Tumblr’ın gelişmiş e-posta yayıncılığı ile gönderilerinizi doğrudan blogunuza e-posta ile gönderin. Sitenizin benzersiz e-posta adresini öğrenmek için Goodies sayfasına (tumblr.com/goodies) gidin.
Gönder'i tıkladığınızda, Tumblr oluşturmaya çalıştığınız gönderi türünü otomatik olarak algılar ve sitenizde yayınlar. Biçimlendirme üzerinde biraz daha fazla kontrol istiyorsanız, Tumblr'ın Markdown sözdizimi için desteği vardır (daringfireball.net/projects/markdown/syntax).
Tüm bloglarınız iPhone, BlackBerry, Android ve daha fazlası için optimize edilmiş ve şık bir mobil düzen ile birlikte gelir. Kullandığınız tema mobil tarayıcılarda iyi çalışıyorsa, Özelleştir menüsünden optimize edilmiş düzeni her zaman devre dışı bırakabilirsiniz. Tumblr ayrıca varsayılan mobil mizanpajın üzerine kendi özel düzeninizle yazma olanağı sağlar: bkz. Tumblr.com/docs/en/custom_themes#iphone-themes.
Temalar
Tumblr'ın tüm gönderi türlerini olabildiğince basit tutmaya adanmışlığıyla, sitenizin tasarımını değiştirmek inanılmaz derecede kolaydır. Tumblr'da yerleşik olarak bulunan yüzlerce ücretsiz ve premium tema arasından seçim yapabilirsiniz; alternatif olarak, Tumblr size orijinal bir şey yaratmanız için tam kontrol sağlar.
Şu anda Tumblr’ın yerleşik Tema Bahçesinde (tumblr.com/themes) neredeyse 900 yüksek kaliteli tema var. Öne çıkan, premium, yeni ve popüler temalara göz atarken, sitenizde nasıl görünebileceğine dair bir fikir edinmek için her birini önizleyebilirsiniz. Sizin için çalışan bir tane bulduğunuzda, sadece tek bir tıklama ile temayı Tumblr sitelerinizden herhangi birine yükleyebilirsiniz.
Bu temaların çoğunun kullanımı ve özelleştirmesi tamamen ücretsizdir, ancak bir avuç dolusu prim karşılığında gelir ve maliyeti 9 ABD Doları, 19 ABD Doları veya 49 ABD Dolarıdır (tumblr.com/themes/premium). Premium temaların çoğunun en kaliteli tasarımlara, kapsanan her Tumblr özelliğine, düzinelerce özelleştirme seçeneğine ve İngilizce, Fransızca, Almanca, İtalyanca ve Japonca dil çeviri desteğine sahip olduğunu göreceksiniz. Ayrıca, premium tema tasarımcılarının çoğu, temalarının her biri için inanılmaz destek sunar.
Tumblr’ın resmi Tema Bahçesi dışında, geleneksel olarak WordPress temalarına odaklanan şirketler artık The Theme Foundry (thethemefoundry.com) ve Obox (obox-design.com) dahil olmak üzere Tumblr sürümleri sunuyor. Çoğu durumda, satın alma işleminizle birlikte indirilebilir PSD dosyaları ve diğer temalara erişim gibi ek özellikler sunarlar. Site dışı temalar tek tıklamayla yükleme sağlayamasa da, temayı sitenize eklemek, tema HTML'sini Tumblr Özelleştir menüsüne yapıştırmak kadar basittir.
Sitenizi özelleştirme
Tumblr, sitelerinizin her biri için bir dizi özelliği kişiselleştirmenizi, genişletmenizi ve kontrol etmenizi sağlayan inanılmaz derecede kullanışlı bir yerleşik Özelleştir menüsüne sahiptir. Yedi Özelleştirme menüsünde bulunan birkaç seçeneğe bakalım:
- Bilgi Sitenizin başlığını ayarlayın, bir HTML açıklaması ekleyin, bir portre veya simge yükleyin ve kendi özel alan adınızı ekleme seçeneği de dahil olmak üzere Tumblr URL'nizi ayarlayın.
- Tema Premium veya öne çıkan Tumblr temalarından birini önizleyin, kurun ve bazı durumlarda satın alın. Ek olarak, mevcut temanızın HTML'sini değiştirmek veya kendi özel tema HTML'nize yapıştırmak için Özel HTML kullan düğmesini tıklayabilirsiniz.
- Görünüm Temanız görünüm seçeneklerini destekliyorsa, temanızın görünümünü ve tarzını özelleştirmek için bir dizi renk seçici, resim yükleme düğmesi, etkinleştirme seçenekleri ve metin alanları bulacaksınız. Premium Tumblr temalarının birçoğu, temanın renklerini değiştirmenize, başlık resimlerini yüklemenize, sitenin düzenini değiştirmenize ve Google Analytics, Disqus yorumları ve Flickr resim beslemeleri gibi üçüncü taraf seçeneklerini yapıştırmanıza olanak tanıyan birkaç düzine seçenek sunar. Kimlikler.
- Sayfalar Sitenize biyografiler, iletişim bilgileri ve site ayrıntıları için mükemmel olan ilave statik sayfalar ekleyin. Ek olarak, sitenizdeki bir etiket URL'sine bağlanarak sizi harici bağlantılara veya genellikle sözde kategorilere yönlendiren sayfaları yeniden yönlendirebilirsiniz.
- Hizmetler Tumblr sitenizi Facebook'a bağlayın ve gönderilerinizi Facebook haber akışınıza sorunsuz bir şekilde ekleyin. Tumblr'a yayınlarınızı otomatik olarak Twitter'a göndermesi için yetki verin ve sitenizin RSS beslemesi için Feedburner'ı kullanın.Tumblr ayrıca RSS beslemelerini, Twitter'daki güncellemeleri, Tumblr dışındaki blog gönderilerini, YouTube ve Vimeo yüklemelerini ve diğerlerini Tumblr sitenize gönderi olarak otomatik olarak içe aktarma seçeneği de sunar.
- Topluluk Kişilerin yayınlarınızı yanıtlamasını, size sorular sormasını ve gönderim sıranıza eklenen herhangi bir gönderi türünü onay için göndermesini sağlayın.
- ileri Temanızı ve Gösterge Tablosu dilinizi İngilizce, Fransızca, Almanca, İtalyanca veya Japonca olarak ayarlayın, temanın CSS özelliklerinden herhangi birinin üzerine yazmak için özel CSS ekleyin, sayfa başına görüntülenen gönderi sayısını belirleyin ve diğer birçok seçenek.
Özel temalar
Tumblr'ın yayınlamak ve paylaşmak için sağladığı sadelik ve yapıya aynı odaklanma, kendi özel temanızı oluşturma aracıyla devam ediyor. HTML ve CSS konusunda rahat olduğunuz sürece tasarımınızı rekor sürede hayata geçirebilmelisiniz. Tumblr’ın tema sistemi, sıfır arka uç geliştirmeyle hemen hemen her tür gönderi ve site verisini bırakmanıza olanak tanıyan kıvrımlı parantez değişkenlerine ve bloklarına dayanır.
Yeni bir Tumblr teması oluştururken, tasarımınızı sekiz temel gönderi türünü (metin, fotoğraf, alıntı, bağlantı, sohbet, ses, video ve cevap) kapsayan temiz ve anlaşılır HTML ve CSS ile oluşturmak her zaman en kolay yoldur. gönderi etiketleri, tarihler, notlar ve sayfalandırma gibi çeşitli Tumblr öğeleri. Sitenizin tam bir statik HTML yapısına sahip olduğunuzda, tema değişkenlerini bırakmanın eğlenceli kısmına başlayabilirsiniz. Değişkenler (kalın), temanıza dinamik veriler eklemek için kullanılır.
html lang = "en"> head> title> {Title} / title> meta name = "description" content = "{MetaDescription}" /> bağlantı rel = "kısayol simgesi" href = "{Favicon}" /> bağlantı rel = "apple-touch-icon" href = "{PortraitURL-128}" /> bağlantı rel = "alternate" type = "application / rss + xml" title = "RSS" href = "{RSS}" /> / head > gövde> {blok: Gönderiler} bölümü>! - Tüm gönderi türleri, Yazılar bloğunun içine eklenir -> / section> block: Posts} / body> / html>
Bloklar
Tema değişkenlerine ek olarak Tumblr, gönderiler, gönderi türleri, etiketler ve sayfalandırma gibi belirli bir veri kümesiyle ilgili HTML bloklarını oluşturmak için bir bloklar sistemi kullanır.
Bloklar ya yalnızca veri türü mevcutsa ({block: HasTags}) oluşturulan koşullu öğeler olarak kullanılır ya da blok içindeki öğelerin her biri için HTML oluşturan bir döngü görevi görürler: {block: Tags}.
{block: HasTags} ul> {block: Tags} li> a href = "{TagURL}"> {Tag} / a> / li> {/ block: Tags} / ul> {/ block: HasTags}
Şablonunuzu oluşturmak için kullanabileceğiniz temel metin ve fotoğraf gönderi yapılarının örnekleri aşağıda verilmiştir. (HTML'nin okunmasını çok daha kolay hale getiren yeni HTML5 öğelerini ve seçtiğiniz temanın jQuery / JavaScript manipülasyonu için kancalar olarak kullanılabilecek veri özniteliklerini kullandığımı unutmayın.)
Metin:
{blok: Metin} makale>! - Bir başlık varsa isteğe bağlı metin gönderisi başlık bloğu oluşturulacaktır -> {blok: Başlık} başlık> h2> a href = "{Kalıcı bağlantı}"> {Başlık} / a> / h2> / header> {/ block: Title} section> {Body} / section> {/ block: Text}
Fotoğraf:
{blok: Fotoğraf} makale> üstbilgi>! - Gönderi sayfasına bir bağlantı oluşturmak için görüntüyü değişkenlere alt ve yüksek özniteliklerle sarın -> {LinkOpenTag} img src = "{PhotoURL-500}" alt = "{ PhotoAlt} "data-highres =" {PhotoURL- HighRes} "/> {LinkCloseTag} / header>! - Bir yazı yazısı varsa, başlık bloğu işlenecektir -> {block: Caption} bölümü> {Caption} / bölüm> {/ block: Caption} {/ block: Photo}
Tumblr.com/docs/en/custom_themes adresine giderek blogunuz için harika bir şey oluşturmak üzere diğer tüm blok türleri, değişkenler ve veriler üzerinde hızlanın.
Kardeş sitemiz Creative Bloq'ta tasarımcılar için en iyi 40 Tumblr bloguna göz atın.
