Smash Balloon Social Post Feedで写真を表示させる方法
WordPressとFacebookを連携させるためのプラグイン「Smash Balloon Social Post Feed 2.18.2」のカスタマイズ方法です。通常版ではサムネイルを表示させることはできませんが、一部を改変することで、画像付きの記事を埋め込むことが可能になります。以前紹介したカスタマイズ方法が古くなってしまったので、記事を書き直しました。
Smash Balloon Social Post Feed(旧Custom Facebook Feed)プラグインについて
(2021-02-09 追記)
こちらの記事は内容が古くなっています。バージョン2.18.2に対応する新しいカスタマイズ方法を紹介しましたので、参考にしてください。
Custom Facebook Feedプラグインの改変方法について...
TwitterのタイムラインをAPIで取得してサイトに表示してみる
TwitterのDeveloper accountを作成したので、アプリケーション登録をして各種APIキーを取得し、タイムライン表示をアレンジしてみることにしました。
詳しいことは後程ご説明するとして、このようなことができます、という例を...
Twitterのタイムラインを埋め込んでみる
FacebookページをWordPressのウェブサイトに表示する方法をあれこれやってきましたが、今度はTwitterのタイムラインをサイト内に表示してみましょう。タイムラインを表示するだけなら以下の方法で取得したコードを貼りつけるだけでO...
固定ページの子ページ一覧をカルーセル表示する
いろいろなものをSwiper.jsを使ってカルーセル表示してみるシリーズの、第4弾です(笑)
固定ページの子ページ一覧を、「アイキャッチ画像・タイトル・本文(抜粋)」を取得してカルーセル表示にしてみます。スライド要素に背景色を入れて、見た...
Swiper.jsでフォトギャラリーを作る
今度は、Swiper.jsを使って、立体的なキューブが回転するような効果のあるフォトギャラリーを作成してみます。「effect: 'cube',」をscriptに追加するだけでOKです。
Swiper.jsの導入については以下の記...
Swiper.jsを使って新着記事一覧を表示してみる
せっかくSwiper.jsを導入したので、さまざまなカルーセル表示を試してみたいと思います。
新着記事一覧はプラグイン等で簡単に実装できるのですが、自分の思い通りのデザインや動きを実現させるために、自力でコードを書いてみて基本を知って...
FacebookのFeedとSwiper.jsを使ってタイムライン表示をアレンジ
Facebookページのタイムラインを、Swiper.jsを利用してWordPressのウェブサイト上にスライダー表示させてみました。画像の上への文字載せは、cssを利用しています。facebookのアクセストークンを取得してjson形式でfeedを取り出し、phpで表示を処理します。
人気の記事一覧をトップページにカルーセル表示する
WP Posts CarouselプラグインとWordPress Popular Postsプラグインを合わせて使うことで、よく読まれている記事(人気記事)一覧をサイトのトップページにカルーセル表示させてみます。