MAMPを使ったWordpressでのWEB制作方法15 初心者向け
MAMPを使ったWordpressでのWEB制作方法15 初心者向け
今回で最後の記事になります。
前回の記事はこちら
MAMPを使ったWordpressでのWEB制作方法14 初心者向け
これまで固定ページはpage.phpでレイアウトを共通化してきました。
しかし実際には自由にレイアウトが必要な場面や
VSコードなどのエディタ側でページを制作するほうが
都合がいいことが多いと思います。
そこでレイアウトが自由なページを追加してみましょう。
オリジナルテンプレートの作成
今回はサービス2という内容でオリジナルテンプレートを作成します。
まずpage.phpをコピーしてpage-service2.phpというファイルを作成します。
一番上にphpでテンプレートの名前を記述します。
<?php
/*
Template Name: サービス2
*/
?>
<?php get_header(); ?>
<div class="wrapper">
<div id="conL">
<h2><?php the_title(); ?></h2>
<?php if(have_posts()): while(have_posts()): the_post();?>
<?php the_content(); ?>
<?php endwhile; endif; ?>
<!--ページの条件分岐-->
<?php if (is_page(array('63'))) {?>
<?php }else{ ?>
<a class="btn" href="contact.html"><button class="btn1">お問い合わせ</button></a>
<?php } ?>
</div><!--conLend-->
<?php get_sidebar(); ?>
</div>
<?php get_footer();?>
次に管理者画面から新規固定ページを以下で作成しましょう。
パーマリンクはservice2、ページ属性からテンプレートをサービス2に設定します。
入力が終わったら公開してページを表示します。
このページはpage-service2.phpのファイルと直接つながっています。
エディタで中身を編集してみましょう。
<?php
/*
Template Name: サービス2
*/
?>
<?php get_header(); ?>
<div class="wrapper">
<div id="conL">
<h2><?php the_title(); ?></h2>
<p>サービス2テスト</p>
<p>サービス2テスト</p>
<p>サービス2テスト</p>
<p>サービス2テスト</p>
<p>サービス2テスト</p>
</div><!--conLend-->
<?php get_sidebar(); ?>
</div>
<?php get_footer();?>
ブラウザで表示すると
このようにファイルの内容が直接参照されます。
オリジナルテンプレートを使用すれば
固定ページのデザインをエディタから直接作成できます。
作りたいサイトの構成によって使い分けをしましょう。
以上でMAMPを使ったローカル環境でのテーマ作成は完了です。
ありがとうございました。
Author And Source
この問題について(MAMPを使ったWordpressでのWEB制作方法15 初心者向け), 我々は、より多くの情報をここで見つけました https://qiita.com/fumiya0414/items/f0f5dc5202ad9b1e3f8c著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .