前提・実現したいこと
Wordpressでシンプルな2カラムのテーマを作っております。
発生している問題・エラーメッセージ
htmlですと、普通に2カラムで表示されるのですが、phpにしてwordpressにアップすると、index.phpがfooterの下に落ちます。
該当のソースコード
html
1<!doctype html> 2 3<html lang="ja"> 4 <head> 5 <meta charset="UTF-8"> 6 <meta content="width=decive-width, initial-scale=1.0" name="viewport"/> 7 <title>sample</title> 8 <link rel="stylesheet" type="text/css" href="style.css"> 9 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous"> 10 </head> 11 <body> 12 <header class="container"> 13 <div class="row"> 14 <h1>samplesite</h1> 15 </div> 16 </header> 17 <ul class="top-nav"> 18 <li class="Home"><a href="#"><i class="fas fa-home"></i> Home</a></li> 19 <li class="programing"><a href="#"><i class="fas fa-desktop"></i> code</a> 20 </li> 21 <li class="life"><a href="#"><i class="far fa-thumbs-up"></i> about</a> 22 </li> 23 <li class="mind"><a href="#"><i class="fab fa-gratipay"></i> word</a> 24 </li> 25 <li class="column"><a href="#"><i class="fas fa-book-reader"></i> Column</a> 26 </li> 27 </ul> 28 <div class="main-column"> 29 <div class="main-contents"> 30 <h4>ようこそカフェへ!</h4> 31 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 32 </p> 33 <h4>Whats new?</h4> 34 <div class="date">2019年5月31日</div> 35 <a href="#">下記休業のお知らせ</a> 36 </div> 37 <div class="sidebar"> 38 <img class="banner" src="retina_wood.png" alt="" width="300px" height="150px"> 39 <img class="banner" src="retina_wood.png" alt="" width="300px" height="150px"> 40 <img class="banner" src="retina_wood.png" alt="" width="300px" height="150px"> 41 </div> 42</div> 43 44 <div class="footer"> 45 <div class="footer-column"> 46 <h2 class="footer-about">About me</h2> 47 <p> 48 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 49 </p> 50 </div> 51 <div class="footer-column"> 52 <h2 class="footer-work">Work</h2> 53 <p> 54 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 55 </p> 56 </div> 57 <div class="footer-column footer-third"> 58 <h2 class="footer-twitter">Twitter</h2> 59 <p> 60 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 61 </p> 62 </div> 63 </div> 64 <footer> 65 <p>©- aaa,2019 All Rights Reserved.</p> 66 </footer> 67 </body> 68</html>
試したこと
実際はもう少し複雑なものですが、上記のようにシンプルなものにして試してみたところ、やはりindex.phpが下に落ちます。
また、他のWordpressブログで使用してみたのですが、それもダメでした。
もし初歩的なケアレスミスでしたら申し訳ございませんm(_ _)m
この件で丸々2日ほどいろいろ調べているのですが、(検索の仕方が悪いのか)なかなか回答にたどり着かず、困っています。
お力をお貸しいただければと思います。
宜しくお願い致します。
補足情報(FW/ツールのバージョンなど)
※sidebar.php、index.php以外はstyle.css通りに反映されています。
回答1件
あなたの回答
tips
プレビュー