Blog Archives

Sass導入参考サイト

レスポンシブwebデザイン参考サイト

Mobile Safariでのlabelの実装

Mobile Safariだとデフォルトでは label要素をタップしても関連付けたcheckbox等のclickイベントが発生しない。
labelを使用してclickイベントを起こすにはlabel要素に「onclick=””」を追加。

jsでは以下の様に対応

参考

Twitterの公式ウィジェットの高さを可変にする方法

Twitterの公式ウィジェットの高さが固定だと途中で内容が切れてしまう。
ので、高さを可変にする方法の覚書。

CSSで以下の場所の高さの指定をimportantで上書きすればOK。

.twtr-timeline { height:auto!important; }

TypeSquare使用方法

作業の流れ

  1. http://typesquare.com/ でユーザ登録
  2. マイページでWebサイトのURLを登録
  3. マイページの「導入方法」で発行されるjsコードを貼り付け
  4. 使用したいフォントを探し、フォント名をcssの「font-family」に記述

めも

  • 表示されるまでに1秒ほどのラグがある → 気になる場合はページ表示時にフェード効果をかけてごまかすなどなどした方が良いかも
  • カタカナの字間が気になる → HTMLで文字詰めするタイポグラフィー用JS

サムネイルがない場合に「no image」画像を表示

以下のようにif文で分岐させる

<?php if ( has_post_thumbnail() ):?>
<?php the_post_thumbnail('表示するサムネイル名');>
<?php else : ?>
<img src="noimage画像のパス" alt="noimage" />
<?php endif; ?>

カテゴリ別アイコン表示

プラグイン

表示方法

  1. プラグインをインストールすると「投稿」に「カテゴリーアイコン」のメニューが表示されるのでクリック
  2. 「オプション」でアイコンは置かれているパスを入力
  3. 「アイコン」でカテゴリごとにアイコンを設定
  4. 表示させたい部分に以下のコードをループ内に追加
    <?php if(function_exists('get_cat_icon')){get_cat_icon('link=false');}?>

    リンクする場合は「link=false」を「true」に変更

WordPressサイトの高速化

プラグインを使用

  • DB Cache Reloaded Fix ・・・ データベースのクエリをキャッシュするプラグイン
  • WP Super Cache ・・・ ページのキャッシュを作成するプラグイン

参考

サブドメインでのWordPressのマルチサイト化(WP3.x)

作業の流れ

  1. サブドメインの追加
  2. wp-config.phpを設定
  3. メニューに作成された「ネットワーク設定」で「サブドメイン」を選択
  4. /wp-content/内にblogs.dirフォルダを作成し、パーミッションを「777」に設定
  5. wp-config.phpを再度設定
  6. .htaccessを設定
  7. マルチブログ化されたブログに新しいブログを追加

めも

  • テーマフォルダが共有となっているため、同じテーマを使用した場合個別にテーマの調整はできない?
  • /wp-contents/と同列に/images/などを置くとどのサブドメインからでもアクセスできる(当たり前か。。。)

参考

query_posts()で指定した条件をクリアする

固定ページで記事の一覧を出してかつ固定ページの内容を出す場合、
そのまま記述すると固定ページの内容を出したい場所に記事の一覧で指定した条件が反映されてしまい固定ページの内容が表示ができない。

記事の一覧で指定した条件をクリアし、固定ページの内容を出すには以下のコードを記事の一覧のループ後に配置する。

<?php query_posts($query_string); ?>