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

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

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

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

Q&A

解決済

2回答

1554閲覧

タブを使ったページのテンプレート化

TakaeOhta

総合スコア8

WordPress

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

0グッド

0クリップ

投稿2018/04/09 03:51

編集2021/04/22 06:44

前提・実現したいこと

タブを使ったページをテンプレート化したい。

発生している問題・エラーメッセージ

プラグインのShortcodes Ultimateを使ってタブを使ったページを作ったが、ページを量産したので、テンプレート化してPHPファイルとして固定ページへ埋め込みたいです。 Shortcodes Ultimateのショートコードが沢山ありますが、PHPファイルにはどう記述すれば良いのでしょうか?それともショートコードを使うプラグインとかでは無く、jQueryなどのJSを使った方が良いのでしょうか?

該当のソースコード

[su_row class="h_l"][su_column size="1/6" class="h_l"]<img src="" alt="" />[/su_column][su_column size="5/6"][su_label type="success"]住所[/su_label]<strong>東京都新宿区新宿 </strong> [su_label type="important"]予約専用電話[/su_label]<a href="tel:0000000000 "><strong>000-0000-0000 </strong></a> [su_label type="info"]アクセス[/su_label]●新宿三丁目C5出口から2分●新宿御苑駅1番出口から4分●新宿東口から徒歩8分 [/su_column][/su_row] [tabby title="サロン情報" icon="home"] ・・・・ [/su_column][/su_row]

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

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

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

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

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

kei344

2018/04/09 17:02

「テンプレート化」とは?どこに入力した何をどのようなテンプレートにしてどこで使うのでしょうか。
TakaeOhta

2018/04/10 12:54

ご連絡ありがとうございました。 結論では、ショートコードをphpに入れる?のでは無く、jQueryプラグイン(レスポンシブ対応)「Easy-Responsive-Tabs-to-Accordion」と言うJSを読み込ませてhtmlのソースコードにしてphpファイルに入れたらテンプレート化する事が出来ました。 page.php(固定ページ)のテンプレートをもう一つ作り、カスタムフィールドを使って誰でも更新出来るページにしたかったのですが、色々ググってもショートコードがそのまま表示されてしまったりプラグインが上手く動かなかったりで、色々試しましたが力不足の為上手く出来ませんでした。 ▼Easy-Responsive-Tabs-to-Accordion http://sugi511.hatenablog.com/entry/2014/09/10/%E7%94%BB%E9%9D%A2%E3%82%B5%E3%82%A4%E3%82%BA%E3%81%AB%E5%90%88%E3%82%8F%E3%81%9B%E3%81%A6%E3%82%BF%E3%83%96%E3%82%92%E3%82%A2%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%82%AA%E3%83%B3%E3%81%AB%E5%88%87
kei344

2018/04/10 19:07

いったんご自身の回答をもって「解決済」にされてはいかがでしょうか。
guest

回答2

0

固定ページに呼び込む部品が決まっているならテンプレートの部品を作ってpage.phpに読み込ませたらいかが?
これならShortcodes Ultimateを使わなくても作成できますし。
http://on-ze.com/archives/1144

一応do_shortcode();というショートコードを読み込む関数もありますが、
基本的にショートコードはビジュアルエディタなどで簡単に使用出来ることを目的としているので
これでphpファイルを構築すると逆にわかりづらくなるような気がします。
http://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/do_shortcode

投稿2018/04/12 00:26

stampdoor

総合スコア483

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

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

0

自己解決

ショートコードをphpに入れる?のでは無く、jQueryプラグイン(レスポンシブ対応)「Easy-Responsive-Tabs-to-Accordion」と言うJSを読み込ませてhtmlのソースコードにしてphpファイルに入れたらテンプレート化する事が出来ました。
皆さま、ありがとうございました。

投稿2018/04/12 09:39

TakaeOhta

総合スコア8

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問