Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Similaire à Word press初心者が 基本アーキテクチャを ざっくりと学ぶ (20)
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
- 5. コンテンツ管理システム（CMS） HTMLやCSSを知らなくても、Webサイトを構築できる ようになるツールのこと。 ブログもその一種 WordPress以外のCMS Movable Type XOOPScocrete5 EC-CUBE Moodle MobileApps
- 9. ファイル構成 /index.php アクセスのエントリポイント /wp-config.php 設定ファイル /wp-admin/ 管理画面用のファイル群 /wp-content/ サイトのデータを格納 ┗/language/ 言語ファイル ┗/themes/ テーマ ┗/plugins/ プラグイン ┗/uploads/ アップロードファイル /wp-includes/ コアファイル
- 10. テーマを作ってみよう！ /wp-content/themes/ ・style.css ・index.php /* Theme Name: booklog Author: ClimbFrog Author URI: https://wordpress.org/ Description: Sample Theme Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */
- 11. できた！！！
- 12. データ構成 DB構造 ･12個のテーブル wp_posts 投稿記事、ページ、ナビゲーションなど wp_postmeta 各投稿記事特有の情報（カスタムフィールド） wp_terms 投稿およびリンクの分類（カテゴリ・タグ）に使われる語句 wp_term_taxonomy 投稿およびリンクの分類上の語句（カテゴリ・タグ）データ wp_term_relationships オブジェクトと↑のカテゴリ・タグとの関連付け情報 wp_user 登録ユーザ wp_usermeta 各ユーザ特有のユーザ・メタデータを格納 wp_comment コメント・トラックバック・ピンバックデータ wp_commentmeta コメントのメタデータ wp_options 管理>設定で設定された情報 wp_links リンク作成で作成されたリンク情報
- 14. 作 っ て み た
- 15. index.phpを編集してみた <?php get_header(); ?> <?php get_footer(); ?> get_header()って何？
- 16. WordPress Codex WordPressの公式オンラインマニュアル https://wpdocs.osdn.jp/関数リファレンス/get_header 現在のテーマディレクトリの header.php テンプレートファイルを読み 込みます。 その他のテンプレートタグ例 bloginfo() get_sidebar() wp_register()
- 17. header.phpを編集してみた <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="<?php bloginfo ('stylesheet_url'); ?>" type="text/css" /> </head> <body> <header> <img src="<?php header_image(); ?>" alt="<?php bloginfo('name');?>"> <span><?php bloginfo('name'); ?><span> </header>
- 19. // カスタムヘッダー $args = array( 'width' => 980, 'height' => 60 'default-image' => get_template_directory_uri() . '/images/header.jpg', 'uploads' => true, ); add_theme_support( 'custom-header', $args);
- 21. 著者への想いもぶつけたい！！！
- 24. どうせなら著者にタグ付けしたいな
- 29. タイトルと本文以外も入力したいな
- 31. 我儘いうな カスタムフィールドのデータ追加 update_post_meta(74, ‘birthplace,’長野県’); カスタムフィールドのデータ取得 $birthplace = get_post_meta(74, ‘birthplace,true); が、管理画面の投稿ページで入力させるUIを作るのは面倒な作業が必要 プラグイン：Advanced Custom Fields などを使う
- 33. フック WordPress処理フローの途中のポイントに 割り込んで、独自の処理を追加すること アクション 処理を追加する add_action($tag, $function, $priority, $args); フィルター データや処理を変更する add_filter($tag, $function, $priority, $args); 実際は曖昧なところがあり、厳密に考えなくていい
- 34. フックを使ってみた
- 35. function check_post_date($content){ global $post; $past_days = floor((time() - strtotime($post->post_date)) / 86400); if($past_days >= 2){ $str = '<p class="message">投稿日から' . $past_days . '日以上が経過し ています。</p>'; } return $str . $content; } add_filter('the_content', 'check_post_date');
- 38. <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <h2><?php the_title(); ?></h2> <?php the_content(); ?> <?php the_time('Y年m月d日'); ?> <?php endwhile; else : ?> //記事がない場合に表示 <?php endif; ?> メインループ
- 39. テンプレート階層 トップページ home.php index.php 投稿ページ single-{post_type}.php single.php 固定ページ page-スラッ グ.php page-ID.php page.php カテゴリー category-ID.php category.php archive.php タクソノミー taxonomy-{taxonom y}-{term}.php taxonomy-{taxonom y}.php 404 404.php 検索結果 search.php
- 41. ご健闘をお祈りします