Monthly Archives: 7月 2014

WordPress YouTube動画をレスポンシブ対応に

YouTube動画

レスポンシブデザインでイメージは

img{
	max-width: 100%;
	height: auto;
}

といった感じにすれば横幅に合わせてイメージの大きさが変わってくれます。

これをYouTubeの動画でもやりたい。

<iframe width="600" height="338" src="//www.youtube.com/embed/$1" frameborder="0" allowfullscreen></iframe>

というiframeを埋め込むと、PCだと上のように表示されます。
こりゃまあ普通ですよね。
続きを読む

Custom Query String Reloaded → アーカイブ記事を昇順に

WordPressは標準ではアーカイブページは降順(新しい記事が上)で表示されます。
しかし、旅行記や作成記などは昇順(古い記事が上)にしたいので、これを入れました。

カテゴリーアーカイブや月アーカイブなど、アーカイブの種類別に一括で指定することも出来ますし、特定のカテゴリーのみを指定することも出来ます。
私は旅行に関するカテゴリーと月アーカイブを昇順にしました。

(参照元:記事数、記事の昇順降順を自由に設定 Custom Query String Reloaded | デザイン&カスタマイズ | 無敵のWordPress)(別ウインドー)

WP to TOP → ページトップにジャンプ

WP to TOP

ページ右下に「ページトップにジャンプする」ボタンを設置するものです。
デフォルトだとデザインがとてもしょぼいので、手作りのイメージを使ってカスタマイズしました。

まず設定で「Show only in posts, not all pages」のチェックを外します。

幅35ピクセル、高さ64ピクセルで矢印のイメージを作り、プラグインの適当なディレクトリにFTPでアップ。

続きを読む

WordPress Tabs Slides → ビヨーンと小窓

Wordpress Tabs Slides

文中のリンクをクリックすると、ビヨーンと小窓が出てきます。

{slide=ここをクリックしてみてください} ビヨーンビヨーンビヨーンビヨーンビヨーン
ビヨーンビヨーンビヨーンビヨーンビヨーン
ビヨーンビヨーンビヨーンビヨーンビヨーン
ビヨーンビヨーンビヨーンビヨーンビヨーン{/slide}

使い方は簡単。

{slide=ここをクリックしてみてください}
ビヨーンビヨーンビヨーンビヨーンビヨーン
ビヨーンビヨーンビヨーンビヨーンビヨーン
ビヨーンビヨーンビヨーンビヨーンビヨーン
ビヨーンビヨーンビヨーンビヨーンビヨーン
{/slide}

と書くだけ。
続きを読む

Search Regex → 正規表現で検索や置換

正規表現で検索や置換が出来るプラグインです。

たとえばYouTubeの埋め込みコードをDIVタグで囲むときは下記のように検索して置換しました。
(.*?)の部分に入っていた文字列が$1に入るようです。

|<iframe width="600" height="338" src="//www.youtube.com/embed/(.*?)" frameborder="0" allowfullscreen></iframe>|
↓
<div class="YoutubeWrapper"><iframe width="600" height="338" src="//www.youtube.com/embed/$1" frameborder="0" allowfullscreen></iframe></div>

(参照元:pc.casey.jp » [WordPress] 全記事の置換を行う – Search Regex)(別ウインドー)

Batch Cat → カテゴリーを一括で変更、追加

Batch Cat1

カテゴリーを一括で変更、追加出来ます。

私の場合「生活」カテゴリーはいろいろな記事に適用していたので、新たにいくつかのカテゴリーを作って振り直しました。
その場合、

ツール → Batch Cat

を開き、「生活」の「昇順」(ASC)で絞り込んでから行いました。

検索結果で

  • ハイテクまな板
  • ビアスムーザー、スクイッパー
  • ソリッドアライアンス、ストア

は「買い物」カテゴリーに変更します。
チェックを入れて…
続きを読む

Simple Tags → タグを一括管理

Simple Tags

タグを一括管理出来るようにします。

検索して特定の文字が含まれる記事に絞り込み、そこに一括してタグを振ったりします。
上のイメージでは、「大井町」という言葉で全文検索し、その記事に「大井町」というタグをつけています。

(参照元:WordPressでタグ管理ならこれ!高機能タグ強化プラグイン『Simple Tags』 | ワードプレスの使い方!初心者めっちゃ入門ガイド【ハイパー】)(別ウインドー)

古い