webサイト制作の勉強|2023年11月クラス用ブログ

ファリカテクニカルアカデミーのwebサイト制作科の授業解説ブログです。フェリカテクニカルアカデミーは池袋にある求職者支援訓練の学校です。

wordpressに記事データをインポートする

コンテンツのインポート

まずはサンプルデータをダウンロードしましょう。
www.shoeisha.co.jp





ダウンロードしたサンプルデータをダッシュボードからインポートします。
「ツール」→「インポート」→「WordPress


ダウンロードした「posts.xml」ファイルを選んでインポートしましょう。


ユーザー名を選択して「Submit」ボタンを押します(画像などの関連ファイルはないので、Attachmentsのチェックは不要)


ダッシュボードの「投稿」から「投稿一覧」を選び、投稿データがインポートされているか、必ず確認しましょう。



投稿記事のサンプルデータ
yachin29.jp

article要素

「article 」要素は HTML の要素で、文書、ページ、アプリケーション、サイトなどの中で自己完結しており、(集合したものの中で)個別に配信や再利用を行うことを意図した構成物を表します。例えば、フォーラムの投稿、雑誌や新聞の記事、ブログの記事、商品カード、ユーザーが投稿したコメント、対話型のウィジェットやガジェット、その他の独立したコンテンツの項目が含まれます。


インポートした記事をループで呼び出す

<div class="post-wrapper">
<?php if(have_posts()): ?>
<?php while (have_posts()): ?>
<?php the_post(); ?>

<!-- ここから投稿 -->
<a href="<?php the_permalink(); ?>">
<article class="post-box">
<h1><?php the_title(); ?></h1>
<?php the_content(); ?>
<p class="date"><?php the_time('Y年n月j日'); ?></p>
</article><!-- /.post-box -->
</a>
<!-- ここまで投稿 -->

<?php endwhile; //投稿ループ終了 ?>
<!-- ページネーション開始 -->
<?php the_posts_pagination(); ?>
<!-- ページネーション終了 -->
<?php else: ?>
<?php endif; //条件分岐終了 ?>
</div><!-- /.post-wrapper -->