Más contenido relacionado
Similar a レスポンシブ+フラットデザイン+WordPress (10)
レスポンシブ+フラットデザイン+WordPress
- 3. 自己紹介
額賀 順子 | ヌカガジュンコ
フリーランスのWebディレクター/
デザイナー。
つまり1人で色々やっちゃう人。
WordBench大阪の管理人をしてい
ます。
nukagajunko
@nukaga
3
13年9月28日土曜日
- 44. WordPress化してみよう
@charset "UTF-8";
/*
Theme Name:テーマの名前
Theme URI:テーマを配布する際はここにURL
Description:テーマの説明です
Author:作成者名。
Author URI:作成者のサイトURL
Version:テーマのバージョンを書きます。
*/
style.cssの一番最初に
「WordPressのテーマだよ」
ということを書く
親テーマのディレクトリ名, 大文字小文字を区別します
Template: twentyeleven
子テーマにするならTemplateの記述が必須
44
13年9月28日土曜日
- 46. WordPress化してみよう
• <?php get_header(); ?> / header.phpと結びます。
• <?php get_footer(); ?> / footer.phpと結びます。
• <?php get_sidebar(); ?> / sidebar.phpと結びます。
<?php include( TEMPLATEPATH . '/header2.php' ); ?>
インクルードタグ
その他任意の結びたいphpがあったら
46
13年9月28日土曜日
- 60. 子テーマ+フレームワーク
header.phpを作ったついでに、Flat UI用のJSを読
み込むように書き込み。
(template.htmlからコピペ)
<!-- Load JS here for greater good =============================-->
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery-1.8.3.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.ui.touch-punch.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/bootstrap.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/bootstrap-select.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/bootstrap-switch.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/flatui-checkbox.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/flatui-radio.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.tagsinput.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.placeholder.js"></script>
60
13年9月28日土曜日
- 61. 子テーマ+フレームワーク
<script src="
<?php echo get_stylesheet_directory_uri(); ?>
/js/.js"></script>
注意:親テーマを使っていて子テーマのディレクトリ
から呼び出したい場合は
<?php echo get_stylesheet_directory_uri(); ?>
を使う
61
13年9月28日土曜日