WordPressの勉強がてら

WordPressの初心者が独学でホームページ作成したときの技術メモ

WordPressの勉強がてら

ショートコードやタグを登録して簡単に呼び出す

      2015/03/26

WordPressの記事を登録するときショートコードやタグなど手で打つのはめんどくさいですよね。そんなときWordPressプラグイン「AddQuicktag」を使えばワンクリックで打つことができます。

スポンサーリンク

 

ショートコード登録してみる

ここではソースコードを美しく表示させるプラグイン「SyntaxHighlighter Evolved」のショートコードを登録してみます。

登録するショートコード

 

早速インストールして設定

インストールして有効化すると「設定」メニューに「AddQuicktag」が追加されます。これを選択すると下記のような画面が表示されます。

 

ショートコードを登録

下記のように、追加したいコードを入力する。投稿画面のビジュアルエディタにボタンを表示させたいので「ビジュアルエディター」と「post」にチェックを入れる。

これで完了。簡単!

 

使ってみる

投稿画面を見てみましょう。

ビジュアルエディタを見て「ツールバーの切り替え」ボタンを押してみると「Quicktags」メニューが追加され先ほど登録したコードのリストが表示されます。

 

ショートコード挿入

上記のように文字列を選択してQuicktagsを選択すると、下記のように”開始タグ”、”終了タグ”で登録したタグで囲むことができます。

できました。

これが基本的な使い方ですが、定型文の入力に使ったりしてもいいかもですね。

また、今あるボタンを消したり、設定をエクスポートして他のWordPressへインポートする機能もあるようです。

 

 - WordPress

  • このエントリーをはてなブックマークに追加

  関連記事

wordpress情報
Contact Form 7をレスポンシブ対応する

お問い合わせフォームを作るときに定番のプラグイン「Contact Form 7」 …

wordpress情報
ログオフせずに簡単にユーザーを切り替える

会員制のサイトや、クライアントの権限を「編集者」として引き渡しする場合など、動作 …

wordpress情報
特定のページのみSSLに対応させる

申し込みページに住所等の個人情報を入力する場合は、情報流出を防ぐためSSLを導入 …

wordpress情報
管理画面(ダッシュボード)のメニューの表示/非表示を手動で操作する方法

Webサイト作成後、クライアントに引き渡すとき、管理画面から不要なメニューは表示 …

wordpress情報
「Events Manager」でオリジナルのプレースホルダーを追加する

便利なイベントカレンダープラグイン「Events Manager」ですが、フォー …

wordpress情報
カスタム投稿をプラグインを使って実装し抽出する

WordPressでブログだけでなく通常のコーポレートサイトのようなページを作成 …

wordpress情報
使用しているテンプレートファイル名を表示

WordPressのテーマを自分て作成しているとき現在表示されているのがどのテン …

wordpress情報
会員専用ページをつくる

会員専用ページをつくるにあたり、いろいろなプラグインがある。今回クライアントの要 …

wordpress情報
「Events Manager」の検索フォームにイベント属性フィールドを追加する

以前「Events Manager」の検索フォームにカスタム分類のフィールドを追 …

wordpress情報
Contact Form 7の初期値をクエリストリングから取得する

お問い合わせフォームを作成するときよく使うプラグイン「Contact Form …