質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.31%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

1回答

466閲覧

TCDテーマ「ICONIC」の商品ページの下部に独自のコンテンツを追加したい

ocean2012

総合スコア0

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

0グッド

0クリップ

投稿2023/06/23 07:53

実現したいこと

TCDのWordPressテーマ「ICONIC(デモサイト: https://demo.tcd-theme.com/tcd062/ )」の商品ページの下部に独自のコンテンツを追加したい。

前提

TCDのWordPressテーマ「ICONIC(デモサイト: https://demo.tcd-theme.com/tcd062/ )」を使っています。

このテーマには、次のような商品ページがあります。

https://demo.tcd-theme.com/tcd062/2018/08/24/item0050/

このページは、Welcart Shopというプラグインを使って生成されています。

このページの下部(メインコンテンツとフッターの間)にコンテンツを追加したいのですが、どうしてもうまくいきません。

メインコンテンツの中にある「商品詳細/備考」と書かれたタブ表示の下にはコンテンツが挿入できない仕様になっているからです。

Welcartで編集できるのはタブ表示より上の部分のみとなっています。

※このタブ表示機能はテーマ「ICONIC」特有のもののようです

「コンテンツ下」のようなウィジェットエリアもないため、ウィジェットを使ってコンテンツを追加することもできません。

この場合、どのようにしたら、ページ下部にコンテンツを追加できるでしょうか?

ちなみに、商品ページごとに異なるコンテンツを追加できるようにしたいと思っています。

何かよい方法があれば教えてください。

よろしくお願いします。

該当のソースコード

以下のコードは、編集したい商品ページ( https://demo.tcd-theme.com/tcd062/2018/08/24/item0050/ )のソースコードです。このソースコードの</article>の上ぐらいにコンテンツを挿入できればと考えています。

<div class="p-entry-item__tabs-container"> <input type="radio" id="item-tab--1" name="item-tab" class="tab-radio tab-radio--1" checked='checked'><input type="radio" id="item-tab--2" name="item-tab" class="tab-radio tab-radio--2"> <ul class="p-entry-item__tabs p-entry-item__body"> <li class="tab-label--1"><label for="item-tab--1">商品詳細</label></li> <li class="tab-label--2"><label for="item-tab--2">備考</label></li> </ul> <div class="p-entry-item__tab-content p-entry-item__tab-content--1 p-entry__body p-entry-item__body"> <table class="p-entry-item__spec-table"><tr><th><p>材質</p> </th><td><p>ラタン材</p> </td></tr></table> </div> <div class="p-entry-item__tab-content p-entry-item__tab-content--2 p-entry__body p-entry-item__body"> <p>この商品は2点セットです。</p> </div> </div> </article>

試したこと

以下の方法は試しましたが、どれもうまくいきませんでした。

・Welcart Shopの商品登録情報から編集する(編集不可)
・TCDテーマ「ICONIC」の機能を使って編集する(編集不可)
・ウィジェットエリアを追加できるプラグイン「Tabs Responsive」の導入(新しいウィジェットエリアを作成しましたが、Welcart Shopの商品編集ページ上にそもそもウィジェットエリアに関する設定項目がなく、適用できませんでした)

補足情報

テーマファイルのコードを編集する方法が何かあるのではないかと思っていますが、あまりテーマファイルの編集に慣れていないため、知識やスキルがある方にぜひ教えていただきたいです。

よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

この回答はGPT-4による自動生成回答です

商品ページ下部に独自のコンテンツを追加するには、テーマファイルの編集が必要です。以下の手順で行ってください。

  1. テーマフォルダ内のsingle.phpファイルを開きます。もし、single.phpが存在しない場合は、index.phpを開いてください。

  2. </article>タグの直前に、以下のコードを追加します。

php

1<div class="custom-content"> 2 <?php if (get_post_meta($post->ID, 'custom_content', true)) : ?> 3 <?php echo apply_filters('the_content', get_post_meta($post->ID, 'custom_content', true)); ?> 4 <?php endif; ?> 5</div>

このコードは、投稿のカスタムフィールドcustom_contentに保存されたコンテンツを表示します。

  1. 商品ページごとに異なるコンテンツを追加するには、WordPressの管理画面で商品ページを編集し、カスタムフィールドにcustom_contentという名前でコンテンツを追加してください。

以上の手順で、商品ページ下部に独自のコンテンツを追加できます。ただし、テーマファイルの編集は慎重に行ってください。バックアップを取ってから作業を行い、問題が発生した場合は元のファイルに戻すようにしてください。

投稿2023/06/23 07:54

teratail-ai

Powered by GPT-4

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ocean2012

2023/06/23 12:46

ありがとうございます。 この方法でsingle.phpを編集したのですが、ページ上に反映されません。 それと、WordPressのダッシュボード上に、投稿のカスタムフィールド(custom_content)が見当たらないのですが、どうしたらよいのでしょうか? 教えてください。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.31%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問