カスタマイズ

【WordPress】全角半角混在でも指定の文字数を取り出す最も簡単な方法

wordpress
ワードプレスはマルチバイトの文字コード(UTF8)を使っていることから、文字列の切り出しでは mb_substr() をよく使うと思います。ただ日本語文字を全角1文字、英数記号を半角の0.5文字とカウントして文字列を取り出したい場合、mb_substr() では半角の英数記号でも日本語の全角文字でも1文字とし...

【WordPress】register_settingで初期値を設定する方法は?add_optionを使うの?

wordpress
Settings APIを使ったワードプレスの設定画面では変数の初期値をどこで設定するのかが分かりづらい。register_settingで初期値の設定方法から、add_option、update_optionを使った方法までを解説。関数リファレンスでregister_settingの第三引数に初期値の設定が無く、コールバック関数の指定だけで問題ない理由も調査したメモ。

スクロール固定・追従するサイドバーウイジェット!cssだけで作る方法

CSS
サイドバーに表示している広告や目次などで、画面をスクロールしても画面の上とかに固定されて追従してくるものってありますよね?ワードプレスで使うテーマによってはそうした動作をするサイドバー専用のウイジェットが用意されている場合もありますが、私が使っている賢威8にはないようです。そこでここではテーマにそうしたウイジ...

【WordPress】翻訳を手伝いませんか?で readmeの日本語翻訳追加!翻訳編集者になって商品するまでを解説

wordpress
自作プラグインの承認後、公式ディレクトリのSVNにコミットした後に readme.txt も英語に直してます。プラグインのページを見てみるとすぐ反映されてますが、日本語環境の場合にはやっぱり日本語で表示してほしい。ということから、wordpress.org 上で日本語の翻訳追加して、ついでに翻訳編集者の申請を...

【WordPress】公式ディレクトリへヘッダ画像とアイコンのアップロード

wordpress
自作プラグインがワードプレスのレビューチームに承認され、SVNレポジトリにファイルをアップロード(チェックイン)したら一区切り。この後にやったこととしては、折角なのでプラグインページに表示されるヘッダ画像と、プラグイン一覧に表示されるアイコンも作ってアップロードしてみました。画像の大きさやファイル名、実際のア...

【WordPress】TortoiseSVNでプラグインを公式ディレクトリにアップロード!手順の詳細解説

wordpress
ワードプレスのレビューチームから承認をもらったら(レビューが終了したら)いよいよ公式ディレクトリへのアップロード(チェックインなんて表現しますね)。何か難しそうな感じがしてましたが、やってみれば単にここで紹介している手順を1つ1つすすめるだけで、簡単でした。ここでは実際に作成してアップロードした「Ad Aut...

【WordPress】プラグイン公式ディレクトリ申請時のコードレビューで指摘された点まとめ!

wordpress
自作プラグインをワードプレスの公式ディレクトリに申請しようとした時に、必ず通過しないといけないのが、ワードプレスのレビューチームによるコードレビュー。「Ad Auto Insert H」というプラグインを申請した時を例に、どんなレビュー結果が来るのかと、その時の対応を備忘録的にまとめてます。プラグイン申請時の...

【WordPress】URLに#038;が入るのはエスケープ処理が原因?具体事例と解決法のご紹介

カスタマイズ
「&」はHTMLエンティティ( & と ; で囲まれた文字列)の1つで、HTMLでは「&」(アンパサンド)を示すものになりますね。( 「&」も「&」に同じ)ワードプレスの自作プラグインとかでWP_Queryを使って記事の一覧表示させてページネーションを付けた場合、ページネーションの...

【WordPress】記事本文などの横幅、縦幅を簡単に調べる方法

CSS
画像の横幅は最大どれほどが良いかなど見るときに、表示される領域(記事本文など)の横幅や縦幅を調べたい場合があります。ここではグーグルクロームの開発者ツール(デベロッパーツール)を使って簡単に横幅を調べる方法のご紹介。※)クローム以外でも同等の機能があると思いますので、探してみてくださいね。調べたい個所同じ方法...

Settings APIの使い方まとめ!サンプル作成からでデザインカスタマイズまで

plugin
ワードプレスのSettings APIの使い方まとめ。管理画面へのメニュー追加からセクション、フィールドの追加、ラジオボタンやチェックボックスの使い方。またregister_settingの初期値の設定法や変数を配列にまとめるサンプルコード、CSSデザインカスタマイズまで。

【WordPress】CSSやJavaScript,jQueryを簡単追加する方法!プラグインのおすすめ

CSS
ワードプレスでカスタマイズをする、となると、必ず出て来るCSSやJavaScript, そして jQuery。ネットで検索するとサンプルコードは沢山出てきますが、実際にそれらのコードをワードプレスに反映させるにはどうするか?とそもそものところが難しい、という感じです。こうしたところはプラグインを使えば超簡単。...

ツイッターやインスタの遅延読み込み!ページ表示スピードアップのための工夫(Lazy Loadだ!)

SEO
ページの表示スピードは検索順位を決定する要因にもなることから、なるべく早く表示するように工夫していくと良いですね!ページスピードを上げるのによくあるのが画像の遅延読み込み(Lazy Loadと言われるもの)。ワードプレスでは専用のプラグインがあったりCoconnなどテーマによってはそもそもそうした機能を備えて...

WordPressでjQueryが動かない場合の対処法!コードの書き方と読込みタイミング

wordpress
Wordpressで何かカスタマイズがしたい場合、jQueryというものが必要になる場合があります。私の場合もカスタマイズでどうしても jQuery が必要になり、恐る恐る使ってみたところ、なぜか動作をせずにさんざん悩みました。解決法は至って単純でポイントは以下3点。jQueryが使える環境になっているかコー...