ワードプレスについて素朴な疑問です。テンプレートファイル

Question

既存テーマ(コクーンの子テーマ)を使用し、管理画面上の固定ページから記事の作成をしていましたが、
画像や目次、CSSなどのパスは

href="http://localhost:8080/btp01/page/2/#b"

のようにローカルのパスが指定されているため、
サーバー移管後に上記パスのままでは取得エラーになってしまうと考え、
独自テンプレートファイル(phpファイル)を用意し、固定ページの記事を全てコピペした上でlocalhost:8080のパスは全て下記のようなテンプレートタグを埋め込みました。

<?php echo home_url(); ?>/page/2/#b>

管理画面上でテンプレートはデフォルト→独自テンプレートを選択し、独自テンプレート内の内容がサイトに反映しています。

そこで、素朴な疑問なのですが、
世の中のブロガー様も皆様この作業をされているのでしょうか？

コードをあまり熟知されていなくてもブログを作ることができるのがワードプレスの強みの一つかと思うのですが、
サイトに反映するのは独自テンプレートの内容のみとなるため、WPの管理画面で記事は書く意味はなくなりエディター上での記事編集をしています。
また、1つの固定ページ内の記事を10ページに分割したく、<!--nextpage-->でページネーションしていましたが、独自テンプレートに切り替えた為、こちらは適応されなくなり現在10個の独自テンプレートファイルを用意し各ページ内容をコピペし、目次のリンクや「次へ」「前へ」といったページ遷移のリンクもゴリゴリコードで書き直しています(これはこれで苦戦中ですが…)

テンプレートをデフォルトのまま、パスもlocalhost:8080のままでよければ完璧に完成していたサイトですが、パスをテンプレートタグ埋め込みにするために独自テンプレートファイル内に一から自分でコードも含め書き直している状況です。

もっと簡易にパスをサーバーでも通す方法があるのではないか、とも思えてきて(方法は見つかっていませんが)、
自分のやっている10個独自テンプレートファイルを作っている作業自体にも腑に落ちなくなってしまった次第です。

Answer 1

動的なコードを記事中に使うにはshortcodeを活用

shortcodeは実は文中だけなくsrcやhrefなどの属性値の中でも使えます

add_shortcode('home_url',function(){return home_url();}
add_shortcode('stylesheet_uri',function(){return get_stylesheet_directory_uri();}

みたいなショートコードを用意しとけばテストと本サイトで記事共有もしやすくするかもしれないですね

自分はテストサイトの記事中の画像やリンクのURLは本サイトのURLで書くというやり方をしてます

Comments

[manmaru]

大変助かりました！！
functions.phpファイルにご教示いただいたphpコードを追記し、
固定ページ内のhrefの中に[home_url]でテンプレートタグとして埋め込みができる、ということですね。
勉強になりました。どうもありがとうございます。

[manmaru]

メモ
下記コードをfunctions.phpに追記すれば

function shortcode_url() { return get_bloginfo('url'); } add_shortcode('url', 'shortcode_url');

[url]＝<?php echo home_url(); ?>の意味として固定ページ内で使用が可能です。
https://www.kimagure-weblog.net/wordpress/shortcode/