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

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

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

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

PHP

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

Q&A

解決済

2回答

730閲覧

バナーが正しく表示されず、トップページを壊してしまいました。

REIYA

総合スコア11

WordPress

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

PHP

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

0グッド

0クリップ

投稿2019/06/28 04:24

前提・実現したいこと

バナーと画像が正しく表示されるようにしたい。

助けてください。。。。
自分ではどうにもできず、こちらの質問へたどり着きました。
ウェブ初心者です。
3日前よりホームページのトップページのphpをいじり、壊してしまいました。
ホームページは業者さんに作ってもらったものです。
トップページのphpの編集前にバックアップとして、メモ帳にコードを保存していたのですが、おそらくコピペミスで元の状態に戻りません。

自分でここ3日間ひたすらネットで探しまくり、おそらくこの辺がおかしいのではというところまでたどり着きました。
しかし、何がどう間違っているのかさっぱりわからずとても困っております。
ご教授いただけましたら幸いです。

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

トップページのバナー部分が崩れて表示されてしまう。
本来だとトップページに横にスライドしていくバナーがあり、画像2枚、説明会1枚の3枚が数秒後に横にスラドしていくバナーがあり、その下に説明会の日程があります。
イメージ説明

しかし、現在はバナーの大きさがずれてしまいトップページが崩れております。

該当のソースコード

<?php /** * Template Name: TOP */ global $page_id, $page_class, $page_name; $page_id = "home"; $title = ""; $description = ""; $keywords = ""; get_header(); ?>
<div class="mv"> <div class="mvIn"> <ul id="js-slider"> <li> <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/home/img_mv01_pc.png" alt=""> </li> <?php if( get_field('view') ): ?> <li> <div id="mv_briefing"> <?php if( get_field('url') ): ?> <a href="<?php the_field('url'); ?>" class="in" <?php echo get_field('target_blank')&&get_field('url')? ' target="_blank"': ''; ?>> <?php else: ?> <div class="in"> <?php endif; ?> <span class="thumb"><img src="<?php echo get_stylesheet_directory_uri(); ?>/img/home/thumb_mv_briefing01_sp.png" alt="FREE"></span> <div class="box"> <p class="tit"><img src="<?php echo get_stylesheet_directory_uri(); ?>/img/home/tit_mv_briefing01_sp.png" alt="留学説明会情報 in NAGOYA"></p> <?php if( get_field('date') ): $date = date_create( get_field('date') ); ?> <dl class="dl"> <dt class="dt"><span>開催日</span></dt> <dd class="dd"><?php echo date_format( $date, 'n' ) ?><span class="sfx">月</span><?php echo date_format( $date, 'j' ); ?><span class="sfx">日</span></dd> </dl> <?php endif; if( get_field('place') ): ?> <dl class="dl"> <dt class="dt"><span>場所</span></dt> <dd class="dd"><?php the_field('place'); ?></dd> </dl> <?php endif; ?> </div> <?php if( get_field('url') ): ?> </a> <?php else: ?> </div> <?php endif; ?> </div> </li> <?php endif; ?> <li> <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/home/img_mv03_pc.png" alt=""> </li> </ul> </div> </div> <?php $args = array( 'post_type' => 'post', 'category_name' => 'info', 'posts_per_page' => 6, ); $the_query = new WP_Query($args); if( $the_query->have_posts() ): ?> <div class="news"> <div class="newsIn"> <h2 class="newsTit">NEWS</h2> <ul class="newsList" id="js-newsSlider"> <?php while($the_query->have_posts()): $the_query->the_post(); ?> <li> <span class="time"><?php the_time('Y.m.d'); ?></span> <h3 class="tit"><a href="<?php the_permalink() ?>"><?php echo ex_text(get_the_title(), 18); ?></a></h3> </li> <?php endwhile; ?> </ul> </div> </div> <!-- /.news --> <?php endif; wp_reset_query(); ?> <div id="contents" class="cf"> <div id="main"> <?php if( get_field('view') ): ?> <div class="bnr"> <?php if( get_field('url') ): ?> <a href="<?php the_field('url'); ?>"<?php echo get_field('target_blank')&&get_field('url')? ' target="_blank"': ''; ?>> <?php else: ?> <div> <?php endif; ?> <div class="bnrIn"> <span class="thumb"><img src="<?php echo get_stylesheet_directory_uri(); ?>/img/home/thumb_bnr01_sp.png" alt="FREE"></span> <div class="box cf"> <span class="icon"><img src="<?php echo get_stylesheet_directory_uri(); ?>/img/home/illust_bnr01_sp.png" alt="icon"></span> <div class="txt"> <p class="sub"><img src="<?php echo get_stylesheet_directory_uri(); ?>/img/home/tit_bnr01_sp.png" alt="留学説明会情報 in NAGOYA"></p> <?php if( get_field('date') ): $date = date_create( get_field('date') ); ?> <dl class="detail"> <dt class="detail_dt"><span class="detail_label">開催日</span></dt> <dd class="detail_dd date"><?php echo date_format( $date, 'n' ) ?><span class="sfx">月</span><?php echo date_format( $date, 'j' ); ?><span class="sfx">日</span></dd> </dl> <?php endif; if( get_field('place') ): ?> <dl class="detail"> <dt class="detail_dt"><span class="detail_label">場所</span></dt> <dd class="detail_dd place"><?php the_field('place'); ?></dd> </dl> <?php endif; ?> </div> </div> </div> <?php if( get_field('url') ): ?> </a> <?php else: ?> </div> <?php endif; ?> </div> <?php endif; ?>

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

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

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

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

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

退会済みユーザー

退会済みユーザー

2019/06/28 05:02

スタイルシートやjavascriptへのリンクが適切かどうかチェックするのが先かな
hirosnow

2019/06/28 08:35

吐き出されたhtmlも追記するとどこがおかしいのか分かりやすくなると思いますが・・・ 今のままだと解析が非常に難しいかと思います。
REIYA

2019/06/29 01:55

みなさんコメントありがとうございます。 せっかくアドバイスいただいているのですが、htmlもjavascriptも全くわからないため、、、、、 もし可能であればコードに誤りがないか見ていただけるととても助かります。 メモ帳へコピーした際におそらくどこか記号や文字を消してしまった可能性が高いです。 コード自体の書き加えなどは一切していないです。 何卒よろしくお願いします;ー;
guest

回答2

0

ベストアンサー

メモ帳は良くないですね。
業者に作ってもらったなら業者になおしてもらうのが賢明です。
触れば触るほど戻れなくなります。

WordPressで実際にPHPを触るのであればそれなりの技術と経験が必要です。
それも単にPHPの経験ではなく、WordPressでの開発経験です(運営ではなくプラグインやテーマ開発)

投稿2019/06/28 12:48

m.ts10806

総合スコア80850

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

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

0

みなさんありがとうございました。
業者さんに直してもらいました;ー;

投稿2019/07/22 12:30

REIYA

総合スコア11

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問