WordPressでホームページを作るには

【簡単】WordPressで独自のショートコードを作成し、本文に挿入する方法

投稿日:2019年11月1日 更新日:

WordPressで独自のショートコードを作成し、本文に挿入する方法を解説します。お決まりの文章や、機能などは、ショートコードを書くだけで、ページに実装できると効率的です。ショートコードの作成方法と、実装までの流れを説明します。

ショートコードの作成方法と、実装までの流れ

下記の3項目で説明します。

  • ショートコードを使うための設定
  • ショートコードにしたい文章素材作成
  • 本文挿入

ショートコードを使うための設定

まず、ショートコードとは、下記のように本文に挿入することで、別のファイルを読み込むことです。運用が簡単になります。

まず、ショートコード使うよ、という設定をします。

function.phpに下記をコピペします。

//new_php挿入ショートコード
function Include_my_php($params = array()) {
extract(shortcode_atts(array(
'file' => 'default'
), $params));
ob_start();
include(get_theme_root() . '/' . get_template() . "/$file.php");
return ob_get_clean();
}

add_shortcode('myphp', 'Include_my_php');

ショートコードにしたい文章素材作成

ショートコードにしたい文章素材を作成します。

test.phpなど任意のファイルを作成し、今回はhtmlファイルで

<p>
ショートコードのテスト
</p>

と書いたファイルを作成しました。

これを、FFTPなどのサーバー転送ツールから、サイトのサーバーに入れます。

本文挿入

では、本文にtest.phpを挿入しましょう。

下記のように、test.phpのhtml、ショートコードのテスト が表示されています。

以上です。

今回は、htmlの単純なファイルですが、色々書けば、色々な機能もショートコードの1行で実装できます。プラグインなどにあるショートコードもこんな仕組みです。






Web担当者として月額サポートします。

Web365は貴社のWeb担当者として、制作改善運用をワンストップ定額サポートしています

・成果にこだわるサイト制作改善をお望みの方
・良いweb制作会社、コンサル会社がいないとお困りの方
・分析から改善運用まで一括で依頼したい方


是非Web365までご相談ください。






Web制作+Webマーケティングの個別講座開講中

Web365はWeb担当者のスキルセットである
サイトを変更する「提案力」と「技術力」について個別指導しております


・Webで集客するための「考え方」を知りたい方
・サイトの制作改善のセオリーを知りたい方
・自身のサイトでケーススタディをしたい方
・サイトの制作改善の「技術的なスキル」を習得したい方
・分析から改善運用まで自身でしたい方


どうぞWeb365の個別講座をご覧ください。

WordPressでホームページを作るには

執筆者:

関連記事

画像のサイズの変更、データ量の圧縮などあれこれできる便利サイトのご紹介

記事やサイトを作成する際に、画像のサイズの変更や、データ量を軽くするための圧縮などしたいときに簡単にできるサイトをご紹介します。サイズや圧縮以外にもあれこれできる便利サイトです。   一括で …

【秒速解決】WordPressの管理画面が真っ白の対処法_サーバー【ロリポップ】

Word Pressのログイン画面だったり、管理画面が真っ白になってお手上げ、という事象があります。管理しているサイトで発生したので、対処解決方法を解説します。     WordPressの管理画面が …

fontAwesomeが表示されない対処方法はフォントファミリーに設定すること

このサイトなのですが、fontAwesomeという、外部サイトの情報から矢印やメール電話などアイコンを表示してくれるCSSを連携しています。初期設定やバージョン更新でよくあるのですが、そのアイコンが表 …

CF7 Google Sheets Connectorが転記できないときの対応方法

CF7 Google Sheets Connectorが転記できないときの対応方法

CF7 Google Sheets Connectorが転記できないときの対応方法です。 クライアントサイトで使用してるのですが、2020年2月で転記してくれなくなったので、対応した方法をまを解説しま …

【簡単】商材ページ、13のポイントを意識して簡単につくる方法

クライアントサイトで、実際にコンテンツ作成するときに、重要なページ商材ページがあります。 どんな構成で作成すると良いのか? 商材自体の訴求ポイントの項目と、Webコンテンツとしての構成面と合わせて、1 …

検索上位へのSEO対策、画像にテキストは出来るだけいれないようにしよう

SEOを意識したサイト作りをする際に、画像とテキストは出来るだけ分けたほうがいいです。検索ロボットがテキストを認識して検索順位を決めるので、画像だと埋もれるからです。 今回は具体例と一般的な方法を解説 …

WordPressのテキストモードでタグボタンを追加する方法

Web担当業務でクライアントサイトに見出しや太字などのタグがリセットされていたのでCSSの設定した際に、エディタ上のテキストモードでタグボタンを追加する方法を解説します。   下記画像の青枠 …

^
;