最近の覚書やメモ

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

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

htmlcss Prepros で Compass を使ってみる

2013年8月16日

Prepros をインストールして Compass を使った際のメモ。 config.rb の設定が反映されない? 追加情報 2013年8月31日 Version 3.0.0 で config.rb の設定が反映されるようになりました。 昨日 Prepros を起動したところ画面上部に「贈り物」のようなオレンジ色のアイコンが表示されていたのでクリックすると、…

続きを読む

htmlcss Zen-coding (Emmet) を使ってみる

2013年8月15日

Zen-coding (Emmet) に関するメモ。 Zen-Codingは、HTML と CSSをショートカットや短縮記法でコードを書くことができるライブラリで、多くのアプリケーションで提供されている。そのZen-Codingが、「Emmet」とリネームされて2013年2月24日に正式リリースされた。 エディタやオーサリングツールなどによって使用できるメニ…

続きを読む

htmlcss Sass の基本的な使い方のメモ

2013年8月15日

目次 更新:2016年5月20日 Sass は Syntactically Awesome Style Sheets (構文的に素晴らしいスタイルシート) の略で、CSS を便利に使えるように拡張した言語です。 Sass には Sass 記法(拡張子 .sass)と SCSS 記法(拡張子 .scss)の二つの記法がありますが、ここでは SCSS 記法(拡張…

続きを読む

htmlcss Yahoo Pure を使ってみる

2013年8月9日

Pure は Yahoo! が公開している CSS フレームワーク。その基本的な使い方のメモ。 Pure の読み込み Pure/Customize: Choose the modules that you need 以下を head 要素内に記述するだけ。(各機能別に読み込むことも可能) ボタン Pure/Buttons: Simple CSS for Bu…

続きを読む

wordpress WordPress のテーマを jQuery Mobile でスマートフォン対応に

2013年8月1日

PC 用に作成した WordPress のテーマを jQuery Mobile を使ってスマートフォン対応にする際のメモ。 PC とタブレット端末には、すでに作成してあるテーマを使用し、ユーザーエージェントによりテーマを切り替えるプラグインを利用して、スマートフォン用に jQuery Mobile を使ってテーマを作成。 以下は参考にした主なサイト。 jQu…

続きを読む

wordpress WordPress で Favicon(ファビコン)を表示

2013年7月9日

WordPress で Favicon(ファビコン)を表示する方法のメモ。 Favicon に使う画像を作成して用意する。(X-Icon Editor などを利用) Favicon に使う画像の名前は「favicon.ico」にする。 Favicon の画像を使用中のテーマのメインディレクトリに配置する。 (/wp-content/themes/テーマ名) …

続きを読む

jquery jQuery で作成した機能が Firefox の最新バージョンで機能しない

2013年7月7日

Firefox の最新バージョン(22.0)になってから、この PC では画像が大きく表示されぼやけて見えるようになった。 また、コードなどを記述する pre 要素にマウスオーバーすると幅が自動的に広がるようにする機能を jQuery で以下のように記述して実現していたが、マウスアウトする際に、今までは元の幅に自動的に戻っていたのに、戻らなくなった。(「jQ…

続きを読む

wordpress WordPress 投稿に挿入した画像を Lightbox のように表示

2013年7月7日

プラグインを使わずに投稿に挿入した画像を Lightbox のように表示する方法のメモ。 対象はその投稿に対してアップロードした画像。例えば、他の投稿に対してアップロードした画像を使用(挿入)している場合はこの方法ではその画像の情報は取得できないので正しく表示されない。 追記 2014年1月8日 過去にアップロードした画像を使用(挿入)している場合」にも(お…

続きを読む

wordpress アイキャッチ画像や「メディアを追加」で生成されるサムネイル

2013年7月4日

この記事の内容は古く誤りがある可能性があります。 投稿タイプにより生成されるサムネイル画像を制御する方法については、以下の最新の投稿をご覧ください。(2019年5月23日) WordPress 特定の投稿タイプのサムネイル画像を自動生成させない 以下は古い内容です。 アイキャッチ画像の設定や「メディアを追加」(本文に挿入するしないに関わらず)を行うと、「設定…

続きを読む

wordpress WordPress 特定のタームを除外(含む)したリストを返す

2013年7月1日

投稿ごとのカスタム分類のリストを得る「get_the_term_list」は特定のタームを除外したりすることができないので、これをカスタマイズした際のメモ。 get_the_term_list()は「/wp-includes/category-template.php 」に以下のように記述されている。 これを以下のようにカスタマイズして、特定のタームを除外で…

続きを読む