『WordCrab Fukui 2015』（2015年12月12日 開催）で発表した『アイドルだって WordPressが好き！ ～アイドル公式サイトに見るテーマ実装例～』のスライドです。 スライドと併せて、下記のスクリーンキャストもご参照ください。 ●サンスポアイドルリポーター SIR 　http://www.cowbell.jp/pub/wordcrab2015/sir.webm ●武藤彩未 　http://www.cowbell.jp/pub/wordcrab2015/ayami.webm ●がんばれ! Victory 　http://www.cowbell.jp/pub/wordcrab2015/ganbare.webm ●LinQ 　http://www.cowbell.jp/pub/wordcrab2015/linq.webm ●さんみゅ～ 　http://www.cowbell.jp/pub/wordcrab2015/sanmyu.webm

1. COWBELL Corporation

2. •
•
•
•

6. COWBELL Corporation

7. COWBELL Corporation

9. COWBELL Corporation

11. •
•
•
•

12. COWBELL Corporation

13. COWBELL Corporation

17. COWBELL Corporation

20. COWBELL Corporation

23. •
•
•
•

27. /WordPress¥s*(.*)/i
/<link
rel=("|')stylesheet("|')
[^>]+wp-content/i

29. •
•
•
•
•

30. COWBELL Corporation

32. •
•
•
•
Screencast file

34. hover.css を読み込んだ上で、
ボタン等の要素にクラス値を追記
<a class="button hvr-foo"
href="bar.html"></a>

35. COWBELL Corporation

37. •
•
•
•
Screencast file

38. 回転する角度を設定
transform: rotate(-45deg);
回転の起点を設定
transform-origin: left top;

40. <p id="myText">foo</p>
<script>
var text = new
ShuffleText(document.getElementByI
d("myText")); text.start();
</script>

41. COWBELL Corporation

43. •
•
•
•
Screencast file

45. jQueryとプラグインを読み込み
ラッピング要素にメソッドを適用
$('#wrapper').tubular({vide
oId: 'aIQRhzW5pjE'});

46. COWBELL Corporation

48. •
•
•
•
Screencast file

49. http://loveinq.com/member-
detail?ename=Amano%20Natsu

51. function
add_query_vars_filter( $vars ){
$vars[] = "ename";
return $vars;
}
add_filter( 'query_vars',
'add_query_vars_filter' );

52. COWBELL Corporation

54. •
•
•
•
Screencast file

58. COWBELL Corporation

62. COWBELL Corporation

63. photo by Paul Wilkinson (CC BY)

64. COWBELL Corporation