Geçtiğimiz günlerde okuyucularımızdan biri WordPress’te güzel uzun biçimli içerikler oluşturmanın mümkün olup olmadığını sordu. Hikaye anlatma unsuruna sahip uzun formlu içeriğin düz metin ve görsellerden daha ilgi çekici olduğu kanıtlanmıştır. Bu makalede, StoryBuilder ile WordPress’te nasıl güzel uzun formlu içerikler oluşturabileceğinizi göstereceğiz.
WordPress’te Uzun Formlu Makaleler için Neden StoryBuilder Kullanılmalı?
Kullanıcılar bir web sitesinde kalmaya ya da siteden ayrılmaya karar vermeden önce sadece birkaç saniye geçiriyor. Uzun makaleler yayınlıyorsanız, kullanıcıları sitenizde tutmak daha da zorlaşır.
Multimedya ve etkileşimli görsel yardım eklemek, uzun formlu içeriği kullanıcılar için oldukça ilgi çekici hale getirir. Kullanıcılar sadece metin ve görselleri aşağı kaydırmak yerine sayfadaki öğelerle etkileşime geçebilir.
İşte zengin hikaye anlatımı unsurlarına sahip uzun formlu içeriğin en iyi örneklerinden bazıları.
- New York Times – Yeni İpek Yolunu Kullanmak
- Washington Post – Washington – A World Apart
- The Guardian – Firestorm
- Pitchfork – Yaşam İçin Makineler
Tüm bu uzun makaleler, harika hikaye anlatımının benzer özelliklerini paylaşıyor. İlgi çekici içerik oluşturmak için sürükleyici medya, paralaks efektleri ve etkileşimli kullanıcı arayüzü öğeleri kullanıyorlar.
Geleneksel WordPress temaları genellikle bu tür sayfalar veya yazılar oluşturmanıza izin vermez. Deneseniz bile, bir dizi eklenti kullanmanız gerekecek ve yine de hedef kitleniz için iyi çalışmayabilir.
Bunu söyledikten sonra, StoryBuilder ile WordPress’te herhangi bir tema kullanarak ve herhangi bir kod yazmadan nasıl güzel uzun biçimli içerik oluşturabileceğinizi görelim.
StoryBuilder ile İlk Uzun Form Hikayenizi Oluşturma
Yapmanız gereken ilk şey Press75 Long Form Storybuilder eklentisini kurmak ve etkinleştirmek. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.
Etkinleştirmenin ardından yeni bir gönderi veya sayfa oluşturmanız gerekir. Gönderi düzenleme ekranında yeni ‘Uzun Form İçeriğini Etkinleştir’ meta kutusunu göreceksiniz.
‘Uzun Form İçeriği Olarak Göster’ seçeneğinin yanındaki kutuyu işaretlemeniz ve ardından taslağı kaydet düğmesine tıklamanız gerekir.
WordPress sayfayı yeniden yükleyecek ve artık sayfa veya yazı için uzun form içeriğinin etkinleştirildiğine dair bir bildirim göreceksiniz. Yazı editörü yerine ‘Uzun Biçimli İçerik Sayfamı Düzenle’ etiketli bir düğme göreceksiniz.
Uzun form içerik düzenleyicisini başlatmak için düğmeye tıklayın.
Yeni bir tarayıcı penceresi, WordPress tema özelleştiricisinde mevcut sayfanızı açacaktır.
Sağ taraftaki bölmede StoryBuilder’ın nasıl kullanılacağına dair bazı temel talimatlar gösterilecektir. Sayfayı düzenlemeye başladığınızda bu talimatlar kaybolacaktır.
Sol taraftaki bölme, WordPress temanızı düzenlemek için kullanılanlar da dahil olmak üzere Özelleştirici kontrollerini içerir. Özelleştirici kontrollerinde vurgulanan iki seçenek göreceksiniz.
Önce Sayfa Seçenekleri sekmesine tıklayın. Düzenlemekte olduğunuz uzun form içerik sayfasında kullanılacak birincil ve ikincil renkleri seçmenizi sağlar.
Ayrıca sayfa için kullanmak istediğiniz yazı tiplerini seçmenize de olanak tanır.
Bundan sonra, sol bölmedeki ‘Sayfa Seçenekleri’ başlığının yanındaki geri okuna tıklayın.
Artık uzun biçimli içeriğinizi oluşturmaya başlamak için ‘Uzun biçimli sayfa bölümleri’ sekmesine tıklayabilirsiniz.
Sonraki sekmesinde, Bölüm Ekle düğmesine tıklayın. Sayfanıza ekleyebileceğiniz bölümlerin listesini içeren başka bir sekme açılacaktır.
Bir bölüme tıkladığınızda o bölüm sayfanıza eklenecektir. Bu bölümü düzenlemek için ayarları göreceksiniz.
Her bölümün farklı ayarları vardır. Örneğin, başlık bölümü sizden bir bölüm başlığı, bir resim, ana başlık olarak gösterilecek metin ve alt başlık ister.
Ayarları doldurduktan sonra, alttaki kapat düğmesine tıklamanız yeterlidir. Artık sayfanıza başka bir bölüm ekleyebilirsiniz.
Tüm bölümler sol taraftaki bölmede görünecektir. Bunları sürükle ve bırak yöntemiyle yeniden düzenleyebilirsiniz.
Bir bölümü kaldırmak istiyorsanız, bölümün üzerine tıklamanız ve ardından bölüm ayarlarının altındaki Kaldır bağlantısına tıklamanız yeterlidir.
Şu anda StoryBuilder ile kullanılabilen bölümlerin bir listesi aşağıda verilmiştir.
- Gezinti Menüsü – Hikayenize bir gezinti menüsü eklemenizi sağlar. Mevcut bir gezinti menüsünü kullanabilir veya özel bir menü oluşturabilirsiniz.
- Bilgi Notu – Renkli arka plana sahip tam genişlikte bir bilgi notu bölümü. Arka plan için Sayfa Seçenekleri’nde seçtiğiniz ana rengi kullanır.
- İçerik – Tek sütunlu bir içerik alanı
- İki sütunlu içerik alanı
- Üç sütunlu içerik alanı
- Tam Özellik – Paralaks efekti, başlık, alt başlık ve içerik ile tam genişlikte bir görüntü eklemenizi sağlar.
- Bölüm Başlığı – Bir bölüm başlığı satırı ekler
İçerik alanı bölümleri tıpkı WordPress yazı editörü gibidir. Videolar, resimler, blok alıntılar yerleştirebilir, Tweetler veya Facebook gönderileri ekleyebilirsiniz.
Tüm sayfada olduğu gibi, çok sütunlu içerik alanları da tamamen duyarlı. İçeriğiniz daha küçük ekranlı kullanıcılara tek bir sütunda gösterilecektir.
Sayfanıza birkaç bölüm ekledikten sonra, en üstteki Kaydet ve Yayınla düğmesine tıklayın. Düğmede ‘Yayınla’ yazıyor olsa da sayfanız Taslak olarak kaydedilecektir.
Kapat düğmesine tıklayarak özelleştiriciden çıkmanız gerekecektir.
Bu sizi WordPress yazı düzenleme ekranına geri götürecektir, burada sayfayı yayınlamayı veya yazıyı taslak olarak kaydetmeyi seçebilirsiniz.
Hepsi bu kadar, umarız bu makale StoryBuilder ile WordPress’te nasıl güzel uzun formlu içerik oluşturacağınızı öğrenmenize yardımcı olmuştur. StoryBuilder’ın sürükle ve bırak işlevini beğendiyseniz, WordPress için en iyi sürükle ve bırak sayfa oluşturucuları karşılaştırmamızı da görmek isteyebilirsiniz.
Bu makaleyi beğendiyseniz, WordPress video eğitimleri için lütfen YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook‘ta da bulabilirsiniz.
Robert Vodicka
1. How do I add a toolbar or link on the top of the page to link back to my homepage?
2. I cannot scroll through the Full Feature images, needing to use the drag bar to get to the next text block. Is there a fix?
WPBeginner Support
Hi Robert,
If by toolbar you mean a navigation menu, then you can add a link to your site’s top navigation bar by visiting Appearance » Menus page. See our guide on how to add navigation menus in WordPress for step by step instructions.
As for featured images, we are not sure we quite understand the issue. Here is what you can try, switch your website temporarily to a default theme like TwentySeventeen. Visit your website to see if this fixed your featured images. If it does, then it is probably a issue with your theme.
Hope this helps
Yönetici
Robert Vodicka
Thanks for the response. I’ll try your fix for my first question. Regarding the second, not scrolling through images, can you review the page in question? It can be found at: . You should notice that you can scroll with a mouse wheel through the content sections, but not the sections constructed using the full feature section, which are images. Thanks
WPBeginner Support
Hi Robert,
Those images are not a bug or error. These images that stick to the background as you scroll are called parallax background effects. They are used quite commonly by many websites. However, if you don’t like them then you can remove them and insert images inside the post editor.
Janet Fuller
I have read your full article. Excellent post about some good plugins for WordPress. I have used StoryBuilder and got a good result. It helped me to manage users. They can register and login easily. I always tell my friends to use StoryBuilder.
Lars Eriksson
The “Press75 Long Form Storybuilder” plugin haven’t been updated for over a hear now.
And have only 100+ active installs.
Is where not any alternatives?
Abhishek Prakash
What happens to the content when I delete this plugin?
Safar Fiertze
I can’t wait to get started with this plugin, but ran into an issue straight after installation. When I pressed save draft, it redirected to the customiser as expected, but it didn’t load. The window says customise: Loading. And remains like that.
At the moment the blog is locally hosted and I’m not using a Press75 theme. I’m not sure if either of these are causing the issue. Advice appreciated. Thank you!
WPBeginner Support
This could be a conflict with your theme or a plugin on your site. You can troubleshoot by switching to a default theme and deactivating all plugins. See if this resolves the issue.
Yönetici
Safar Fiertze
Thank you for the reply and after playing around, I thought it might be plugin or theme. I’ve deactivated all plugins, and tried the three Twenty theme defaults that I had when I first received the blog. I’m assuming that is what you mean by default theme? I haven’t been able to solve the problem.
pohchue
I’ve installed the plugin. But why not leading to new browser page after I checked the “Display as Long Form Content” and save draft?
Khürt L. Williams
The article was informative. However, I would have appreciates a few links to websites that are using StoryBuilder.
Gopinath
Hi Wpbeginer,
I am using a WordPres.com blog. I love the long for content in Firestorm.
i want this same or look like theme or solution for long form content like this in my wordpress.com blog. How can i done this. Kindly help me.
WPBeginner Support
It would be quite difficult to achieve in WordPress.com. Please see our guide on what are the limitations of WordPress.com.
Yönetici
Gopinath
Yes, I know about these limitations that’s why I am asking other solutions to achieve this for the same results. If there is no way with wp.com then thank you. If yes kindly educates me about that.
Khürt L. Williams
He answered your question by providing a link the differences between WordPress.com and WordPress. Basically, YOU CAN NOT DO THIS ON WORDPRESS.COM SINCE IT DOES NOT ALLOW THE INSTALLATION OF PLUGINS.
Cristi Pitner
Great stuff – it deserves a try! Thanks!