WordCampTokyo2016【セミナー参加メモ】

2016/9/17

大規模カンファレンスなので色々なセミナーがきけてお祭りのような感じでした。これはまた来年も来たいです。

スポンサーリンク

メモです

## WP-REST-API
## CDN化
コンテントデリバリーネットワーク
CDNサーバから配信のアウトソース
CDNメリット
DDOS対策
CDNトラブルシュート
CDNが外れる
キャッシュされない、古い
導入したら遅くなった
CDN設定
TIPS
WPのCDN化
レベル1
イメージのみ
プラグイン(photon,totalchache)利用で手軽
photon
imgタグを含むURLを自動変換
totalcache
URL変換
無料CDN
CloudFlare 安定性に課題
incapsula
photon イメージ専用CDN
組み合わせて HTML incaplula イメージにphoton
## wordpress.orgアカウント作成
## テーマ作成のスキルアップに繋げようWordPressサイト解体ショー
wordclipというサイト4年前に作った
built withという統計サイト
WP構築事例を調べていた ではWPをどう探す?
・WPか見極めるツール Chrom Appspectorアドオン
・meta name =“generator”にWPのバーじょん出ている
・cssのパスにwp-contentが入っているかで判定
・ready.txt license.txtが入っている
・メディアファイルのURL uploads
メールフォーム3大プラグイン
・contact form7
・trust form
・mw wp form
モバイルデバイス対応
・モバイル専用テーマ
・JA福岡市のWP PC SP
 画面下にPC切り替えボタン
 any mobile theme switcherプラグインを使っていた
サイト内横断検索
・プラグイン wp custom fields search
多言語対応
・複数シングルサイトで運用(言語別にWPインストール)
・スラッグのつけ方を工夫(グランキューブ大阪のサイトが例
・多言語化プラグイン(埼玉トリエンナーレが例 bogoプラグイン
・google自動翻訳組み込み
まとめ
・メールフォーム
・モバイルデバイス
・検索
・多言語
# ノンプログラマーのためのWordPressテーマ作成ステップアップ術
テーマ:ショコラを作ったミニョンスタイルさん
テーマに必要なファイルは最低3つ
・index.php
・サムネイル
・function.php から他の関数PHPを読み込んでいる
スタイル
・bloginfoは非推奨
・スタイルシートの読み込みもfunctions.php
 wp_enqueue_styleでcss読み込む
 読み込みじゅんも指定可能
スクリプト
・wp_enqueue_sctiptでscript読み込む
 読み込みじゅんも指定可能
・WPにはデフォルトでjqueryなどはいっている
・デフォルト解除も可能
バリデーションとエスケープ
・入力チェック
・出力時にエスケープ
プラグインテリトリー
・テーマに機能を入れてしまうとテーマのバージョンアップなどで機能が使えなくなってしまったりする(GA SNSボタん
 デザインはテーマ、機能はプラグインにするようにする
 汎用的な機能をプラグイン化すべき
 テーマ固有の機能の修正はphpにしてincludeすれば切り分けられる
テーマとライセンス
GPL:自由にソフトウェアを使えるように保障するライセンス
# アンケートキーワード サンライズ
# Improving theme development テーマ制作方法を改善しよう
Benson Ho
tools
 webbuck
 grunt
 gulp
 wordmove
 codekit
 coda
gulp自動変換
 coofeescript
 sass
 js cssなどファイルが増えすぎたフラ1つのファイルにまとめたりできる
 スペース削除などして圧縮
ライブリローディングでブラウザリロードいらない
ブラウザしんく 複数のブラウザテストをいっぺんに
ローカルで開発してFTP転送する従来のやり方ではなく、一緒に更新できる?ワンラインでデプロイする?
gulp推し
wordmoveもやってみて
# デザイナーが効率よくテーマ作成を進めるには? デザインから WordPress のテーマ作成のワークフローを見直す
WPの作る時2パターんある
・テーマに直接
・静的ページ作ってから
swigというツール
gulpで自動デプロイ
タスクランナー 効率化ツール
# LT
なまはげ さん
word wine 2016
# フルスクラッチのテーマでサイトを作る楽しみ
よく使うプラグイン tool set types
tinyMCE advance
backWP
sitegurard
# contact form7の三好さん
what is the responsibility of plugin developers?