「wordpress」の記事一覧

【WordPress】公開済み記事の修正・編集を下書き保存・一時保存する方法

ワードプレスで既に公開している投稿や固定ページを編集する場合、修正している途中で一時的に保存したい、下書き保存できれば、と思う時があります。 簡単な修正であればチョロッと編集してその場で更新すればよいですが、割と大掛かりな修正(時間がかかる修正)とか、用事があって途中で中断したい、などの場合が結構困 ...

【WordPress】ブログで必須のSSL化!誰でも分かるhttps化4つのステップ

今や当たり前になったブログやサイトの常時SSL化。 SSLとは、見た目的に言えば今まで「http://~」といったURLでアクセスしていたものが、”s”が追加されて「https://~」でアクセスできるようになったもの。 超ざっくり言えば「送信するデータに関して漏洩することなく安全なアクセスができる仕組み」といったものになりま ...

moreタグの入れ方と使い方!WordPressの基本

ワードプレスで「moreタグ」(続きを読むタグ)の入れ方、使い方を見ておきましょう。 「moreタグ」はその本来の使い方より、アドセンスなどの広告を表示するのに大活躍しますので、最初の内から記事の中に入れる習慣づけしておくと、後で楽ですよ。 一度やってみればすぐ覚えますので、ここでその操作、覚えておきましょう ...

Urvanov Syntax Highlighterをブロックエディタでクラス指定する方法

前身の「Crayon Syntax Highlighter」でもそうでしたが、後継の「Urvanov Syntax Highlighter」でも、クラシックブロックを選んでコードのアイコンクリックしてコードを追加...というのが何か少し手間に感じてしまう ^-^;) クラシックブロックを使わずに単にコードブロック追加してコードをそこに貼る、みたいな使い方を ...

サーチコンソール登録手順!プロパティ追加のドメインとURLプレフィックスの違いとは?

グーグルの「サーチコンソール」は非常に便利なツールですが、サーチコンソールへの登録(プロパティの追加登録の手順)に少し戸惑います。 プロパティタイプを「ドメイン」「URLプレフィックス」と選択できるようになってますが、特に「これからサーチコンソールに登録して使ってみよう」という場合には、やり方が分からな ...

Urvanov Syntax Highlighterでツールバーを日本語化する方法

「Crayon Syntax Highlighter」の後継「Urvanov Syntax Highlighter」に乗り換えましたが(機能や設定は全く同じ。設定は日本語対応もされている)、この機会にツールバーのアイコンメニューも日本語化してみました。 見る人に最もよく使われるのが「コピー」だと思いますが、それだけでも文字のメニューにして視覚的により ...

【WordPress】画像に枠を付けるとぼやける?等倍で綺麗に表示する方法

画像にフレームというか枠をCSSで付けると、画像が等倍で表示されず「ぼやける」「滲む」(にじんむ)場合があります。(特に画像に文字が入っていると気になったりしますよね) 枠の分だけ画像が縮小されることが原因ですが、その場合CSSの設定はどうするのが良いか、ぼやける理由の詳細や、ぼやけない画像の基本、ワード ...

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

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

【WordPress】記事一覧で抜粋の文字数を揃えたい!全角半角混在でも同じにする方法

ブログの記事一覧では、記事のタイトル下に記事の抜粋が表示されると思います。 この抜粋、日本語の全角文字や全角記号、半角の英数記号が混在の場合、全角文字が多いか半角文字が多いかで見た目の文字の量も異なり、抜粋の表示を全体で見たとき整って見えない。 細かいところですが、この「全角文字、半角文字」が混在でも ...

【WordPress】抜粋を入力するとそのまま表示される?文字数制限や「続きを読む」を付ける方法

ワードプレスでサイドバーにある「抜粋」を入力すると、記事の一覧表示でタイトル下に表示される抜粋の文字数が制限なくそのまま表示されたり、文字が切れるときの記号というか「続きを読む」表現が付かない、なんてことがありますね。 使っているテーマによるものですが、たとえば私が利用しているテーマ「賢威」では、抜 ...

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

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

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

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

【WordPress】管理画面や記事作成画面にCSSを反映させる方法!プラグインを使って簡単に行うには

ワードプレスログイン後の管理画面(記事投稿一覧など)や記事編集画面(エディタ―)でCSSを追加・反映させる方法の解説。CSSを反映させる基本はテーマのための関数(functions.php)に関数追加して… となりこれは結構面倒。ここではプラグインを使って簡単に管理画面にCSSを追加する方法をご紹介。

add_settings_fieldのidはinput要素のid属性と同じにする必要はない?

ワードプレスの関数リファレンス(日本語版)では Settings APIのadd_settings_field関数にはパラメータ$idがあり「input要素のid属性と同じにする」旨の記述がある。実際には同じにしなくても動作するが、どういった場合どのような理由で同じにする必要があり、どのような場合には同じにする必要がないのか調べてまとめて ...

【WordPress】CSSを別ファイルで読み込む方法|SettingsAPIでの個別ページ反映

SettingsAPIを使って自作プラグインや独自の設定画面にCSSを反映する方法の解説。wp_register_style()、wp_enqueue_style()を使うがポイントはwp_register_style()を実行する時に使うフック。(wp_enqueue_scripts か admin_enqueue_scripts か)サンプルコードで実際CSSを読み込んでそのページだけにCSSを反映させる動作検 ...