*

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

公開日: : 最終更新日:2018/01/02 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一覧へ



にほんブログ村



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

 

スポンサーリンク




関連記事

トラブル疲れ

WordPress 投稿モード切替とサイトアイコン操作時点滅の対処

WordPressに引っ越すまででもいろいろありましたが、ここでは引っ越してからのヘッダー周りの設定

記事を読む

プラグインbrBrbrでテキストモードの改行をそのまま表示

このプラグインの製作者のページには 「改行が改行しただけ改行したまま改行する」とあります。 改行

記事を読む

イメージマップの画像

1枚の画像に複数リンク!その2 イメージマップの作り方手順

前回の続きです。 イメージマップの元になる画像を用意し、名前をつけました。 画像の座標も

記事を読む

プラグインBroken Link Checkerでリンク切れをチェック

ブログの中で外部にリンクを貼ることがありますよね。 そのリンクが切れているかチェックしてくれるプラ

記事を読む

画像の編集 Picture ManagerとPhotoScapeの使い方

WordPressに引っ越して少し落ち着いたところ。 テンプレートはStinger3 ヘッダー画

記事を読む

プラグインPubSubHubbubで記事更新リアルタイム通知

PubSubHubbub PubSubHubbubは、パブサブハブバブと読みます。 略して、P

記事を読む

プラグインWordPress Ping Optimizerでスパム回避のping送信

ブログを作っているとping送信ということばを聞くと思います。 なんだかよくわからないけど、いろ

記事を読む

お名前.comからXserverにドメイン移管 | 完了まで

ドメインは、取得してくれた事業者とは別の事業者に管理を移すことができます。 なので1か所にまとめよ

記事を読む

プラグインContact Form 7-問合せ簡単作成のカスタマイズ

前回はContact Form 7-の基本的な使い方で「お問い合わせ」なんか作ってみました そのほ

記事を読む

画像のキャプチャ編集ができるMonosnapインストールと起動メニュー

Skitchというソフトをおしえてもらいました。 画像に矢印とか文字とか囲い枠とかいれられるソフト

記事を読む

スポンサーリンク




Message

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


花見弁当
お花見とは?なぜ桜なの?意味や由来 花見の風習いつから?日本だけの文化?

春になるとお花見シーズン到来とばかりに、お花見の名所には人が集い、桜の

後片付け
バーベキュー初心者 現地でやることは?炭おこしや焼き方&後片付け

前回の続きです。 バーベキュー初心者 はじめての場合に必要な準備

バーベキュー初心者 はじめての場合に必要な準備とやることやいるもの

暖かくなるとバーベキューなんてやってみたくなりますよね(^^)

駄菓子から元祖梅ジャムが消えた 昭和の味駄菓子の歴史と駄菓子屋の今

この前ニュースというか、テレビで梅ジャムが消えたという話題をやっていた

エプロンとは?いつから?つける意味や必要は?メリットを考えてみた

普段エプロンてつけていますか?つける派つけない派ありますが、もとい、エ

→もっと見る

  • こんにちは。波空です

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

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

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

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

PAGE TOP ↑