この記事は最後に更新してから1年以上経過しています。

Fotepo：プラグイン作ってみました

ページのフォントをサクサクと変更する

説明

仕事柄、Chromeの「デベロッパーツール」を使ってページのフォントを変更することがある。そんな時、無効なフォント名を指定してしまったり、フォント名をまちがえることがあり、もう少しお手軽にできないかと思って作ったのが今回紹介するプラグイン「Fotepo」である。

プラグインのインストール方法はいつもと同じ。

「Fotepo」のアーカイブファイルを「こちら（15KB）」からダウンロード（（wordpress.org申請公開中））。アーカイブファイルを解凍したら、フォルダごと /wp-content/plugins/ の中にコピーする。
管理ページのプラグインページで「Fotepo」を有効にする。
ツールバー（管理バー）に「body (default)」メニューが追加されたら、インストール完了。

まずは基本機能であるbody要素のフォント変更から。

ツールバーの「body (default)」の上にマウスカーソルを移動すると、プルダウンメニューが表示されるので、さらに「font name」に移動するとフォント名が表示される。
「default」以外（ここでは「Helvetica」）をクリック。ツールバーの「body (default)」が「body (Helvetica)」に変わり、ページ全体のフォントが変更される。

もう1つの機能は、Ctrlキーを押しながらクリックした要素のフォントを変更するもの。「Fotepo」は使用しているテーマがツールバーに対応していれば、コンテンツサイト側でも使用できる。

ツールバーの「body (default)」の上にマウスカーソルを移動すると、プルダウンメニューが表示されるので、さらに「target」に移動し、「ctrl+clicked element」をクリック。
続いてツールバーの「element (default)」の上にマウスカーソルを移動すると、プルダウンメニューの「font name」から「Verdana」をクリック。
表示されているページ内で、フォントを変更したい場所でCtrlキーを押しながらクリック。

ちなみに、同じ場所でもう一度Ctrlキーを押しながらクリックすると、フォントの変更前に戻るようになっている。

フォントを変更したbody要素および任意の要素は、「font name」で「default」を選択することで変更前に戻すことができ、ページをリロードする必要はない。

Q. 「font name」サブメニューに表示されるフォントは何でしょうか。: A. 現在のブラウザで使用できる英語および日本語のポピュラーなフォント。

最終更新 : 2019年09月19日 08:47

wp_add_post_tags（2012年7月5日更新）

mixed wp_add_post_tags( [ int $post_id = 0 [ , string $tags = '' ] ] )

投稿情報に投稿タグを追加する。

get_tags（2018年5月27日更新）

array get_tags( [ mixed $args = '' ] )

条件を指定してタグ情報を検索し、マッチしたすべてのタグ情報を取得する。

wp_array_slice_assoc（2022年2月2日更新）

array wp_array_slice_assoc( array $array, array $keys )

キーを指定して配列の一部を抽出する。

get_post_permalink（2022年11月6日更新）

string | false get_post_permalink( [ int | WP_Post ~~$id~~$post = 0 [ , bool $leavename = false [ , bool $sample = false ] ] ] )

カスタム投稿タイプの投稿ページのパーマリンクを取得する。

remove_query_arg（2024年3月21日更新）

string remove_query_arg( string | string[] $key [ , bool | string $query = false ] )

クエリーURIからパラメータ（キー名=値）を削除する。