Web Design Leaves

WordPress であるプラグインをインストールしたら、リンクが開かなくなった際のトラブルシューティングに関するメモ。 「My Calendar」というプラグインをインストールしたところ、カレンダーの詳細表示（ポップアップ）の Google マップへのリンクが開かなかったので、コンソールを見たら以下のようなエラーが出ていた。 「TypeError: o i…

続きを読む

Google Calendar のフィードを読み込み、カレンダー表示やリスト表示できる WordPress のプラグイン Google Calendar Events の使い方や設定に関するメモ。 追加情報 以下の記事は2014年5月21日の時点でのもので、その後大幅な変更があり、現在のバージョンとは異なっています。（つまり今のバージョンに関しては以下の記事…

続きを読む

Google カレンダーをウェブサイトに埋め込んでレスポンシブ対応にする方法のメモ。 目次 ウェブサイトに埋め込む ウェブサイトに埋め込む（https://support.google.com/） Google ID を取得してすでにカレンダーを利用していることを前提。 Google カレンダーにログイン（下の画像） 右上の歯車のような（設定の）アイコンをク…

続きを読む

営業日・イベントカレンダーをウィジェットに表示するプラグイン「Biz Calendar」のカスタマイズに関するメモ。 目次 インストール WordPress › Biz Calendar：WordPress プラグインページ 「プラグイン」 → 「新規追加」の「検索」で「Biz Calendar」と入れて検索 「いますぐインストール」をクリックしてその後「有…

続きを読む

レスポンシブ対応のスライダー「bxSlider」(v4.1.2) の使い方や設定に関するメモ。とても簡単に設置ができるが、指定するモードによっては、使用している CSS の関係でスライドの位置がずれてしまったりしたのでその対処法やオプションについて。 目次 bxSlider のダウンロードとインストール bxSlider のサイトの右上の「Download」…

続きを読む

WordPress のマルチサイト（ネットワーク）機能を使った2ヶ国語のサイトを作る際に必要になったことなどに関するメモ。 ルートサイトを日本語、追加したサイトを英語にする場合の例。WordPress のインストールは通常のサイトと同じ。インストール後「wp-config.php」に追加の設定をしてマルチサイト化する。 目次 ローカル環境へ WordPres…

続きを読む

いろいろなサイトで CSS プロパティをソートしてくれるパッケージ「CSScomb」が紹介されていたので、インストールしようと思い「Package Control」で検索すると「! DEPRECATED ! Please use CSScomb JS instead.」と表示される。代わりに「CSScomb JS」をインストールしたので、それに関するメモ（W…

続きを読む

Sublime Text に標準で付いている「Bookmarks」は作成したブックマークに名前が付けられないなど使い勝手がよくないということで作成されたパッケージとのことで、便利そう。 目次 概要 ブックマークに名前が付けられる セッションを越えて保存可能 プロジェクト内のどのブックマークにも移動可能 ブックマーク数の制限なし プロジェクトベースでのブックマ…

続きを読む

サーバ上の WordPress をローカル環境（XPMPP）に移行する方法についてのメモ。 XPMPP のインストールはすでに完了しているものとして省略（XPMPP のインストールについては以下を参照ください）。 XPMPP のインストール 以下は www.webdesignleaves.com をローカル環境に移行する例。 ローカル環境（XAMPP）にファ…

続きを読む

Sublime Text 3 のダウンロードと基本的な設定に関するメモ。 目次 ダウンロード 以下のページから自分の環境に合うものをダウンロード（以下は Windows 64bit 版） http://www.sublimetext.com/3 インストールはダウンロードしたファイルをダブルクリックして指示にしたがっていくだけでとても簡単なので省略。 設定 …

続きを読む