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

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

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

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

PHP

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

プラグイン

プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

Q&A

解決済

1回答

2134閲覧

WordPress ライトボックスを投稿記事ではなく、メインページ(index.php)で使用する方法

HIDETAKA0711

総合スコア13

WordPress

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

PHP

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

プラグイン

プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

0グッド

0クリップ

投稿2020/03/06 08:52

前提・実現したいこと

WordPress 5.3.2にて、プラグイン”Easy FancyBox”や、”Responsive Lightbox & Gallery”を使用し、ライトボックスを投稿記事ではなく、index.phpで使用する方法を探しております。1ページのみのサイトのため。

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

”Easy FancyBox”使用時、画像がポップアップされない代わりに エラーメッセージがポップアップされます。 The requested content cannot be loaded. No image found.
”Responsive Lightbox & Gallery”使用時だとTOP画面に戻ってしまう。

該当のソースコード

PHP HTML

1<ul class="list-gallery"> 2 <li> 3 <a class="lightbox" href="./img/sena_img01.jpg"> 4 <figure> 5 <img src="<?php echo get_template_directory_uri(); ?>/img/sena_thumb01@2x.jpg" alt=""> 6 </figure> 7 </a> 8 </li> 9 <li> 10 <a class="lightbox" href="./img/sena_img02.jpg"> 11 <figure> 12 <img src="<?php echo get_template_directory_uri(); ?>/img/sena_thumb02@2x.jpg" alt=""> 13 </figure> 14 </a> 15 </li> 16 </div>

試したこと

投稿記事では画像のリンク先の設定をメディアファイルに設定で出すようですが、index.phpの中で使用する場合にもリンク先の設定をメディアファイルに設定することは出来るものでしょうか。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

補足情報も何を追加すればよいかよく分からなく、そもそもindex.phpだけのWPでライトボックスのプラグインが使用出来るか知りたいです。お手数ですが宜しくお願いいたします。

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

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

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

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

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

marlboro_tata

2020/03/14 04:46

ちょっと時間が経っていますが、解決されましたでしょうか? Easy FancyBoxのエラーを読む限りでは、リンク先のコンテンツをリクエストしたけど画像がない(おそらく404エラー)だよ、と言っているように読めます。 なので、<a>タグのhref属性に書いてある画像のパスが正しいか、確認してください。 <?php echo get_template_directory_uri(); ?> がたりないのではないかな、、と推測されます。 解決済みの場合は、質問を解決済みとすると良いと思います。
HIDETAKA0711

2020/03/16 10:01

marlboro_tataさん ご丁寧にありがとうございます。色々修正しているうちに無事解決出来ました。 質問を解決済みにすることも分かっていなく失礼いたしました。。 ご親切にありがとうございます!
guest

回答1

0

自己解決

具体的な方法は分からなかったのですが、色々修正しているうちに無事解決出来ました。

投稿2020/03/16 10:04

HIDETAKA0711

総合スコア13

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問