Download as PDF, PPTX
![© 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; ?>](https://image.slidesharecdn.com/wordbenchmiyazaki10-150830110509-lva1-app6891/85/WordPress-13-320.jpg)
Uploaded byYoshie Nakayama
落とし穴に落ちないためのWordPress基礎知識
オウンドメディアや企業サイト構築等で使用されるようになったWordPressについて、WordPressサイトを構築（テーマ作成など）する上で踏まえるべきポイントをピックアップしました。 サイト公開後の運用や、サイトに汎用性を持たせるために知っておきたいWordPressの基本的な仕組み・内容になります。参考にしていただければ幸いです。
![WCK2014[ハンズオン] 体験して学ぶ はじめてのブログ・サイト制作 〜WordPress.comでサイトを作ってみよう〜](https://cdn.slidesharecdn.com/ss_thumbnails/wck2014-140609051825-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[社内勉強会]SPAのすすめ](https://cdn.slidesharecdn.com/ss_thumbnails/spa-160304020346-thumbnail.jpg?width=640&height=640&fit=bounds)
落とし穴に落ちないためのWordPress基礎知識
- 1.
- 2. © wordbonch.org 自己紹介 1 中山 佳重（なかやまよしえ） 株式会社アラタナ マーケティンググループ 制作チーム コーディング・JavaScript
- 3.
- 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/
- 6.
- 7.
- 8.
- 9. © wordbonch.org 落とし穴 その1 8 <?phpget_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(); ?> • インデントが揃っていない • コメントが適当 • すべての行がくっついている
- 10.
- 11.
- 12.
- 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; ?>
- 14.
- 15.
- 16.
- 17. © wordbonch.org 落とし穴 その2 16 エスケープされていない！？ ガーー∑(ﾟдﾟlll)ーーン echoget_bloginfo( 'description', 'display' );
- 18.
- 19. © wordbonch.org 落とし穴 その2 18 WordPressのエスケープ 詳しくは... http://wpdocs.osdn.jp/Data_Validation <h4><?phpecho esc_html( $title ); ?></h4> HTMLのエスケープ esc_html() <ul class="<?php echo esc_attr( $stored_class ); ?>"> HTML属性のエスケープ esc_attr()
- 20. © wordbonch.org 落とし穴 その2 19 WordPressのエスケープ <ahref=“<?php echo esc_url( $url ); ?>”>HOME</a> URLのエスケープ esc_url() ※他に、textareaやjavascriptに値を渡したい時用のエスケープ関数があります。 詳しくは... http://wpdocs.osdn.jp/Data_Validation
- 21.
- 22.
- 23. © wordbonch.org 落とし穴 その3 22 Σ(lll・ω・)】 絶っ対にWordPressを アップデートしないで くださいね！！！！！ 崩れるんで！
- 24.
- 25.
- 26. © wordbonch.org 落とし穴 その3 25 なぜアップデートが必要か？ 1.セキュリティの向上（脆弱性の修正） 2.機能追加
- 27. © wordbonch.org 落とし穴 その3 26 アップデートしても大丈夫なように① 直接テーマ（twentyfifteenなど）を触らない。 テーマを新規作成する。 更新時に、上書きされてしまいます！ ※「小テーマで作れば、アップデートできる！」という話もあり ますが、親テーマが無いと動かないという依存性がある点、 また、セキュリティ面を考えると、親テーマのセキュリティが担 保されているべき（公式テーマでは、最新のものしかセキュリテ ィは担保されていません）であるため、 依存しない独自のテーマを作成したほうが望ましいです。
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 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 ラスト！
- 37.
- 38.
- 39. © wordbonch.org 落とし穴 その5 38 そのプラグイン大丈夫？ プラグインはとてつもない数で、ピンからキリまであります。 プラグインは以下の基準を参考に選びましょう。 （すべて当てはまる必要はありません。 •作っている人が明確（WordPressコアコミッターの方は確実です。） • アップデートが頻繁（更新が止まっていないか） • 有名なもの（みんなが知っている、よくブログ等で紹介されている） • ダウンロード数が多い • 作者とコンタクトがとれるかどうか
- 40.
- 41.
- 42.
- 43. © wordbonch.org まとめ 42 以上、5つの落とし穴（の対策）でした。 1. コーディング規約を守りましょう 2.適宜、エスケープしましょう。 3. アップデートできるように構築しましょう。 4. テーマのテンプレート構造を把握しましょう。 5. プラグインは安全なものを選びましょう
- 44.
- 45.
- 46.