忍者ブログ

からすまる日誌

2020022602 wordpress

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2020022602 wordpress

つづき
連番になってないけど

1.index.phpの編集 コンテンツ部分のWordPress化
 
この部分の入力をやって、
>この状態だとアイキャッチ画像が無いので、アイキャッチ画像を扱えるように functions.php に記述
 
アイキャッチ画像もてきとうな画像をアップする
更新したが反映はまだされてないっぽいな?
 
新規タグは入力して、エンターおして初めて有効になる
 
2.ループ処理の作成
 
なんか説明によるとこういう構造らしい
 
<?php
    if( have_posts() ) : //1.投稿データがあるかの条件分岐。
        while( have_posts() ) : // 2.表示する投稿データがあれば繰り返し処理開始
            the_post(); //3.ループ処理に必要なカウント処理等
            
            4.「ここに出力したい処理などを記述」
            
        endwhile; // 5.繰り返し処理ここまで。投稿データがまだあればwhileに戻る。なければ終了
    else : //6.投稿データがなければ
        ?><p>表示する記事がありません</p><?php //7.ない時の処理
    endif; ?> //8.条件分岐終了
?> 
 
>これがループ処理のプログラムになります。プログラムを書いたことがないと何がどういう意味なのか分かりづらいと思いますが、簡単に解説すると
if を使うことで、投稿データがそもそも存在するかを判定しています。ある場合は while文 に進み、無い場合は 2. 3. 4. 5. を飛ばして 6.の else まで処理が飛びます。
投稿データが一つでもあれば投稿データを表示するためのループ処理に入ります。 have_posts は次の投稿データを調べるための関数です。プログラムおいて処理の一番最初は 0 から始まります。そのため、1件目を習得するというのは、0の次の投稿データにあたる1番目が存在するか?を調べ、存在すればループ処理を実行するという流れになります。
the_post は 2. で次の投稿データが存在した場合に実行される箇所で、この関数で実際に次の投稿データを習得する役割を持っています。この処理が入っていないと、次の処理を取得という処理がなされないため、意図しない動きとなってしまいます。
この箇所に取得した情報を出力する処理を記述します。
繰り返し処理の終了を知らせる部分です。 have_post に戻った時次の投稿データがなければ条件を満たさないのでループ処理が完了となります。
 
このへんは後で読みこむ必要があるだろう
 
あとの説明も重要だがいまはとても読めない。いずれ。
 
3.ページング
 
>コンテンツの投稿部分はできましたが、表示件数が10件( 設定の初期値 )を超えると現状それ以上表示ができません。ですので、ページング(ページャー、ページネーションともいう)を実装して、2ページ、3ページ目とページを送れるようにしましょう。
 
wordpress
設定→表示設定
1ページに表示する最大投稿数:3
→変更を保存
 
投稿→新規追加
で4つぐらい投稿しておく
 
4.コンテンツ部分のWordPress化まとめ
 
つまりindex.phpがこうなるらしいのだ
 
--->index.php
 
<?php get_header(); ?>
    <div class="c-wrap">
        <div class="c-grid">
            <div class="p-contents">
                <?php
                    if( have_posts() ) :
                        while( have_posts() ) :
                            the_post();
                            ?>
                            <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                                <h2 class="post__ttl"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                                <ul class="post__meta">
                                    <li class="post__meta__item">
                                        <date class="post__meta__date"><?php the_date(); ?></date>
                                    </li>
                                    <li class="post__meta__item"><i class="fa fa-folder" aria-hidden="true"><?php the_category( ', ' ); ?></i></li>
                                    <li class="post__meta__item"><i class="fa fa-tag" aria-hidden="true"><?php the_tags( '' ); ?></i></li>
                                </ul>
                                <?php the_post_thumbnail(); ?>
                                <?php the_content( '続きを読む' ); ?>
                            </div>
                        <?php endwhile;
                    else :
                        ?><p>表示する記事がありません</p><?php
                    endif;
                ?>
            </div>
            <?php if ( $wp_query -> max_num_pages > 1 ) : ?>
                <ul class="p-pagenation">
                    <li class="prevpostslink"><?php next_posts_link( 'Prev' ); ?></li>
                    <li class="prevpostslink"><?php previous_posts_link( 'Next' ); ?></li>
                </ul>
            <?php endif; ?>
            <?php get_sidebar(); ?>
        </div>
    </div>
<?php get_footer(); ?>
 
みじかいな。
 
>投稿データの表示にはループ処理を行う。
テンプレートタグはループの中でないと使えない物が存在する
1ページに表示する投稿件数は管理画面で設定ができる
ページングはプラグインで実装する手段もあり、テーマを変えても機能を残す場合はプラグインを採用する
 
ええ。
 
 
5.sidebar.phpの編集 ウィジェットを使ってサイドバーを実装する
 
>functions.php にウィジェットが扱えるよう設定を書き込み
 
これ普通に最終行に追加したらいいのかな??
まあいいかやってみようか
 
なるほど、読みこみなおすと
外観→ウィジェット
が追加された
 
既にブログの読解力が試される段階にきている気がする
この部分を右側にドラッグすると追加になるっぽい
 
PR

コメント

ブログ内検索

カレンダー

03 2025/04 05
S M T W T F S
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30