静的贬罢惭尝ファイルを奥辞谤诲笔谤别蝉蝉のテーマにするワークショップ
- 5. テーマとは？
- 7. テーマの作成方法
- 8. テーマの作成方法 ?親テーマから子テーマ 既存のテーマをベースにカスタマイズする方法 ?フルスクラッチ ゼロから作成する方法 （静的HTMLから関数を埋め込んだり、 共通部分を切り分けたりする）
- 12. テンプレート阶层
- 22. テーマ情報追加 style.css /* Theme Name: テーマの名前 Theme URI: テーマのサイトのURI Description: テーマの説明 Author: 作者の名前 Author URI: 作者のURI */ １行目に追加
- 23. ファイルパスの変更 index.php <link rel=“stylesheet” href=“style.css”> <link rel=“stylesheet” href=“<?php echo get_stylesheet_uri(); ?>”> １行目に追加
- 24. ファイルパスの変更 index.php <img src=/slideshow/htmlwordpress/77109163/“./img/main_image.jpg” alt=“ワークショップ…”> <img src=“ <?php echo get_stylesheet_directory_uri(); ?>/img/ main_image.jpg” alt=“ワークショップ…”> １行目に追加
- 25. サイトのタイトルと説明文の表示 index.php <header> <a href=“#”> <h1><?php bloginfo(‘name’); ?> </a> <p><?php bloginfo(‘description’); ?></p> </header> (例)例えば左上にサイトのタイトルと説明文を表示
- 26. TOPページへのリンク index.php <header> <a href=“<?php echo esc_url( home_url( ‘/’ ) ); ?>”> <h1><?php bloginfo(‘name’); ?> </a> <p><?php bloginfo(‘description’); ?></p> </header> (例)例えば左上にサイトのタイトルと説明文を表示
- 27. おまじないの入力 index.php ? wp_head()………</head>の直前に記述 ? wp_footer()……</body>の直前に記述 <?php wp_head(); ?> </head> <?php wp_footer(); ?> </body> </html>
- 28. 投稿記事を表示 index.php <?php if (have_posts() ): ?> <?php while ( have_posts() ) : the_post(); ?> <article class=“blog-top”> <h3><a href=“<?php the_permalink(); ?>”><?php the_title(); ?></a></h3> <div class=“entry-meta”><?php the_time(Y年n月j日); ?></div> <?php the_content(); ?> <div class=“more-link”><a href=“<?php the_permalink();>”>続きを読む</a></div> </article> <?php endwhile; ?> <?php endif; ?>
- 29. 投稿記事の抜粋を表示 index.php <?php if (have_posts() ): ?> <?php while ( have_posts() ) : the_post(); ?> <article class=“blog-top”> <h3><a href=“<?php the_permalink(); ?>”><?php the_title(); ?></a></h3> <?php if ( is_front_page() ) : ?> <?php the_excerpt(); ?> <div class=“more-link”><a href=“<?php the_permalink();>”>続きを読む</a></div> <?php else : ?> <?php the_content(); ?> <?php endif; ?> </article> <?php endwhile; ?> <?php endif; ?>
- 30. 記事がない時のエラーメッセージを表示 index.php <?php if (have_posts() ): ?> <?php while ( have_posts() ) : the_post(); ?> <article class=“blog-top”> </article> <php endwhile; ?> <?php else : ?> <p>ページが見つかりませんでした。</p> <?php endif; ?> ? ? ? ?
- 33. header.php（新規作成）→index.phpからヘッダ部分を持ってくる footer.php（新規作成）→index.phpからフッタ部分を持ってくる sidebar.php（新規作成）→index.phpからサイドバーの部分を 持ってくる 『header.php』『footer.php』『sidebar.php』の作成 index.php header.php?footer.php?sidebar.phpから持って行った部分に以下の内容を記述 <?php get_header(); ?> <?php get_footer(); ?> <?php get_sidebar(); ?>
- 34. 各種ページの作成 ? トップページ…front-page.php ? 個別記事ページ…single.php ? 固定ページ…page.php 【参考】 ?テンプレート阶层について http://wpdocs.osdn.jp/テンプレート阶层 （このスライドの12?17ページ） ?テンプレート阶层の図 http://wpdocs.osdn.jp/wiki/images/wp-template-hierarchy.jpg index.phpを参考に、トップページ?個別記事ページ?固定ページを 作成してみましょう
- 36. 参考ページ ? style.cssのヘッダ名 http://wpdocs.osdn.jp/ファイルヘッダー ? get_stylesheet_uri() http://wpdocs.osdn.jp/関数リファレンス/get_stylesheet_uri ? get_stylesheet_directory_uri() http://wpdocs.osdn.jp/関数リファレンス/get_stylesheet_directory_uri ? bloginfo() http://wpdocs.osdn.jp/テンプレートタグ/bloginfo ? home_url() http://wpdocs.osdn.jp/テンプレートタグ/home_url ? esc_url() http://wpdocs.osdn.jp/関数リファレンス/esc_url ? トップページへのリンクでhome_urlをesc_urlでエスケープしてるのかについて https://www.l2tp.org/archives/5661 http://morilog.com/wordpress/tips/wp_escape/
- 37. 参考ページ ? wp_head() http://wpdocs.osdn.jp/関数リファレンス/wp_head ? wp_footer() http://wpdocs.osdn.jp/テンプレートタグ/wp_footer ? スライド28ページの投稿記事のループについて http://wpdocs.osdn.jp/ループ ? the_title() http://wpdocs.osdn.jp/テンプレートタグ/the_title ? the_content() http://wpdocs.osdn.jp/テンプレートタグ/the_content ? the_permalink() http://wpdocs.osdn.jp/テンプレートタグ/the_permalink ? the_time(Y年n月j日) http://wpdocs.osdn.jp/テンプレートタグ/the_time http://wpdocs.osdn.jp/日付と時刻の書式
- 38. 参考ページ ? 条件分岐タグ http://wpdocs.osdn.jp/条件分岐タグ ? is_front_page() http://wpdocs.osdn.jp/関数リファレンス/is_front_page ? get_header() http://wpdocs.osdn.jp/関数リファレンス/get_header ? get_footer() http://wpdocs.osdn.jp/関数リファレンス/get_footer ? get_sidebar() http://wpdocs.osdn.jp/関数リファレンス/get_sidebar 各関数やタグのページ終盤に【ソースファイル】とあります。 WordPressのコアファイルのどこにあるのか載っていますので参考に