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