Google Web Stories WordPress Eklentisine Genel Bakış ve İnceleme
Yayınlanan: 2020-07-19Web Hikayeleri, AMP tarafından desteklenen tam ekran dokunulabilir sayfalardır. Görsel bilgi için harika olan etkileşimli görsel anlatılar oluşturmanıza izin verirler. Hikayeler sürükleyici, paylaşılabilir ve izlenebilir. Artık Google'ın bir eklentisi sayesinde WordPress web sitenize eklenebilirler. Bu eklentiye genel bakış ve incelemede, Google Web Stories WordPress eklentisine göz atacağız ve neler yapabileceğini göreceğiz.
Web Hikayeleri nedir?
Resmi olarak AMP Hikayeleri olarak bilinen Web Hikayeleri, dergi stili düzenleri olan bir mobil ekran boyutunda sayfalardır. İçerik, daha uzun içeriğe bağlantılar içeren büyük metinler, portre modunda 15 saniyelik altyazılı videolar ve altyazılı resimler içerir. Web Hikayeleri açık kaynaklı bir sistemdir ve ücretsizdir.
Mobil cihazlarla kullanım içindir. Genellikle, sayfa başına 10 kelime olmak üzere 4 ila 30 sayfa içerirler. Bu, daha küçük parçalar halinde içerik üretmek için idealdir. Öğle yemeği yerken, metroda otururken vb. tek elle kullanımı kolay etkileşimli içerik sağlamanın harika bir yoludur.
Neden Web Hikayelerini WordPress ile Kullanmalısınız?
Web Hikayeleri içeriği ve tasarımı, WordPress web sitelerindeki blog içeriği için çok uygundur. Eklenti, bunları WordPress web sitenize entegre eder ve Web Hikayesi biçiminde trafik getirmeye yardımcı olur.
Hatta SEO'nuzu geliştirmenize ve Google arama, Google görselleri, Google Discover ve Google uygulamasında üst sıralarda yer almalarına yardımcı olarak Web Hikayelerini WordPress trafiğini iyileştirmenin harika bir yolu haline getirirler.
Google Web Hikayeleri Eklentisini Yükleme

Ücretsiz beta eklentisini indirin. Bu, herkese açık bir beta eklentisidir, bu nedenle ana özelliklerin çoğu oradadır. Tam sürüm bu yaz daha sonra yayınlanacak. Daha iyi stabilizasyona, performansa ve hata düzeltmelerine sahip olacak ve animasyon ve sayfa eki desteği içerecek.
Beta olduğundan, aşağıdaki adımları izleyerek dosyayı indirmeniz ve manuel olarak yüklemeniz gerekir:
- Hikayeler Github sayfasına gidin ve beta eklentisini indirin
- WordPress panosunda Eklentiler > Yeni Ekle'ye gidin
- Eklenti Yükle'ye tıklayın
- Bilgisayarınızdan sıkıştırılmış dosyayı seçin
- Şimdi Yükle'yi tıklayın
- “Eklenti başarıyla yüklendi” ifadesini gördüğünüzde, Eklentiyi Etkinleştir'i tıklayın.
Web Hikayeleri Menüsü

Gösterge tablosuna Hikayeler adlı yeni bir menü öğesi eklenir. Burada tüm hikayelerinizi görebilir, yeni bir hikaye ekleyebilir ve şablonları keşfedebilirsiniz. Hikayeleriniz burada, düzenleyicide açabileceğiniz, yeniden adlandırabileceğiniz, çoğaltabileceğiniz veya silebileceğiniz yerde görünür.
Bu, Hikaye gönderileri olarak görüntülenebilen bir Hikaye gönderi türüdür ve bu gönderilere bağlantı normal sayfalara ve gönderilere eklenebilir.
Hikaye Oluştur

Yeni Öykü Oluştur'a tıklamak, görsel araçlara erişebileceğiniz düzenleyiciyi açar. Boyutlarını değiştirme veya daraltma seçeneği yoktur. Bu size Canva'yı hatırlatıyorsa, yalnız değilsiniz. Aynı şekilde çalışır ve aynı derecede sezgiseldir.
Solda, sayfa oluşturucuya ekleyebileceğiniz içerik bulunur. Görüntüler, metinler ve şekiller içerir. Görüntüler ayrıca video içerir. Ortada sayfa yaratıcısı var. Hikayeyi düzenlemek ve yayınlamak için araçlar içerir. Sağda tasarım ve belge araçları var. Sayfaya eklediğiniz her öğe ayrı bir katmandır.
İçerik

Görüntüler ve diğer içerik, medya klasörünüzden olanlardır. Birinin üzerine gelindiğinde üç nokta ortaya çıkıyor. Noktalara tıklamak, görüntüyü düzenleme veya silme seçeneklerini açar. Ayrıca görüntüleri veya videoları sıralayabilir, arayabilir ve yükleyebilirsiniz. İçeriğe tıklamak onu hikaye sayfasına ekler.

İçeriği eklemek için çift tıklayabilir veya içeriği hikaye sayfasına sürükleyip bırakabilirsiniz. Bu örnekte, resmi sayfaya sürüklüyorum.
Metin

Metin sekmesi, başlıklar, alt başlıklar ve gövde metni eklemek için önceden ayarlanmış düğmeler içerir. Sayfaya önceden ayarlanmış bir metin eklemek için birine tıklayın veya Yeni metin ekle'ye tıklayın.

Yeniden boyutlandırma aracını açmak için metne tıklayın. Yeniden boyutlandırmak veya ortayı tutup metni yeni bir konuma taşımak için sürükleyin. Bu aynı zamanda araçlarını sağda açar; burada hizalamayı, renkleri, boyutu, konumu, katmanı, stili vb. değiştirebilirsiniz.

İçeriği yeniden boyutlandırmak veya yerini değiştirmek için aynı anda birden çok öğe de seçebilirsiniz.
şekiller

Şekiller sekmesi bir kare, daire, üçgen, kalp, yıldız, beşgen, altıgen ve damla içerir. Sayfaya sürükleyip bırakın, renklerini, opaklıklarını, boyutlarını vb. değiştirin.
Sayfa

Tuval alanı, başlığı, yayınlama seçeneklerini, çöp kutusu, kopyala, yeni sayfa ekle, geri al, yinele, bir önizleme ve bir kerede birden çok sayfayı görmek için bir ızgara görünümü içerir. İçeriğe tıklamak, içeriği yeniden boyutlandırmak ve taşımak için size bazı sürükle ve bırak araçları sunar. Ayrıca sağdaki tasarım araçları seçeneklerini de açar.

Hizalama seçeneklerini görmek için içeriği sürükleyin.


Resmin tamamını görmek için içeriğe çift tıklayın ve yakınlaştırma ve hizalamayı ayarlamak için araçları açın. Tam olarak istediğiniz görüntüyü elde etmek için içeriği yeniden boyutlandırabilir ve hareket ettirebilirsiniz.
Tasarım

Tasarım ayarlamaları, tıkladığınız öğenin kontrollerini görüntüler. Sayfanın arka planını seçtim ve ardından renge tıkladım. Bu, arka planın rengini ayarlayabilmeniz için bir renk seçici açar.

Görüntüler için buna hizalama, boyut ve konum, opaklık, bağlantılar, erişilebilirlik ve katmanlar dahildir.

Metinde buna yazı tipi ailesi, stil, hizalama, renk, arka plan rengi, dolgu ve bağlantı dahildir.

Şekiller için buna hizalama, boyut ve konum ve renk dahildir.

Belge sekmesi, standart WordPress yayınlama seçeneklerini içerir ve birkaç tane daha ekler. Taslak olarak kaydedin veya genel veya özel olarak yayınlayın. Tarihi, yayıncının logosunu ve kapak resmini ayarlayın. Kalıcı bağlantıyı ve sayfa ilerlemesini ayarlayın. Otomatik ve manuel arasında seçim yapın ve otomatik ilerleme zamanlamasını ayarlayın.
şablonlar

Şablonları Keşfet sekmesi, hikayelerinizde kullanabileceğiniz şablonları görüntüler. Şu anda başlamanıza yardımcı olacak 8 şablon var. Şablonlar birden çok sayfa içerir, bu nedenle yardımcı olacak çok sayıda tasarım vardır.

Birine tıklamak, şablonun içindeki tüm sayfaları görebileceğiniz şablonu açar.

Tüm sayfalar seçilebilir ve ayarlanabilir. Değiştirmek için herhangi bir öğeyi seçin.
Hikaye Yayınlamak

Hikayeyi yayınlamak için tıkladığınızda, hikayeyi görüntüleme veya yeni bir gönderiye ekleme seçeneklerini göreceksiniz.
Hikayeyi Görüntüle

Hikayeyi görüntülemek, ön uçtaki sayfayı açar. Sayfaların her biri görünür, ancak yalnızca ortadaki tam olarak okunabilir. Sayfa, yanlarında oklar bulunan kaydırıcı kontrolleri, sayfanın altında gezinme çubuğu, sağ üst köşede bir oynat veya duraklat düğmesi ve ziyaretçilerin web hikayenizi paylaşmasını kolaylaştırmak için bir paylaşım düğmesi görüntüler. Düğmeye tıklamak, ziyaretçilerin URL'yi kopyalamasına olanak tanır.
Yeni Gönderiye Ekle

Yeni Gönderiye Ekle'yi seçmek, gönderiye önceden yerleştirilmiş olan hikaye koduyla otomatik olarak standart bir blog gönderisi oluşturur. Bu standart bir blog gönderisidir, dolayısıyla blog akışında görünür. Bu, hikayenin sayfasını açan bir bağlantıdır. İstediğiniz gönderiye başka herhangi bir içerik ekleyin. Bu kod herhangi bir yazıya veya sayfaya yerleştirilebilir, böylece onu blog yazıları, Divi düzenleri vb. ile kullanabilirsiniz. Klasik düzenleyiciyi kullanıyorum, ancak Gutenberg'de benzer şekilde çalışıyor.

Gutenberg ile kodun HTML'ye dönüştürülmesini ister. Hikaye bu modda çalışır, böylece yazıyı yazarken sayfaların döndüğünü görebilirsiniz.
Hikaye Gönderi Türünü Kullanmanın Daha Fazla Yolu

Ayrıca gönderi türünü gezinme menünüze ekleyebilir, bunları Divi blog modülü, Divi Tema Oluşturucu vb. ile kullanabilirsiniz.
Google Web Stories'de Reklam
Para kazanma, Google platformu ve bağlı kuruluş satışlarıyla sınırlıdır. Hikaye reklamları, Google Ad Manager ve Google DV360 (şu anda beta sürümündedir) tarafından sağlanır. Ek reklam sunucusu desteği gelecekte eklenecektir. Sponsorlu hikayeleri ve bağlı kuruluşları içerebilirler.

Google reklamları tam sayfadır ve Web Hikayelerinde görünür. Web sayfalarına, AMP sayfalarına veya bir uygulamaya bağlantılar içerebilirler. Metin, resimler, düğmeler, videolar, animasyonlar ve herhangi bir kombinasyonu içerebilirler. Reklamlar, sol üst köşede reklam olarak işaretlenir. Reklamların amacı, Web Stories UX ile harmanlanan uyumlu bir tasarıma sahip olmaktır.
Belgeler, reklamların nasıl kodlanacağı ve oluşturulacağının ayrıntılarını gösterir. Başlamanız için birkaç şablon var. Yukarıdaki örnekte birkaç tanesi gösterilmiştir.
Biten Düşünceler
Web Hikayeleri, WordPress web siteniz için içerik yayınlamanın ilginç bir yoludur. Hikayeler dergi sayfaları gibi görünür ve kaydırıcı olarak çalışır. Hatta WordPress gezinme yapısıyla ve Divi'nin düzenleri ve modülleriyle iyi bir şekilde bütünleşirler. Mobil cihazlarla iyi çalışırlar.
Google'ın Web Hikayeleri WordPress eklentisi, Canva gibi grafik düzenleme araçlarına benziyor ve hissediyor. Basit ve kullanımı kolaydır. Harika görünen ve SEO'nuzu geliştiren basit içerik oluşturmanın kolay bir yolu ile ilgileniyorsanız, Web Hikayeleri WordPress eklentisine bir göz atmanızı tavsiye ederim.
Senden duymak istiyoruz. Google Web Stories WordPress eklentisini denediniz mi? Aşağıdaki yorumlarda deneyiminizi bize bildirin.
Jemastock / Shutterstock.com aracılığıyla Öne Çıkan Görsel
