Web Design Leaves

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

以下のサイトで WordPress のセキュリティ（ブルートフォースアタック対策）に関する記事を見つけたのでメモ。 WordPress wp-login.php brute force attack ブルートフォースアタック対策 次は記事で推奨されている内容。 強固なパスワードを使用する。 デフォルトの管理者ユーザー名「admin」を使用しない。 wp-ad…

続きを読む

特殊なケースだと思われるが、先日使っているホスティングでサブドメインを作成して、そこに WordPress をインストールし、ログインページにベーシック認証を設定したところ、以下のようなエラーになった。 Firefox ページの自動転送設定が正しくありません このアドレスへのリクエストに対するサーバの自動転送設定がループしています。 Chrome このウェブ…

続きを読む