[WP]カスタムフィールドの改行について

カスタムフィールドの改行を反映させたいとき

<?php echo $hogehoge ?>

<?php echo nl2br($hogehoge); ?>

にする。
表示する文字列をnl2br()で囲ってあげる。

nl2br=nl(改行文字) to br(改行タグ)=『改行文字を改行タグにする』 ですね。

参考:カスタムフィールドで改行を有効にする -WordPress(ワードプレス) | 株式会社LIG

カスタムフィールドの改行やタグを抹消したいとき

逆に、何が何でも改行したくない。うっかり入れた余計なタグも無効にしたいとき。

<?php echo $hogehoge ?>

<?php echo sanitize_text_field($hogehoge); ?>

にする。

sanitize_text_fieldはWordPressのテンプレートタグ。
ユーザーが入力、またはデータベースから取得した文字列を無害化するそうです。

このタグ入れてるなら入力フォームはテキストエリアにしないでください!!って某既存テーマに訴えたい。。

参考:関数リファレンス/sanitize text field – WordPress Codex 日本語版

画像をポップアップ表示するシンプルなWordPressプラグイン

とにかく簡単にサクッとWordPressの写真をポップアップにしたいから、『wordpress プラグイン 写真 ポップアップ』で検索かけて上の方に出てきたシンプルそうなやつを入れた!(雑の極み)

Lightbox Plus ColorBoxというプラグイン

ググって1番目にヒットしたサイトはちょっと古めだったし、いろいろなプラグインがが紹介されていて、そうじゃない、選定する暇はないから君の一番のおすすめを教えてくれ!ってことでこちら。

WordPressで画像を自動的にポップアップ表示するプラグイン Lightbox Plus ColorBox | それからデザイン スタッフブログ

もちろんこの手のプラグインは過去いくつも使ったことがありますが。名前も思い出せないし、3年ぐらい前に見つけたやつなので、他にいいのがあるかも、と思いまして。
Evernoteの中の記録を探すより、Googleに聞いてみましたw

もちろん簡単に設置できました。
シンプルにただのポップアップとして使うのはもちろん、設定項目もいろいろあったので、カスタマイズの幅も広そうです。
こういったのを入れておくと、後々拡張したくなっとときも潰しが効くかもしれませんね。

あまりにも簡単に設置できたので、ついでに自分用メモとして、ここに書き残しておきます。

使い勝手のよいWPテーマ Ultimate

WordPress無料テーマUltimateがなかなかに使い勝手がよかったのでシェア。

ダウンロードはこちらから
Ultimate- Free Flat Responsive Business WordPress Theme

Ultimate- Free Flat Responsive Business WordPress Theme はてなブックマーク - Ultimate- Free Flat Responsive Business WordPress Theme

Themes Bundle! Get $265 Worth of Themes for Just $99. Buy Themes Bundle package now. Theme Horse Home Themes Plans & Pricing Support Login Ultimate

Ultimate素敵ポイント

ここいいな、と思ったところ。

最初からスライダーが付属している

あとからつけるとうまくいかなかったりあるある。
なのでセットになっているとありがたいです。

拡張性が高い

ページのテンプレートの種類が豊富。
トップページも2種類から選べて、それ以外のページもサイドバーの有無・左右・メインスペースの幅が細かく設定できます。
ウィジェットも対応しているものが多いし、いまいちレイアウトが崩れるものはCSSでサクッと調整すればいいですし。お寿司。

コーポレートサイトとしても、ブログとしても利用可能

上述したように、トップページのレイアウトが選べます。

CSSは管理画面からいじれる

わざわざ子テーマ作らなくていいのでちょっと楽です。

レスポンシブデザイン

一からレスポンシブ組む技能は私にはないので、もう既存のモノ頼らせてください。ありがとうございます。ありがとうございます。

無料版でもめちゃめちゃ使える

自分でCSS書ける方は無料版で十分だと思います。
逆にCSSなにそれという方は有料版だと簡単にカラーを変えられたりするようですよ。

難点もある

日本語の解説サイトが見つからない

あるのかもしれませんが、『Ultimate』と名の付く有名プラグインがいくつかあるので、検索してもそちらを積極的に拾ってきてくれるんですよね。私は自力(Google翻訳)でなんとかしました。
配布ページ( http://www.themehorse.com/themes/ultimate/ )にあらかた書いてあります。英語で。英語で。

WPやるならば、思うこと

英語に臆せず、ガンガン翻訳にかける、これ大事。

成果物

こちらのサイトになります。
テーマ本体はいじらず、子テーマも作らず、CSSをいじっただけです。

使ったプラグインもまとめてみたいですね。忘備録兼ねて。

アサイド

[WP]URLの変更を二度と間違わないための防備録

同じミスを二度やってしまった自分に驚愕。。
同じ過ちは繰り返さないためにメモ。

WordPressのトップページのURLを変更する方法

ちなみに、ミスというのは、「Wordpressnoアドレス(URL)」のとこを書き換えてしまったもの。
復旧方法はこちら。

一般設定で「WPのアドレス」を変更して、ログインできないときの対処法

STEP1とSTEP2に分かれていますが、どちらかを行えばOK、っぽい。
私はSTEP1ではどうもうまくいかなかったので、
STEP2でデータベースを直接いじりました。

1度目のときは、phpMyAdminが入っていないサーバーで、苦労しましたorz

もう、二度と間違わないぞっ!!

[WP]プロフィール画像を設定する

WordPressでコメントに返信を入れたときに、自分のプロフィール画像を表示させる。

管理画面に設定項目が見当たらなくて、ないはずなくない!?と思っていたら。

Simple Local Avatarsというプラグインを入れなきゃ駄目らしい。
それってどうなのー。デフォルトでないのー。
まぁ、簡単にできるからいいか。
こういったプラグインを作ってくれる方に感謝です。

[参考]
[WordPress] ユーザーのプロフィール画像を設定できるようにするプラグイン

[WP]ページテンプレートについて

WordPressのテーマ Twenty Twelve をカスタマイズしようとしていたら。

ウィジェットの設定ページに「フロントページウィジェットエリア」なるものが。
適当にウィジェットを設置してみても、どこにも何も反映されず。

正しい順序はこちら。

  1. フロントページに指定する固定ページを作成
  2. 「ページ属性」からテンプレートを「フロントページテンプレート」に指定
  3. 「設定>表示設定」から、フロントページの表示を1で作成した固定ページに指定
  4. サイトを見てみる

できたー。

ちなみに
「フロントページウィジェットエリア1」は左カラム
「フロントページウィジェットエリア2」は右カラム
ですね。

「フロントページウィジェットエリア2」の中身と幅をサイドバーと同じにしたら、トップページだけに”ようこそメッセージ”のようなものを入れる使い方もできそう。

[参考]
【WordPress】「Twenty Twelve」のページテンプレートを試してみた