新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

ワードプレス(WordPress)の記事に簡単に地図や動画を貼り付ける「ショートコード」 #wp

      2014/11/09

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

1年以上前の記事です。内容が古い可能性があります。

ショートコードって知ってますか?
実は、部下に聞いて初めて知ったのですが、これ便利ですよねぇ。

□ ショートコード API – WordPress Codex 日本語版

簡単に説明すると、YouTubeやGoogleMap等をブログの記事に張り込む時にスクリプトを使いますよね。
これを、簡単な表記にしてしまうのがショートコードです。

スポンサーリンク
 

僕が普段使っているlivedoor Blog(ライブドアブログ)の場合は記事内に直接JavaScriptを書くことが可能なのですが、セキュリティ上それを許しているブログサービスは少ないようです。
実はオープンソースCMSで有名なワードプレス(WordPress)も同様。
ワードプレスの場合はそれ以前に改行まわりがあやふやで閉口気味なのですが。。

そういう場合にもショートコードを使うと良いようです。

さっそくGoogleMapを表示させるショートコードを導入してみました。
以下のサイトの「manage_shortcodes プラグイン」を使うと非常に簡単に導入できます。
□ firegoby ≫ ショートコードを管理する manage_shortcodes プラグイン

このプラグインはワードプレス(WordPress)の管理画面で検索しても直接見つかりません。
したがって、ダウンロードして解凍後、FTPクライアントで「wordpress/wp-content/plugins」にアップ。

今回は別の方法でやってみました。
「プラグイン」→「新規追加」→「アップロード」でダウンロードしたZIPファイルを直接アップロードする方法です。
ショートコードのプラグインのインストール
 こちらの方が簡単でしたね。

これを入れておくと簡単にショートコードが導入できます。
通常はショートコードはテーマのテンプレート「function.php」に書き込むのですが外部のphpファイルとして管理することができるようになるんです。

つまり、こんな感じでショートコードを配布できるようになるんですね。
□ firegoby ≫ 住所からGoogleマップに変換するショートコード
こちらで住所からGoogleマップを書き出すことが出来るショートコードが配布されています。
これをダウンロードして今度は解凍までしてからPHPファイルをインストールします。

「manage_shortcodesプラグイン」を導入しているおかげでプラグインをイントールするかのごとく導入できます。
ショートコードのプラグインの使い方
以上でOK!!

これを導入しておくと、非常に簡単な表記で地図を表示させることができます。

たとえば

[addr2gmap addr=”埼玉県熊谷市星川1-77″]

とした場合は、

[addr2gmap addr2gmap lat=”36.146733″ lng=”139.384655″ height=”400px” width=”500px” zoom=18]

とした場合は、

となります。

「投稿」だけではなく、「固定ページ」にも使えますよ。

 - CMS, WordPress, プログラミング, 覚え書き , ,

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

Facebook(フェイスブック)のプロフィールに旧姓を付ける方法

1年以上前の記事です。内容が古い可能性があります。うちのかみさんが何を血迷ったの …

独自ドメインのWORDPRESS(ワードプレス)ブログを半日で作る方法(後編)

1年以上前の記事です。内容が古い可能性があります。移転後すぐ前編を書いていながら …

docomoスマホのSPモードメールは初期設定ではWi-Fi経由で送信できない

1年以上前の記事です。内容が古い可能性があります。docomo(ドコモ)のスマホ …

インターネット広告ってこんなに種類があるの?料金相場一覧

1年以上前の記事です。内容が古い可能性があります。Webサイトに関しては相場など …

サラリーマンブロガー注意!ブログ収入が年間20万を超えたら確定申告が必要です

1年以上前の記事です。内容が古い可能性があります。夢はブロガー一本で生計を立てて …

シャットダウン時のOSアップデートはネット接続がなくても可能

1年以上前の記事です。内容が古い可能性があります。これ、知りませんでしたよ。 先 …

Webブラウザによる「標準モード」と「互換モード」の違い

1年以上前の記事です。内容が古い可能性があります。最近のブラウザには「標準モード …

鍵(ロック)掛けられても鍵(ロック)掛ける前にフォローしておけばツイートが見れる【ツイッター】

1年以上前の記事です。内容が古い可能性があります。ツイッター(Twitter)っ …

no image
パソコンの設定で使う「ウィザード」の本来の意味

1年以上前の記事です。内容が古い可能性があります。パソコンでインターネット接続の …

書類をPDFでスキャンすれば「Adobe Acrobat」でテキスト化(OCR)できる

1年以上前の記事です。内容が古い可能性があります。どういうことかというと、まずは …

血液型オヤジ