前提・実現したいこと
このソースはwordpressサイト構築のソースです。
経緯はportfolioに自身で作成したサイトを表示させるためにphpコードで書いています。
今回のソースはportfolioに載せるデモサイトです。よろしくお願いいたします。
字数制限により、フォルダーを貼ります。お手数をおかけしますがよろしくお願いいたします。
wordpress-theme
wordpress-theme
エラーを解消させ解決したい
環境:Windows(surface)
ローカル環境:xmapp
コード名称が表示されないため
1 index.php
2 header-.php
3 footer.php
発生している問題・エラーメッセージ
footer.php
1Call to undefined function bloginfo() in C:\xampp\htdocs\footer.php:3 Stack trace: #0 {main} thrown in C:\xampp\htdocs\footer.php on line 3
header.php
1Fatal error: Uncaught Error: Call to undefined function language_attributes() in C:\xampp\htdocs\header.php:2 Stack trace: #0 {main} thrown in C:\xampp\htdocs\header.php on line 2
試したこと
footer箇所のblog-infoのようですが、nameでtittle nameを表示させたいので、下記のように書きました。
文法的にも当っているはずです。
2和訳し、調べましたが、解決できませんでした。
該当のソースコード
index.php
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="robots" content="noindex"> 8 <title>しょーご中級編</title> 9 <!-- Google Fonts --> 10 <link rel="preconnect" href="https://fonts.googleapis.com"> 11 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 12 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100&display=swap" rel="stylesheet"> 13 <!----> 14 <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> 15 <link rel="stylesheet" href="./CSS/destyle.css"> 16 <link rel="stylesheet" href="CSS/slick.css"> 17 <link rel="stylesheet" href="css/slick-theme.css"> 18 <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> 19 <link rel="stylesheet" href="./CSS/style.css"> 20 21</head> 22<body <?php body_class(); ?> 23 24<?php get_header();//header.phpを取得 ?> 25 26 mainは削除しました 27 </main><!-- /.main --> 28 29 <footer class="footer"> 30 <?php get_footer();//footer.phpを取得 PHPで終了するので閉じタグは不要 ?> 31 </footer><!-- /.footer --> 32 <script type="text/javascript" src="js/jquery-3.6.0.min.js"></script> 33 34 <script type="text/javascript" src="js/slick.min.js"></script> 35 <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> 36 <script type="text/javascript" src="js/script.js"></script> 37</body> 38</html>
header
1<!DOCTYPE html> 2<html <?php language_attributes();//html要素のlang属性を出力 ?>> 3<head> 4 <meta charset="<?php bloginfo ('charset'); ?> "> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="robots" content="noindex"> 8 <title><?php wp_title( '|', true, 'right' );//ページタイトルを出力 ?><?php bloginfo('name');//サイト名表示?></title> 9 <!-- Google Fonts --> 10 <link rel="preconnect" href="<php echoget_stylesheet_uri(); ?>"//fonts.googleapis.com"> 11 <link rel="preconnect" href="<php echoget_stylesheet_uri(); ?>//fonts.gstatic.com" crossorigin> 12 <link href="<php echoget_stylesheet_uri(); ?>//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100&display=swap" rel="stylesheet"> 13 <!----> 14 <link rel="stylesheet" type="text/css" href="<php echoget_stylesheet_uri(); ?>//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> 15 <link rel="stylesheet" href="./CSS/destyle.css"> 16 <link rel="stylesheet" href="CSS/slick.css"> 17 <link rel="stylesheet" href="css/slick-theme.css"> 18 <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> 19 <link rel="stylesheet" href="<php echoget_stylesheet_uri(); ?>/CSS/style.css"> 20</head> 21<body <?php body_class(); //bodyタグにページの種類に応じたクラス名を与える ?>> 22 <header class="header"> 23 <div class="inner header-inner"> 24 <h1 class="header-ttl"> 25 <img class="img-logo" src=" <?php echo get_template_directory_uri(); ?>./image/Logo.png" alt=""> 26 <p class="logo-text">ユアコーディング</p> 27 </h1><!-- /.header-ttl --> 28 29 <nav class="nav" id="js-nav"> 30 <ul class="header-list"> 31 <li class="header-item"><a href="<?php echo home_url('feauture'); ?>">特徴</a></li><!-- /.header-item --> 32 <li class="header-item"><a href="<?php echo home_url('price'); ?>">価格</a></li><!-- /.header-item --> 33 <li class="header-item"><a href="<?php echo home_url('contact-link'); ?>">問い合わせ</a></li><!-- /.header-item --> 34 </ul><!-- /.header-list --> 35 </nav><!-- /.nav --> 36 <div class="header-link cmn-link"> 37 <a id="js-hum" href="<?php echo home_url('#contact-link'); ?>">お問い合わせ</a> 38 </div><!-- /.cmn-link --> 39 40 <button type="button" id="js-humburger" class="button humburger" aria-controls="js-glabal-menu" aria-expanded="false" area-label="メニューを開閉する"> 41 <span class="line"></span ><span class="line"></span><span class="line"></span> 42 </button> 43 </div><!-- /.inner --> 44 </div><!-- /.hum-li_js --> 45 </header><!-- /.header -->
footer
1 2 <footer class="footer"> 3 <p class="logo-text"><?php bloginfo('name'); ?></p> 4 <div class="footer-flex"> 5 <p class="reg1">プライバシーポリシー</p> 6 <p class="reg2">個人商取引法に基づく表記</p> 7 </div><!-- /.footer-flex --> 8 <small>©<?php bloginfo('name'); ?> All Rights Reserved.</small> 9 </footer><!-- /.footer --> 10 <script type="text/javascript" src="js/jquery-3.6.0.min.js"></script> 11 12 <script type="text/javascript" src="js/slick.min.js"></script> 13 <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> 14 <script type="text/javascript" src="js/script.js"></script> 15</body> 16</html>