WordPressで改行されない場合の対処方法
ここのメインサイトではビジュアルエディタを使っていますが、 (さらに…)
ここのメインサイトではビジュアルエディタを使っていますが、 (さらに…)
前回のtoppage1.php、toppage2.phpから下のfunctions.phpの
レイアウト(1件目と2件目)を呼び出し、
表示させるようにします。
functions.php
<pre class="lang:default decode:true "><?php
//------------------------------------
// トップページのレイアウト(1件目)
function isFirst(){
global $wp_query;
return ($wp_query->current_post === 0);
}
// トップページのレイアウト(2件目)
function isSecond(){
global $wp_query;
return ($wp_query->current_post === 1);
}
//------------------------------------
?>
</pre>
これで1ページ目の2件目までと3件目以降、
2ページ目のレイアウトを整える事が出来ます。
意外と同じ様にやってるサイトが無いので自作で作成する事に。
まず、トップページの表示数は6件にしておきます。
設定>表示設定>1ページに表示する最大投稿数→6件
次にindex.phpなどにPHPで記述します。
これは1ページ(トップページ)は最新投稿記事2件目までを
左カラム目一杯のサイズで表示して、
3件~6件目までを更に半分のサイズで表示させ、
2ページ以降は左カラム目一杯まで6件ずつ表示させるという
内容になっています。
index.php
//1ページ目
<?php if(is_home() && !is_paged()): ?>
<?php get_template_part(''inc/toppage1''); ?>
<?php endif; ?>
//2ページ目以降
<?php if(is_home() && is_paged()): ?>
<?php get_template_part(''inc/toppage2''); ?>
<?php endif; ?>
toppage1.php(1ページ目)
<?php if(have_posts()): while(have_posts()): the_post(); ?>
<?php
//最新投稿1件目と2件目
if (isFirst() || isSecond()) { ?>
<?php get_template_part(''inc/toppage1/1-2''); ?>
<?php }
//3件目以降
else { ?>
<?php get_template_part(''inc/toppage1/3-6''); ?>
<?php }
?>
<?php endwhile; ?>
<?php endif; ?>
toppage2.php(2ページ目以降)
<?php if(have_posts()): while(have_posts()): the_post(); ?>
<?php
//最新投稿7件~8件
if (isFirst() || isSecond()) { ?>
<?php get_template_part(''inc/toppage2/7-8''); ?>
<?php }
//9件目以降
else { ?>
<?php get_template_part(''inc/toppage2/9--''); ?>
<?php }\r\n?>
<?php endwhile; ?>
<?php endif; ?>
※9件目以降は分岐してますが
7、8件と同じ様に表示される記述をしています。
残りのファイルは後日。
最初は外観からテーマを探して
子テーマでカスタマイズしてましたが、
更新していく度に中身が把握できない
という事が何回もあったので、
自作していくことにしました。
ただベースになるテーマのデフォルトを
WordPressをインストールして最初のテーマ、
teenシリーズをカスタマイズしても同じだと思い、
こちらのサイトからベースを作って、
サイトのテーマを作成しました。
初めてテーマを作成したい人向けに
分かりやすいチュートリアルにもなっていて、
私も中身を読み込んでテーマを作りました。
テーマ作成に興味のある方は是非。
③Wordpressをインストールする
『Wordpress 日本語』
https://ja.wordpress.org/
↑
ここへ行き、右にある、ダウンロードで
ファイルをダウンロードしてきます。
(さらに…)
②レンタルサーバーの設定
httpss://www.value-domain.com/web.php
↑
Value Domainのコントロールパネルから、
XREAに移動できるので、
サーバーアカウントの登録・管理・購入
をクリックします。
(さらに…)