Downloaded 10 times
101210 supreme web adobe seminar Nagoya
- 1. WordPressとDreamweaver CS5の連携 2010.12.10 Supreme Web Adobeセミナー Nagoya
- 2.
- 3.
- 4. CSS Nite inNAGOYA
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16. コミュニティーサイト loftwork.com
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26. 必須ファイル WordPressにテーマとして認識させるためには... index.php style.css style.cssにテーマの情報を記載する。 ここに記載するとWordPressは テーマとして認識します。
- 27. style.cssへの記述例 /* Theme Name: テーマの名前 ThemeDescription: テーマの説明文 Author: テーマの制作者 Author URI: テーマの制作者のURI Version: テーマのバージョン */
- 28.
- 29. テンプレートファイル デフォルトテーマ TwentyTen のファイル構成 index.php tag.php header.php 404.php footer.php archive.php sidebar.php attachment.php sidebar-footer.php author.php single.php category.php page.php comments.php onecolumn-page.php loop.php functions.php search.php
- 30. テンプレートファイル header.php index.php functions.php footer.php single.php sidebar.php page.php
- 31.
- 32. テンプレートファイル パーツを表示するファイル ファイル名 説明 header.php ヘッダーエリアを表示 footer.php フッターエリアを表示 sidebar.php サイドバーエリアを表示
- 33. テンプレートファイル 各ページを出力するファイル ファイル名 説明 index.php 基本的にはTOPで表示 single.php 投稿を個別で表示 page.php ページを表示 ※詳しくはテンプレート階層を参照
- 34. header.php index.php single.php sidebar.php page.php footer.php
- 35. 特殊テンプレートファイル 関数などを記載するファイル ファイル名 説明 functions.php テーマで利用する関数などを記載する。 ウィジェット、カスタムメニュー、カスタム背景、カスタムヘッダーを 利用する場合もこのファイルに記述が必要。
- 36.
- 37. ローカルサーバーの構築 or XAMMP MAMP
- 38.
- 39. bloginfo タグ WordPressの基本情報を表示するタグ タグ 説明 <?php bloginfo('name'); ?> サイトのタイトル <?php bloginfo('stylesheet_url'); ?> メインCSSのURL <?php bloginfo('url'); ?> サイトURL
- 40. 機能を表示するタグ 便利な機能を呼び出すタグ タグ 説明 <?php wp_nav_menu(); ?> カスタムナビゲーションを表示 <?php dynamic_sidebar(); ?> ウィジェットを表示
- 41.
- 42. LOOP くり返し処理 <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> //記事のフォーマット <?php endwhile; ?> <?php else : ?> //コンテンツがない時の表示 <?php endif; ?>
- 43. コンテンツを表示するタグ 投稿内容を表示するタグ タグ 説明 <?php the_permalink() ?> URLを表示 <?php the_title(); ?> タイトルを表示 <?php the_content(); ?> 本文を表示 <?php the_time() ?> 公開時間を表示 <?php the_category() ?> カテゴリを表示 <?php the_tags(); ?> タグを表示
- 44. パーツテンプレートタグ パーツを表示するタグ タグ 説明 <?php get_header(); ?> header.php を表示 <?php get_footer(); ?> footer.php を表示 <?php get_sidebar(); ?> sidebar.php を表示
- 45.
- 46.
- 47.
- 48. I wish youa merry Christmas!
- 49. Thank you. website :http://mighty-works.com/ mail : toyoda@mighty-works.com twitter : @mighty_works