WordPressのテーマ「OnePress」で作るウェブサイトのヘッダ部分の上部に、会社の電話番号などの連絡先を表示させるカスタマイズ方法です。 まず、OnePressのヘッダ部分がどのようになっているのか、OnePressのテーマフォルダ内にある「header.php」というファイルを開いて、内 […]

Custom Facebook Feedプラグインの改変方法について、以前記事を書きました。 その記事に「プラグインのアップデートがあると改造が無効になってしまいます」と書きましたが、心配していた通り(笑)、いつの間にかプラグインがアップデートされていました。名称も「Smash Balloon So […]

Twitterのタイムラインを取得してWordPressのウェブサイト上に表示させるための手順です。Twitter Developer Acountの取得→サーバーへのcomposerのインストール→abraham/twitteroauthのインストール→タイムライン表示のためのphpコード作成の順に進んでいきます。

TwitterのDeveloper accountを作成したので、アプリケーション登録をして各種APIキーを取得し、タイムライン表示をアレンジしてみることにしました。 詳しいことは後程ご説明するとして、このようなことができます、という例をお示しします。 今回は「合唱楽譜のパナムジカ」@PanaMus […]

実は、Twitterのタイムラインを取得していろいろな形式で表示してみる、というようなことについては2010年ころに手掛けた案件がありまして、その当時作成したDeveloper accountが現在も生きていることが判明しました。しかし、新しいアプリケーションを追加してみようとしたところ、「古いアプ […]

FacebookページをWordPressのウェブサイトに表示する方法をあれこれやってきましたが、今度はTwitterのタイムラインをサイト内に表示してみましょう。タイムラインを表示するだけなら以下の方法で取得したコードを貼りつけるだけでOKです。 まずこちらのサイトにアクセスします。 画面下のほう […]

いろいろなものをSwiper.jsを使ってカルーセル表示してみるシリーズの、第４弾です(笑) 固定ページの子ページ一覧を、「アイキャッチ画像・タイトル・本文（抜粋）」を取得してカルーセル表示にしてみます。スライド要素に背景色を入れて、見た目インパクトあるようにしてみました。 サイドバーなしのワンカラ […]

  今度は、Swiper.jsを使って、立体的なキューブが回転するような効果のあるフォトギャラリーを作成してみます。「effect: ‘cube’,」をscriptに追加するだけでOKです。 Swiper.jsの導入については以下の記事を参考にしてください。 Fac […]

せっかくSwiper.jsを導入したので、さまざまなカルーセル表示を試してみたいと思います。 新着記事一覧はプラグイン等で簡単に実装できるのですが、自分の思い通りのデザインや動きを実現させるために、自力でコードを書いてみて基本を知っておくのも大事ですよね。 Swiper.jsの導入については以下の記 […]

Facebookページのタイムラインを、Swiper.jsを利用してWordPressのウェブサイト上にスライダー表示させてみました。画像の上への文字載せは、cssを利用しています。facebookのアクセストークンを取得してjson形式でfeedを取り出し、phpで表示を処理します。