*

AddQuicktag でコードやタグを登録WordPressの投稿を便利に

公開日: : 最終更新日:2018/04/04 WordPress

投稿画面のビジュアルでは以前にTinyMCE Advancedでボタンを増やせるという記事を書きました。

今はほとんどテキストモードを使うので、ビジュアルでの便利なボタンの代わりに手動でコードやタグを入れています。

これ、なんとか楽にできないかと探したところ、ありました!(^^)

AddQuicktagというプラグインです。

スポンサーリンク

AddQuicktagとは

よく使うコードや<h3>タグなど、頻繁に使うタグやショートコードをあらかじめ登録しておき、無料ブログのように、ワンクリックボタンで装飾をできるんです。

ショートコードとは? [〇〇]のように記述するもので、詳しくは次の記事を参照してください。

ビジュアルモードではボタンをクリックするだけで装飾ができますが、テキストエディタではそのボタンがなければ自分で<u>文字列</u>(下線)のように記述するものです。

AddQuicktagのインストール

さっそくインストール。

ダッシュボードの設定「AddQuicktag」を選択します。

プラグイン検索

プラグインが表示されたら「今すぐインストール」をクリックします。

AddQuicktag

クリックしたところが「有効化」に変わったらそれをクリック

これでインストールは完了です

有効化

AddQuicktagの設定

入れただけでは使えないので設定をします。

ダッシュボードの左側から「設定」⇒「AddQuicktag」をクリックします。

設定

設定画面が表示されます

設定画面

①ボタン名 設置するボタンに好きな名前をつけます

②よく使うタグを登録します。(例:<h2></h2>(見出し2)

設定

③アクセスキーと順番の欄は順番を指定したい場合のみ入力します。

空欄にすると 保存した時に自動的に順番が割り当てられます。

「Access Key」というのはショートカットキーのことです。

が、いろいろ試したもののダメでした。なのでここはパス。<(_ _)>

「順番」は、エディタの上に並べるボタンの順番(自分で登録したもののみ)を指定するもののようです。

空白のまま登録すると、登録順でボタンが並びます。

④AddQuicktagが使える場所

チェックマークをいれる「post」や「page」はどこで AddQuicktag のボタンを表示させるかという設定です。

一番右のチェックマークにチェックをつけるとすべてにチェックマークが付きます。

チェックマークがひとつも入っていないとボタンが表示されないので注意してくださいね。

設置場所


ビジュアルエディター 投稿画面・固定ページのビジュアルモード

post 投稿画面のテキストモード

page 固定ページのテキストモード

attachment メディア編集ページ

comment 管理画面のコメント返信

edit-comments 管理画面のコメント編集

widgets ウィジェット

登録が終わったら、「変更を保存」で完了です。

この要領でよく使うタグを登録していきます。

1個のタグを投稿したら、変更を保存 を押します。

登録した下に次の新しい入力欄が出現します。

面倒ですが、1個入力して保存、また1個入力して保存と繰り返します。

必要なだけ複数のタグを登録できます。

ただし、一度登録したものを修正する場合など、新しい登録のついでに直せばできます(新しい登録の後「変更を保存」をクリックする前に、修正してから保存すればOK)

★☆★ 追記 ★☆★

設定画面を下の方にスクロールすると、「pre」と「htmlentities」の項目があります。

•preタグ 

スペースや改行などをそのまま表示してくれます。

perとはpreformatted textの略で、日本語では「整形済みのテキスト」という意味になります。見やすいように半角スペースや改行などで形が整えられたテキストのこと。
チェックを入れるとスペースや改行がそのまま表示されます。

•htmlentities :

htmlをそのまま表示できるように変換してくれるボタンを表示します。

「HTML Entitiesボタン」と「Dedode HTMLボタン」を表示します。

HTML Entities・・・   
   HTMLをそのまま表示できるように変換。

Dedode HTML・・・   
   そのまま表示できるように変換したものをHTMLに戻す。


図の<strong>などの<>の部分はプレビューした時に表示されません。
タグの中の要素が実行されてしまいます。

でもWordPressなどで説明として画面に表示させたいときには

<>をそのまま<strong>のように記述する必要があります。
その場合は<と>の部分は図のように記述し直します。

タグ
これって結構面倒!

波空
それを解消してくれるのが「HTML Entitiesボタン」なんです。
<strong>を範囲してボタンをクリックするだけ(^^)


ここの説明でも使ってみました(*^^*)便利!便利!

スポンサーリンク

AddQuicktagの使い方

登録が終わったら実際に使って確認してみます。

使い方は標準ボタンと同じです。

ビジュアルモードでは「Quicktags」という選択欄が追加されていて、ここから登録したタグを呼び出せます。

ビジュアルモード

テキストモードでは、ボタンで表示されています。

テキストモード

●テキストを選択したらボタンをクリック

投稿画面で確認してみます。

図のようにボタンを使う文字列を範囲指定してからボタンをクリックします。

投稿の確認

プレビューでみるとちゃんとでました(^o^)成功です。

プレビュー

よく使うSpeech Bubbleも登録してみました

範囲指定してボタンをクリツクします

吹き出し登録

ショートコードに変わりました

コードに変換

プレビューで確認、OKです(^o^)v

プレビュー

なお、定型文を登録することもできます。この場合はすべて「開始タグ」にいれておきます。

登録したタグを削除する方法

タグを削除する方法は各項目の記述をすべて消して「変更を保存」します

チェックは消さなくても大丈夫です。

エクスポートとインポート

一番下には「エクスポート」と「インポート」の項目があります。

バックアップしたいときや複数サイトで使いたいときは、「エクスポートファイルのダウンロード」で任意の場所に保存します。

エクスポート

また、他のブログのWordPressでも使いたいときはインポートします。

インポート

参照をクリックして保存した場所にある「json」ファイルを指定します。「ファイルのアップロード・インポート」をクリックするとインポートされます。

まとめ

波空
テキストモードでの記事の装飾などがかなり楽になりますね

定型文やショートコードが登録できるのが嬉しい限りです。
猫にゃん
これからは会話も楽にできるにゃん(^^)

是非入れて活用してくださいね

前の記事 WordPressのバックアップはAll-in-One WP Migrationプラグインで初心者でも簡単

次の記事 Table of Contents PlusでWordPress記事に目次自動生成

WordPress一覧へ



にほんブログ村



日々の出来事 ブログランキングへ

 

スポンサーリンク




スポンサーリンク




Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


梅雨とは?梅雨(つゆ)の語源とは?いろいろある梅雨の種類

今年の梅雨入りはまだ?とか、梅雨明けは?とか、普段、会話で普通に出てく

七夕にぬりえで遊ぼう!無料ダウンロードサイト紹介 折り紙もあるよ^^

七夕の日あなたは何をしてすごしますか?^^ 笹竹に七夕のお飾りや短冊

笹に七夕飾りをするわけは?七夕飾りの意味と短冊の色や飾る期間は?

いろんな行事でそれぞれになにかを飾ったり、供えたりしますよね。 雛祭

七夕とは?たなばたと読むのはなぜ?由来は乞巧奠と棚機つ女信仰から

子供の頃から7月7日になると空を見上げては織姫と彦星の話を思いだし、雨

お中元を贈った場合やいらない場合の困ったときの対処は?やめたい時は

日本では季節ごとに行事が目白押しですが、夏前になるとお中元の時期。

→もっと見る

  • こんにちは。波空です

    好きなことを自由にやりたくてアフィリエイトにチャレンジ中

    好きなものは
    アニメ・漫画・ゲーム・お絵描き・映画を観ること・パソコンで遊ぶこと・チョコレート・中島みゆきさんの歌・・

    やりたいことは・・
    空を飛びたい・馬に乗って自由に走り回りたい・猫を飼いたい・・

    いろいろあるけど、まずは資金と自由な時間を確保しないと進まない。
    日々どうしたらできるか考えながらリアル仕事に追われています。

PAGE TOP ↑