落とし穴に落ちないためのWordPress基礎知識
•
5 likes•1,046 views
オウンドメディアや企業サイト構築等で使用されるようになったWordPressについて、WordPressサイトを構築（テーマ作成など）する上で踏まえるべきポイントをピックアップしました。 サイト公開後の運用や、サイトに汎用性を持たせるために知っておきたいWordPressの基本的な仕組み・内容になります。参考にしていただければ幸いです。
Recommended
More Related Content
What's hot
What's hot (20)
Similar to 落とし穴に落ちないためのWordPress基礎知識
Similar to 落とし穴に落ちないためのWordPress基礎知識 (20)
落とし穴に落ちないためのWordPress基礎知識
- 2. © wordbonch.org 自己紹介 1 中山 佳重（なかやま よしえ） 株式会社アラタナ マーケティンググループ 制作チーム コーディング・JavaScript
- 4. © wordbonch.org 3 今日話すWordPressについて 世界中のボランティア開発者のコミュニティ活動が活発なので、バージョンアップが頻繁 以下ページより抜粋 https://ja.wordpress.org/releases/#latest バージョン リリース日 4.3 2015-08-19 4.2.4 2015-08-06 4.2.3 2015-07-28 4.2.2 2015-05-08 4.2.1 2015-04-28 早いときで1ヶ月スパン
- 5. © wordbonch.org 4 今日話すWordPressについて 和製のわぷーが海外で人気！！ 詳しくは...「わぷーアーカイブ」 http://jawordpressorg.github.io/wapuu/
- 9. © wordbonch.org 落とし穴 その1 8 <?php get_header(); ?> <main id=" main" class="site-main"> <?php if ( is_home() &&! is_front_page()) : ?> <header> <h1 class="page-title screen-reader-text"><?php single_post_title(); ?></h1> </header > <?php endif; ?> <?php // るーぷ while( have_posts()) : the_post(); get_template_part( 'content', get_post_format() ); endwhile ; endif; ?> </main > <?php get_footer(); ?> • インデントが揃っていない • コメントが適当 • すべての行がくっついている
- 13. © wordbonch.org 落とし穴 その1 12 WordPressコーディング規約の例 • インデントはタブで、縦位置の調整はスペースで行う。 • インデントの位置はきちんと合わせる。 <?php if ( is_home() && ! is_front_page() ) : ?> [ tab ]<header> [ tab ] [ tab ]<h1 class="page-title screen-reader-text"><?php single_post_title(); ?></h1> [ tab ]</header> <?php endif; ?>
- 15. © wordbonch.org 落とし穴 その2 14 落とし穴 その2
- 17. © wordbonch.org 落とし穴 その2 16 エスケープされていない！？ ガーー∑(ﾟдﾟlll)ーーン echo get_bloginfo( 'description', 'display' );
- 19. © wordbonch.org 落とし穴 その2 18 WordPressのエスケープ 詳しくは... http://wpdocs.osdn.jp/Data_Validation <h4><?php echo esc_html( $title ); ?></h4> HTMLのエスケープ esc_html() <ul class="<?php echo esc_attr( $stored_class ); ?>"> HTML属性のエスケープ esc_attr()
- 20. © wordbonch.org 落とし穴 その2 19 WordPressのエスケープ <a href=“<?php echo esc_url( $url ); ?>”>HOME</a> URLのエスケープ esc_url() ※他に、textareaやjavascriptに値を渡したい時用のエスケープ関数があります。 詳しくは... http://wpdocs.osdn.jp/Data_Validation
- 21. © wordbonch.org 落とし穴 その3 20 落とし穴 その3
- 23. © wordbonch.org 落とし穴 その3 22 Σ(lll・ω・) 】 絶っ対にWordPressを アップデートしないで くださいね！！！！！ 崩れるんで！
- 26. © wordbonch.org 落とし穴 その3 25 なぜアップデートが必要か？ 1. セキュリティの向上（脆弱性の修正） 2.機能追加
- 27. © wordbonch.org 落とし穴 その3 26 アップデートしても大丈夫なように① 直接テーマ（twenty fifteenなど）を触らない。 テーマを新規作成する。 更新時に、上書きされてしまいます！ ※「小テーマで作れば、アップデートできる！」という話もあり ますが、親テーマが無いと動かないという依存性がある点、 また、セキュリティ面を考えると、親テーマのセキュリティが担 保されているべき（公式テーマでは、最新のものしかセキュリテ ィは担保されていません）であるため、 依存しない独自のテーマを作成したほうが望ましいです。
- 31. © wordbonch.org 落とし穴 その4 30 落とし穴 その4
- 35. © wordbonch.org WordPressテーマを新規作成 34 該当ページ 優先度 TOPページ index.php home.php 月別ページ archive.php date.php カテゴリーページ category.php category-id.php category-slug.php タグページ tag.php tag-id.php tag-slug.php タクソノミーページ taxonomy.php taxonomy-tax.php taxonomy-tax-term.php 投稿タイプページ archive-posttype.php ユーザーページ author.php author-id.php author-nicename.php メディアページ single.php attachment.php MIME_type.php 記事ページ single-posttype.php 固定ページ page.php page-id.php page-slug.php custom.php 検索結果ページ search.php 404ページ 404.php 低 高 第3回 WordPressテーマ作成 (p.17〜18)参照 https://www.slideshare.net/miiitaka/word-press-32692859
- 36. © wordbonch.org 落とし穴 その5 35 落とし穴 その5 ラスト！
- 39. © wordbonch.org 落とし穴 その5 38 そのプラグイン大丈夫？ プラグインはとてつもない数で、ピンからキリまであります。 プラグインは以下の基準を参考に選びましょう。 （すべて当てはまる必要はありません。 • 作っている人が明確（WordPressコアコミッターの方は確実です。） • アップデートが頻繁（更新が止まっていないか） • 有名なもの（みんなが知っている、よくブログ等で紹介されている） • ダウンロード数が多い • 作者とコンタクトがとれるかどうか
- 43. © wordbonch.org まとめ 42 以上、5つの落とし穴（の対策）でした。 1. コーディング規約を守りましょう 2. 適宜、エスケープしましょう。 3. アップデートできるように構築しましょう。 4. テーマのテンプレート構造を把握しましょう。 5. プラグインは安全なものを選びましょう