最近の覚書やメモ

Web 制作に関する個人的な覚書やメモです。記事中の内容やコード等には、誤りなどもある可能性があることをご了承ください。また、内容を利用される場合は、あくまでもご自身の責任においてご利用ください。

New Web 制作リファレンス
もう少し整理された形式のWeb制作参考資料です。

htmlcss Google カレンダーをレスポンシブ対応に

2014年5月20日

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

続きを読む

wordpress WordPress プラグイン Biz Calendar

2014年5月19日

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

続きを読む

jquery jQuery レスポンシブ・スライダー bxSlider

2014年5月18日

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

続きを読む

wordpress WordPress のマルチサイトを使った2ヶ国語のサイトの作成

2014年5月18日

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

続きを読む

htmlcss CSScomb JS を Sublime Text 3 で使ってみる

2014年4月30日

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

続きを読む

htmlcss sublimeBookmark:Sublime Text でブックマークを付けるパッケージ

2014年4月29日

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

続きを読む

wordpress サーバ上の WordPress をローカル環境に移行する方法

2014年4月28日

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

続きを読む

htmlcss Sublime Text 3 のダウンロードと基本的な設定

2014年4月25日

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

続きを読む

htmlcss Firefox の表示(文字などの)サイズ

2014年4月25日

Firefox の文字サイズが他のブラウザと比較して大きいのが気になる場合の対処法。 ハードディスクを入れ替えてすべて再インストールしたため同じことを調べたので(1年前に行ったことをすっかり忘れていたので)メモ。 Firefox の場合バージョン22から、PC のディスプレイの設定により表示される(メニューバーや本文などの)文字等の大きさが異なるようで、ディ…

続きを読む

htmlcss XAMPP (Windows) のダウンロードとインストール

2014年4月25日

新しいバージョンの XAMPP に関しましては以下のページをご覧ください。(2018年7月) XAMPP のインストール方法と基本的な使い方 XAMPP(Windows版) のダウンロードとインストールに関してメモ(以前インストールしたときと少し違っていた)。 ダウンロード 「ダウンロード – Xampp」(https://www.apachef…

続きを読む