Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Özel Facebook Akışı Nasıl Oluşturulur?

Web siteleri oluştururken, bazen markanın Facebook akışını sayfalarından birine eklemeyi seviyoruz. Bu sayede ziyaretçiler siteden ayrılmadan en son güncellemeleri, duyuruları ve topluluk etkileşimlerini görebiliyor.

Manuel yöntemler mevcut olsa da, Facebook içeriğini görüntülemek için en verimli yöntemler değillerdir.

Birçok okuyucumuz bu özelliği sordu ve çeşitli seçenekleri araştırdıktan sonra özel Facebook beslemelerimiz için Smash Balloon’da karar kıldık. Kullanıcı dostu, özelliklerle dolu ve her seviyeden WordPress kullanıcısına uygun.

Bu kılavuzda, denenmiş ve test edilmiş yöntemimizi kullanarak WordPress’te özel bir Facebook akışı oluşturma konusunda size yol göstereceğiz.

How to create a custom Facebook feed in WordPress

WordPress’te Neden Özel Bir Facebook Akışı Oluşturmalısınız?

Sosyal medya istatistikleri raporumuza göre, Facebook’un aylık 3 milyardan fazla aktif kullanıcısı var. Bu da onu dünyanın en büyük sosyal medya sitesi yapıyor. Bir web sitesi sahibi olarak, kitlenizle etkileşim kurduğunuz bir Facebook sayfası veya grubu oluşturmuş olabilirsiniz.

Ancak, yalnızca web sitenizi ziyaret eden kişiler Facebook gönderilerinizi görmeyecektir. Özel bir Facebook akışı ekleyerek, ziyaretçilere grubunuzda veya sayfanızda neler olup bittiğini gösterebilirsiniz.

Bu, özellikle Facebook’ta videolar ve resimler gibi multimedya içerikler yayınlıyorsanız, web sitenizi daha ilgi çekici ve ilginç hale getirebilir.

A custom Facebook feed in WordPress, created with Smash Balloon

Ayrıca Facebook sayfanızı veya grubunuzu tanıtmak için harika bir yoldur, bu da daha fazla Facebook beğenisi al manıza ve takipçilerinizi artırmanıza yardımcı olacaktır.

Bunu söyledikten sonra, WordPress.org sitenize özel bir Facebook akışını nasıl ekleyeceğinizi görelim. Bu adım adım kılavuzda gezinmek için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

Adım 1: Smash Balloon Özel Facebook Akışı Eklentisini Kurun

WordPress web sitenize özel bir Facebook beslemesi eklemenin en iyi ve en acemi dostu yolu Smash Balloon Custom Facebook Feed eklentisini kullanmaktır.

Bu Facebook eklentisi, içeriğinizi ve yorumlarınızı doğrudan sitenizde göstermenizi ve hatta birden fazla Facebook akışındaki gönderileri birleştirmenizi sağlar. Ayrıca Facebook yorumlarını ve topluluk gönderilerini web sitenize yerleştirerek güçlü sosyal kanıtlar göstermeyi kolaylaştırır.

Yapmanız gereken ilk şey Smash Balloon Custom Facebook Feed Pro eklentisini yüklemek ve etkinleştirmek. Daha fazla ayrıntı için WordPress eklentisi yükleme kılavuzumuza bakın.

Bu yazıda, Facebook akışınızda video ve fotoğraf göstermenize, farklı düzenler seçmenize, akışınızı gönderi türüne göre filtrelemenize ve daha fazlasına olanak tanıdığı için Smash Balloon’un pro sürümünü kullanacağız.

Bununla birlikte, bütçeniz ne olursa olsun WordPress için özel bir Facebook beslemesi oluşturmanıza olanak tanıyan ücretsiz bir sürüm de vardır.

Etkinleştirmenin ardından, Facebook Feed ” Ayarlar bölümüne gitmeniz ve lisans anahtarınızı ‘Lisans Anahtarı’ alanına girmeniz gerekecektir.

Adding a license key to Smash Balloon

Bu bilgileri Smash Balloon web sitesindeki hesabınızda bulabilirsiniz.

Anahtarı girdikten sonra, ‘Etkinleştir’ düğmesine tıklamanız yeterlidir.

Adım 2: Facebook Sayfanızı veya Grubunuzu WordPress’e Bağlayın

Smash Balloon Özel Facebook Akışı, farklı Facebook sayfalarınızdan ve gruplarınızdan birden fazla akış oluşturmanıza olanak tanır. Hatta özel bir besleme oluşturmak için beslemeleri birleştirebilirsiniz.

İlk akışınızı oluşturmak için Facebook Akışı ” Tüm Ak ışlar’a gidin ve ardından ‘Yeni Ekle’ye tıklayın.

Adding a Facebook social media feed to WordPress

Smash Balloon Facebook albümlerini, zaman tünelinizdeki gönderileri, videoları, etkinlikleri ve daha fazlasını görüntülemenizi sağlar. Bu kılavuz için bir ‘Zaman Tüneli’ Facebook akışı oluşturacağız, ancak istediğiniz herhangi bir akış türünü seçebilirsiniz.

Bir besleme türü seçtikten sonra ‘İleri’ düğmesine tıklayın.

How to add a Facebook timeline to your website

Şimdi, içeriği alacağınız Facebook sayfasını veya grubunu seçmeniz gerekiyor.

Başlamak için ‘Yeni Ekle’ye tıklayın.

Adding your Facebook group or page as a source

Bir sonraki ekranda, WordPress’e bir Facebook grup bes lemesi mi yerleştirmek istediğinizi yoksa bir Facebook sayfası beslemesi mi oluşturmak istediğinizi seçin.

Ardından, ‘Facebook’a Bağlan’a tıklamanız yeterlidir.

Connecting Smash Balloon to your Facebook group or page

Bu, Facebook hesabınıza giriş yapabileceğiniz ve akışınızda kullanmak istediğiniz sayfaları veya grupları seçebileceğiniz bir açılır pencere açar.

Seçiminizi yaptıktan sonra ‘İleri’ düğmesine tıklayın.

Connecting Facebook and WordPress with Smash Balloon

Bunu yaptıktan sonra, Facebook Smash Balloon’un erişebileceği tüm bilgileri ve gerçekleştirebileceği eylemleri gösterecektir.

Smash Balloon’un Facebook hesabınıza erişimini kısıtlamak için, anahtarlardan herhangi birine tıklayarak ‘Evet’ten ‘Hayır’a çevirmeniz yeterlidir. Bunun sosyal medya akışında gösterebileceğiniz içeriği etkileyebileceğini unutmayın.

Bunu göz önünde bulundurarak, tüm bu anahtarları etkin bırakmanızı öneririz.

Giving WordPress access to your Facebook group or page

Hazır olduğunuzda ‘Bitti’ye tıklayın.

Birkaç dakika sonra, WordPress web sitenizi Facebook’a başarıyla bağladığınızı belirten bir mesaj göreceksiniz. Şimdi ‘Tamam’a tıklayabilirsiniz.

How to create a custom Facebook feed in WordPress

Bu işlem tamamlandığında, Smash Balloon sizi otomatik olarak WordPress kontrol paneline geri döndürecektir.

Adım 3: WordPress’te Özel Bir Facebook Akışı Oluşturun

Şimdi WordPress web sitenize yeni bağladığınız grup veya sayfayı içeren bir açılır pencere göreceksiniz. Kaynağınızın yanındaki radyo düğmesini seçmeniz ve ardından ‘Ekle’ düğmesine tıklamanız yeterlidir.

Using Facebook as a source for your custom feed

Açılır pencereyi yanlışlıkla kapattıysanız panik yapmayın. Açılır pencereyi yeniden açmak için sekmeyi yenileyebilirsiniz.

Bunu yaptıktan sonra, Facebook Feed ” All Feeds sayfasına geri döneceksiniz.

Daha önce olduğu gibi, ‘Yeni Ekle’ düğmesine tıklayın ve ardından Zaman Tüneli, Fotoğraflar veya Videolar gibi oluşturmak istediğiniz özel Facebook akışının türünü seçin.

Ardından, ‘İleri’ye tıklayın. Şimdi, ‘Bir Kaynak Seçin’ altında, Facebook grubunuzu veya sayfanızı bir seçenek olarak göreceksiniz.

Creating a new custom Facebook feed in WordPress

Devam edin ve sayfayı veya grubu seçin ve ardından ‘İleri’ye tıklayın.

Artık akışınız için başlangıç noktası olarak kullanmak istediğiniz şablonu seçebilirsiniz. Tüm bu şablonlar tamamen özelleştirilebilir, böylece WordPress blogunuza veya web sitenize mükemmel şekilde uyacak şekilde ince ayar yapabilirsiniz.

Biz ‘Varsayılan’ şablonu kullanacağız, ancak siz istediğiniz herhangi bir şablonu kullanabilirsiniz.

Choosing a Smash Balloon template

Bir tasarım seçtikten sonra ‘İleri’ düğmesine tıklayın.

Smash Balloon şimdi devam edecek ve kaynağınıza ve seçtiğiniz şablona dayalı bir Facebook akışı oluşturacaktır. Bu harika bir başlangıç, ancak bu beslemenin web sitenizde nasıl görüneceği konusunda ince ayar yapmak isteyebilirsiniz.

Adım 4: Facebook Akışınızı Özelleştirin

Smash Balloon Custom Facebook Feed eklentisi, akışınızı düzenlemeniz için size çok sayıda özelleştirme seçeneği sunar. Bunu göz önünde bulundurarak, ne gibi değişiklikler yapabileceğinizi görmeye değer.

Facebook Akışı ” Tüm Ak ışlar ekranında, yeni oluşturduğunuz akışı bulun ve küçük bir kaleme benzeyen ‘Düzenle’ düğmesine tıklayın.

Editing your social media feed

Bu, özel Facebook akışının web sitenizde nasıl görüneceğinin bir önizlemesini gösteren akış düzenleyicisini açar. Burada, WordPress web sitenizde görünecek tüm gömülü Facebook videolarını, durum güncellemelerini ve diğer içerikleri görebilirsiniz.

Sol tarafta, beslemeyi özelleştirmek için kullanabileceğiniz tüm farklı ayarları göreceksiniz. Bu ayarların çoğu kendi kendini açıklayıcıdır, ancak bazı önemli alanları hızlıca ele alacağız.

The Smash Balloon editor

Başlangıç olarak, ‘Akış Düzeni’ne tıklayarak gönderilerinizin görüntülenme şeklini değiştirebilirsiniz.

Bu ekranda, farklı düzenler arasında geçiş yapabilir ve besleme yüksekliğini değiştirebilirsiniz. Hatta ‘Carousel’ düzenini seçerek duyarlı bir kaydırıcı bile oluşturabilirsiniz.

Siz değişiklik yaptıkça önizleme otomatik olarak güncellenir, böylece web siteniz için neyin en iyi olduğunu görmek için farklı ayarları deneyebilirsiniz.

Choosing a layout for your custom Facebook feed

Varsayılan olarak, akış masaüstü bilgisayarlarda ve akıllı telefonlar gibi mobil cihazlarda aynı sayıda gönderi gösterecektir.

Ancak, mobil cihazlar genellikle daha küçük ekranlara ve daha az işlem gücüne sahiptir, bu nedenle tabletlerde ve akıllı telefonlarda daha az gönderi göstermek isteyebilirsiniz. Bunu yapmak için, ‘Gönderi Sayısı’ altındaki ‘Mobil’ alanına farklı bir sayı yazmanız yeterlidir.

Creating a mobile-friendly layout for your website

Sağ üst köşedeki düğme sırasını kullanarak değişikliklerinizin masaüstü bilgisayarlarda, tabletlerde ve akıllı telefonlarda nasıl görüneceğini önizleyebilirsiniz.

Farklı düzenler deneyerek, ziyaretçi hangi cihazı kullanıyor olursa olsun harika görünen özel bir akış oluşturabilirsiniz.

Previewing your website's mobile layout with Smash Balloon

Varsayılan olarak, Facebook akışı akıllı telefonlarda ve tabletlerde masaüstü bilgisayarlara kıyasla daha az sütun gösterir. Bu, tüm içeriğinizin daha küçük ekranlara rahatça sığmasına yardımcı olur.

Ancak, WordPress web sitenizin mobil sürümünü test ettikten sonra, sütunların akıllı telefonlarda ve tabletlerde nasıl göründüğünden memnun olmayabilirsiniz. Bu durumda, ‘Sütunlar’ bölümündeki sayıları değiştirerek sütunları ayarlayabilirsiniz.

Changing the number of columns in your social media feed

Yaptığınız değişikliklerden memnun olduğunuzda, menünün üst kısmındaki ‘Özelleştir’ bağlantısına tıklayın.

Bu sizi ana Smash Balloon editörüne geri götürecektir.

Returning to the Smash Balloon customize screen

Ardından, sol taraftaki menüden ‘Renk Şeması’na tıklayabilir ve Facebook akışına ekleyebileceğiniz farklı renklere göz atabilirsiniz.

Smash Balloon varsayılan olarak WordPress temanızdan devralınan bir renk düzeni kullanır, ancak ‘Açık’ veya ‘Koyu’yu da seçebilir veya hatta kendi özel renk düzeninizi oluşturabilirsiniz.

Changing the color scheme of the social media feed

Örneğin, temanızın arka planından sıyrılması için metin rengini değiştirebilirsiniz.

Smash Balloon varsayılan olarak akışınıza Facebook profil resminiz ve sayfanızın ya da grubunuzun adı olan bir başlık ekler. Bu, Facebook zaman akışınızı WordPress‘te basitçe görüntülemek yerine ekstra bir bağlam ekleyebilir.

Bunun nasıl görüneceğini değiştirmek için sol taraftaki menüden ‘Başlık’a tıklayın.

Customizing the header layout with Smash Balloon

Bu ekranda, başlığın boyutunu ve rengini değiştirebilir, Facebook profil resminizi gizleyebilir veya gösterebilir ve daha fazlasını yapabilirsiniz.

Başlığı tamamen kaldırmak istiyorsanız, mavi (etkin) renkten gri (devre dışı) renge çevirmek için geçişe tıklayın.

Removing the header from your custom Facebook feed

Sırada ‘Gönderiler’ ekranı var. Burada, tek tek gönderilerin özel Facebook akışında nasıl görüneceğini değiştirebilirsiniz.

Örneğin, normal ve kutulu stiller arasında geçiş yapabilir, arka plan rengini değiştirebilir, bir kutu gölgesi ekleyebilir ve daha fazlasını yapabilirsiniz.

How to style your custom social media feed in WordPress

Smash Balloon varsayılan olarak akışınıza Facebook ‘beğen’ düğmesini dahil etmez.

Daha fazla ziyaretçiyi Facebook sayfanızı takip etmeye teşvik etmek için, editörün sol menüsünden ‘Beğen Kutusu’nu seçerek bu düğmeyi eklemek isteyebilirsiniz.

Bundan sonra, maviye dönmesi için ‘Etkinleştir’ düğmesine tıklamanız yeterlidir. Şimdi, önizlemenin en altına kaydırırsanız, bir ‘beğen’ düğmesi göreceksiniz.

Adding a 'like' button to your Facebook feed

Bu alanı farklı ayarlar kullanarak şekillendirebilirsiniz. Örneğin, düğmenin akışın üstünde mi yoksa altında mı görüneceğini ve Facebook sayfanızdaki kapak fotoğrafının dahil edilip edilmeyeceğini seçebilirsiniz.

‘Beğen’ düğmesinin nasıl göründüğünden memnun olduğunuzda, ‘Daha Fazla Düğme Yükle’ ekranına geçebilirsiniz.

Customizing the Load More Button

‘Daha Fazla Yükle’ düğmesi, ziyaretçileri Facebook akışınızda daha fazla gezinmeye teşvik eder.

Bu nedenle, arka plan rengini, metin rengini ve etiketi değiştirerek düğmeyi daha dikkat çekici hale getirmek isteyebilirsiniz.

Changing the color scheme of your social media feed

Başka bir seçenek de ‘Daha Fazla Yükle’ düğmesini tamamen kaldırmak için ‘Etkinleştir’ geçişine tıklayarak düğmenin griye dönmesini sağlamaktır.

Facebook akışınız zamana duyarlıysa ‘Daha Fazla Yükle’ düğmesini devre dışı bırakmak yararlıdır. Örneğin, çoğunlukla Facebook etkinlik takviminiz hakkında paylaşım yapıyorsanız, ziyaretçilerin artık alakalı olmadıkları için önceki paylaşımlarınızda gezinmelerine gerek olmayabilir.

Özel Facebook akışının nasıl ayarlandığından memnun olduğunuzda, değişikliklerinizi kaydetmek için ‘Kaydet’e tıklamayı unutmayın.

Artık Facebook beslemesini WordPress web sitenize eklemeye hazırsınız.

Saving your changes in Smash Balloon

Adım 5: Özel Facebook Akışınızı WordPress’e Ekleyin

Facebook yayınlarını WordPress’e yerleştirmek için ‘Kaydet’in yanındaki ‘Yerleştir’ düğmesine tıklayın.

Clicking the Embed button in the Smash Balloon Facebook Feed plugin

Şimdi Facebook akışınızı eklemek için iki seçenek göreceksiniz: kısa kod veya blok.

Deneyimlerimize göre, Facebook akışınızı bir blok kullanarak eklemek daha kolaydır. Bunu yapmak için, temanızda widget’a hazır bir alan varsa ‘Sayfaya Ekle’ veya ‘Widget’a Ekle’ seçeneğine tıklayabilirsiniz.

Rehberimiz örnek olması açısından Sayfaya Ekle düğmesini kullanacaktır.

Seeing the Embed Feed popup when creating a Facebook Feed using Smash Balloon

Şimdi, Facebook akışını eklemek için bir sayfa seçmeniz gerekecek.

Sadece birini seçin ve ‘Ekle’ye tıklayın.

Choosing a page to embed the Facebook Feed to with Smash Balloon

Blok editörüne yönlendirileceksiniz. Bundan sonra, ‘+ Blok ekle’ düğmesine tıklayın ve Facebook Feed bloğunu arayın.

Bu aşamada, en iyi görünen yere sürükleyip bırakabilirsiniz.

Adding the Facebook Feed in the block editor

Bunu yaptıktan sonra, devam edin ve bir Facebook besleme kaynağı seçin.

Bu şekilde:

Choosing a Facebook feed source using the Smash Balloon block

Facebook akışınız şimdi görünmelidir.

Değişiklikleri resmileştirmek için ‘Güncelle’ye tıklamanız yeterlidir.

Updating the block editor after adding a Facebook feed using Smash Balloon

Kısa kod yöntemini kullanmak istiyorsanız, kısa kodu daha önce Embed Feed açılır penceresinden kopyalayabilirsiniz.

Ardından, bir WordPress sayfasını, yazısını veya widget’ını düzenlerken kısa kodu içerik düzenleyicideki bir kısa kod bloğuna yapıştırmanız yeterlidir. İşiniz bittiğinde, devam edin ve ‘Güncelle’ye tıklayın.

Kısa kodun nasıl yerleştirileceği hakkında daha fazla bilgi için lütfen WordPress’te kısa kod ekleme kılavuzumuza bakın.

Adding a Smash Balloon Facebook Feed shortcode in the block editor

Bonus İpucu: WordPress’e Nasıl Daha Fazla Sosyal Medya Akışı Eklenir?

Facebook durum gönderilerini WordPress’e yerleştirmek, zaman akışınızı göstermek, Facebook albümlerini görüntülemek ve daha fazlasını yapmak istiyorsanız, Custom Facebook Feed bunun için en iyi WordPress eklentisidir.

Ancak birçok web sitesinin YouTube kanalı, Twitter profili ve Instagram hesabı gibi birden fazla sosyal medya hesabı vardır. Her platform için benzersiz içerik oluşturuyorsanız, bu içeriği WordPress web sitenizde göstermek mantıklı olacaktır.

Ücretsiz Smash Balloon Feeds for YouTube eklentisini kullanarak YouTube kanalınızdaki en son videoları WordPress’te gösterebilirsiniz.

How to embed YouTube videos in WordPress

Aylık 1 milyardan fazla aktif kullanıcısı olan Instagram, ürünlerinizi, hizmetlerinizi ve blog yazılarınızı tanıtmak için harika bir yerdir.

Bir Instagram hesabınız varsa, özel bir Instagram akışı oluşturur ve ardından bunu herhangi bir web sayfasına, gönderiye veya widget’a hazır alana eklersiniz. Hatta WordPress’e Instagram’da alışveriş yapılabilir görseller bile ekleyebilirsiniz.

An example of a shoppable Instagram image in WordPress

Umarız bu makale WordPress’te özel bir Facebook akışı eklemenize yardımcı olmuştur. WordPress kullanıcıları için sosyal ticarete ilişkin nihai kılavuzumuzu ve WordPress aracılığıyla Facebook’ta otomatik olarak nasıl gönderi paylaşılacağına ilişkin makalemizi de görmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

9 yorumBir Cevap Bırakın

  1. Mike S

    Can you cover how to automatically copy posts to 2 FB pages?

  2. Darknote

    Hi,
    Putting the page ID does not work, you will get on debug, it is indicated in error

    developers.facebook.com/tools/debug/

    You absolutely have to create a Facebook apps, the only good method!

  3. RickH

    Any plugin that will grab a FB ‘status’ from a personal (publicly visible) FB account into a separate post? So that each new status will create a new post?

    Thanks…

  4. Anthony

    Thanks for this article. Have tried and success but i use this tool to find facebook ID, it can find group id and page id too

  5. Shubha das

    Thanks for sharing this post. Please let me know if free plugin are available for creating custom facebook feed.

    • melanie martins

      Facebook feed by arrow is free, though i would love to see a tutorial to create my own facebook feed “plugin”

  6. Munna Hossain

    Great sharing. I am new in WordPress. I don’t know everything about WordPress. Your article will help to create custom facebook feed in my WordPress site. Thank you for sharing such an informative article.

  7. Tracy TC

    Do you recognize the feed on the homepage of I like the fact that it includes thumbnail pictures from each post. I find that more visually interesting than showing my logo over and over in the feed. I don’t control that area of the website (although I do know that it is WP) and the host has no interest in sharing which plugin is used.

    Thank you!!

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.