「カスタマイズ」の記事一覧

【WordPress】設定画面の作り方|初心者にも分かりやすく解説!

ワードプレスの管理画面に自作の設定画面を追加したり、プラグインを自作する上で設定画面を作る方法を簡単に分かりやすく、でも詳しくも知りたい! ということで、初心者でも分かる(つまり私でも分かる笑)ように、1つ1つ順を追って設定のサンプルを作ってみたいと思います。 ここでいう初心者とは、本職の […]

【WordPress】設定画面へラジオボタンやチェックボックスを追加で完成形へ

ワードプレスで Settings API を使って設定画面を作ります。 以下の記事で、ワードプレス管理画面へのメニュー追加から、セクションを作ってフィールド(URLの入力項目)を1つ作りましたが、ここではその続き。 【WordPress】設定画面の作り方|初心者にも分かりやすく解説! 複数 […]

【WordPress】フォーム内ラジオボタンにcheckedを入れる方法

ワードプレスで独自プラグインや設定を作る場合、よく利用するラジオボタン。 チェックされた設定を保存した後、その設定を読み込んで「checked」を入れる方法の覚書メモ。 ラジオボタンの基本形 値を取得して checked を付ける ラジオボタンの選択状態を取得して、その値に基づいて che […]

【WordPress】複数チェックボックスの値取得と設定反映!checkedはどうやって入れる?

独自の設定や自作プラグインを作っていてはまってしまったチェックボックス。 ワードプレスのSettings API を使っているからか、name属性に何を設定するのか、送信したデータ(配列)を取得してその値をもとにフォーム内のinputタグにchecked を付けるのはどのようにしたらよいか […]

【ヘッダタイトル】文字だけのロゴ画像の作り方!背景を透明にする方法(PhotoScape編)

ブログのヘッダー画像を設定すると、テーマによってはそのヘッダー画像の上にサイトタイトルやキャッチフレーズが表示されるものがあります。(Cocoonなど) 背景の画像の上にタイトルの文字が乗るため、背景の画像に溶け込んだりしてタイトルの文字が見づらくなる場合がありますが、こうした時には文字だ […]

【WordPress】ハイフンとアンダースコアの使い分け

ワードプレス用に自作プラグイン作成してると、ワードプレスのドキュメントに命名規則(コーディング規約)があり、そこにハイフン( – )とアンダースコア( _ )の使い分けが書かれている。 ここでそのハイフンとアンダースコアの使い分けを整理しておくメモ。 ワードプレスのコーディング […]

【WordPress】投稿一覧に最終更新日からの経過日数を表示する

ワードプレス管理画面の投稿一覧に「記事の最終更新日から何日経過しているか」の列があると良さそうですよね。 記事を投稿したり最後に更新した日から何日たっているのか経過日数の表示があると、記事更新の目安にする(1カ月以上経ったら見直すなど)に活用できそうです。 ということで、早速追加してみまし […]

【WordPress】投稿一覧に更新日の列を追加する方法

ワードプレスにログイン後の管理画面にある投稿一覧では、日付順(投稿日順)には見れますが、最終更新日順の列がない! 更新日順の並替えができると、過去記事の見直しをする場合も、どの記事がまだ更新できてないか、最終更新順に並替えて(古い順に見たりすれば)すぐわかって便利です。 ということで、実際 […]

【CSS】ふわふわドキドキ動くボタンの作り方!上下や拡大縮小アニメーション

ふわふわ動くボタン、ドキドキ動くボタンの作り方をご紹介。 上下にさり気なくフワフワしたり、拡大縮小を使って浮かび上がったり沈んだりと、CSSを使えば、ちょっと目を引くアニメーションボタンが簡単にできますね。 【ドキドキ動くボタン1】 【ポン!と動くボタン2】 【ゆったりフワフワ浮遊ボタン】 […]

【CSS】光るボタンアニメーションの作り方!カスタマイズまで手順を詳しく解説

コクーン(cocoon)などのテーマで「キラッと光が横切るアニメーション付きのボタン」があったりしますが、何気にカッコいいし、目立ってクリック率も上がりそうですよね。 ということで、ここではHTML, CSSを使って「自作で光るボタンの作り方」をご紹介。 できあがりは、ほぼコクーンの光るボ […]

【Cocoon】タイトル下に記事抜粋(ディスクリプション)が表示されない時の対処法

Cocoonは無料の人気のテーマで、私も賢威以外ではよく使いますし、他の方にもおすすめしたりしてます。 ただ、どうもトップページの表示(記事の一覧表示)で、モバイル表示(スマホ表示)で見ると、各記事のタイトル下に記事の説明(記事の抜粋:メタディスクリプション)が表示されないようですね。(パ […]

【WordPress】プレビュー時だけ上の黒いバー(管理バー)を非表示にする方法

投稿や固定ページの編集で「プレビュー時のみ」上段の黒いバー(管理バー/ツールバー)を非表示にする方法。 ユーザー設定で管理バーを非表示にすると全ての場面で管理バーが非表示になって使いづらい。プレビューだけを判別するクラスを追加してCSSを設定すれば、投稿や固定ページのプレビュー時のみ管理バーが消え、その他の画面では表示されるのでワードプレスの使い勝手を落とさずプレビュー画面を実際の画面と同じように見ることができる。

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

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