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

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

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

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

PHP

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

メニュー

メニューは、UIにおける仕組みであり、ユーザに機能の表示と実行する手段を与えます。

Q&A

解決済

1回答

1308閲覧

wordpress トップ画面

Surofuture

総合スコア49

WordPress

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

PHP

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

メニュー

メニューは、UIにおける仕組みであり、ユーザに機能の表示と実行する手段を与えます。

0グッド

1クリップ

投稿2020/05/01 02:36

●状況説明
wordpressの学習としてこのサイトhttps://corp.freee.co.jp/を模写しています。
このサイトではサイトのロゴの部分を押すと、トップページに戻るのですが、僕の場合はニュースのメニュー部分を押すとトップページに戻るようになってしまっています。他の部分ではheader部分とfooter部分が表示されます

●したいこと
模写サイト同様に、ニュースのメニューでニュース画面、ロゴ部分でトップページ画面。のようにしたいです

●試したこと
カスタムテンプレートを作ろうとしたが、やめた<ーとりあえず聞いてみようと思ったから。

●質問内容
ロゴを押すとトップ画面、それぞれのメニューボタンでそれぞれのページに飛ぶ方法を知りたい。
コードにおかしな部分があれば知りたい

php

1index.phpコード 2 3<?php get_header(); ?> 4 5 <!--start main--> 6<main> 7 <!--start home section--> 8 <section id="home"> 9 <div class="content_home"> 10 <img src="<?php echo get_template_directory_uri(); ?>/images/img-slide-03.jpg" alt=""> 11 <h1 class="title">スモールビジネスを、世界の主役に。</h1> 12 <a href="<?php the_permalink(); ?>"><button type="button" class="btn">会社概要</button></a> 13 </div> 14 </section> 15 <!--end home section--> 16 17 18 <!--start news section--> 19 <section id="news"> 20 <div class="content"> 21 <h1 class="news_title">NEWS</h1> 22 <p class="subtitle">ニュース</p> 23 24<!----------start posts------------> 25 <div id="posts"> 26 27 <?php 28 if(have_posts()): 29 while(have_posts()): 30 the_post(); 31 ?> 32 33 <div class="post"> 34 <div class="button"><!--カテゴリ---> 35 <button type="button"><?php the_category(', ');?></button> 36 </div> 37 <div class="post-date"><!---日付----> 38 <?php echo get_the_date();?> 39 </div> 40 <div class="post_title"><!----タイトル-----> 41 <a href="<?php the_permalink();?>"><?php the_title();?></a> 42 </div> 43 </div><!---/post--> 44 45 <?php //記事がない場合の処理 46 endwhile; 47 else: 48 ?> 49 <p>記事がありません</p> 50 <?php 51 endif; 52 ?> 53 54 55 <div class="navgation"> 56 <div class="prev"> 57 <?php previous_posts_link();?> 58 </div> 59 <div class="next"> 60 <?php next_posts_link();?> 61 </div> 62 </div> 63 </div><!--/posts--> 64 65 <!------------end posts---------------> 66 67 68 <a href="<?php the_permalink(); ?>"><button type="button" class="btn">ニュース一覧</button></a> 69 </div> 70 </section> 71 <!--end news section--> 72 73 74 <!--start services section--> 75 <section id="services"> 76 <div class="content_services"> 77 <img src="<?php echo get_template_directory_uri(); ?>/images/bg-service-sp.jpg" alt=""> 78 <div class="services_text"> 79 <h1 class="services_title">SERVICES</h1> 80 <p class="subtitle">サービス</p> 81 </div> 82 <div class="service"> 83 <div class="service_list"> 84 <ul> 85 <li> 86 <img src="<?php echo get_template_directory_uri(); ?>/images/img-service-kaikei.svg" alt=""> 87 <p class="desc">個人事業主から500名規模の法人まで<br> 88 対応。会計の専門知識がなくても、<br> 89 経理をまとめて効率化</p> 90 </li> 91 <li> 92 <img src="<?php echo get_template_directory_uri(); ?>/images/img-service-jinji.svg" alt=""> 93 <p class="desc">経営に必要なヒトの情報を集約。<br> 94 人事労務に関する業務を一気通貫する<br> 95 HRプラットフォームサービス</p> 96 </li> 97 <li> 98 <img src="<?php echo get_template_directory_uri(); ?>/images/img-service-kaishafreee.svg" alt=""> 99 <p class="desc">5分でできる最も簡単な会社設立<br> 100 2,000社以上の会社設立実績</p> 101 </li> 102 </ul> 103 <a href="<?php the_permalink(); ?>"><button type="button" class="btn">サービス一覧</button></a> 104 </div> 105 </div> 106 </div> 107 </section> 108 <!--end services section--> 109 110 111 <!--start partner section--> 112 <section id="partner"> 113 <div class="content"> 114 <div class="partner_body"> 115 <div class="partner_left"> 116 <h1 class="partner_title">PARTNER</h1> 117 <p class="subtitle">パートナー</p> 118 <p class="desc">freeeとの連携で、ビジネスがもっとカンタンに<br> 119 freeeでは、様々な形でアライアンスを組む、<br> 120 パートナーを募集しています。</p> 121 <a href="<?php the_permalink(); ?>"><button type="button" class="btn">パートナー</button></a> 122 </div> 123 <div class="partner_right"> 124 <img src="<?php echo get_template_directory_uri(); ?>/images/img-alliance.jpg" alt=""> 125 </div> 126 </div> 127 </div> 128 </section> 129 <!--end partner section--> 130 131 132 <!--start recruit section--> 133 <section id="recruit"> 134 <div class="content"> 135 <div class="recruit_body"> 136 <div class="recruit_left"> 137 <img src="<?php echo get_template_directory_uri(); ?>/images/img-recruit.jpg" alt=""> 138 </div> 139 <div class="recruit_right"> 140 <h1 class="recruit_title">採用情報</h1> 141 <p class="desc">freeeは新しいメンバーを募集しています。<br> 142 「小さいビジネスほど強くてかっこいい」<br> 143 そんな社会をいっしょにつくりましょう。 144 </p> 145 <a href="<?php the_permalink(); ?>"><button type="button" class="btn">採用情報</button></a> 146 </div> 147 </div> 148 </div> 149 </section> 150 <!--end recruit section--> 151</main> 152<!--end main--> 153 154 155<!--start page top--> 156<div id="pagetop"> 157 <a href="#body"></a> 158</div> 159<!--end page top--> 160 161 162 163 164<?php get_footer(); ?>

php

1single.phpのコード 2 3<!---投稿ページに関するphpファイル----> 4 5<?php get_header(); ?> 6 7<?php 8if(have_posts()): 9while(have_posts()): 10the_post(); 11?> 12 13<div id="posts"> 14 15<!--news-header-----> 16<div class="news_header"> 17 <div class="category"> 18 <?php the_category(',');?> 19 </div> 20 <div class="date"> 21 <?php echo get_the_date();?> 22 </div> 23 <div class="buttons"> 24 <a href="#"><button type="button">twitter</button></a> 25 <a href="#"><button type="button">いいね</button></a> 26 <a href="#"><button type="button">シェア</button></a> 27 </div> 28 <div class="post_title"><!--タイトル--> 29 <a href="<?php the_permalink();?>"><?php the_title();?></a> 30 </div> 31</div><!---/news-header----> 32 33 34<div class="post-content"> 35 <?php the_content(); ?><!--本文表示--> 36</div> 37 38 39 40</div><!---/post--> 41 42<div class="navgation"><!--single.phpはこれがendwhileより前--> 43 <div class="prev"> 44 <?php previous_posts_link();?> 45 </div> 46 <div class="next"> 47 <?php next_posts_link();?> 48 </div> 49 </div> 50 51 52<?php //記事がない場合の処理 53endwhile; 54else: 55?> 56<p>記事がありません</p> 57<?php 58endif; 59?> 60 61 62 63</div><!--/posts--> 64 65<?php get_footer();?>

php

1page.phpのコード 2 3<!---固定ページに関するphpファイル----> 4 5<?php get_header(); ?> 6 7<div id="posts"> 8<?php 9if(have_posts()): 10while(have_posts()): 11the_post(); 12?> 13 14<div class="post"> 15 <div class="post-date"><!--日付--> 16 <?php echo get_the_date();?> 17 </div> 18 <div class="post_title"><!---タイトル--> 19 <a href="<?php the_permalink();?>"><?php the_title();?></a> 20 <div class="post-content"> 21 <?php the_content(); ?><!--本文表示--> 22 </div> 23 </div> 24</div><!---/post--> 25 26 27<?php //ページがない場合の処理 28endwhile; 29else: 30?> 31<p>ページがありません</p> 32<?php 33endif; 34?> 35 36 37 38</div><!--/posts--> 39 40<?php get_footer();?>

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

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

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

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

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

guest

回答1

0

自己解決

page-news.phpなどの固定ページファイルを作る。ファイルにThempletename記載。wordpressの管理画面から固定ページ>ニュース>パーマリンクから固定ページのリンクをコピー。header.phpのnavの部分にコピーしたリンクをペースト。

この流れでニュースのメニューボタンをクリックでニュースページを表示できましたので、解決とさせていただきます。

投稿2020/05/07 10:17

Surofuture

総合スコア49

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問