読者です 読者をやめる 読者になる 読者になる

Webデザインの勉強 | フェリカテクニカルアカデミーWebサイト制作科サポートブログ

最後に Theme Check プラグインでチェック

カスタムメニューを利用できるようにする

固定ページを表示するメインテンプレートファイル page.php

コメント部分を表示

個別記事を表示する single.php

フッターを表示する footer.php を編集

サイドバーの部分 sidebar.php を編集

メインのテンプレートファイル index.php の編集

header.php を編集

header.php を編集 サイト名 紹介文 検索フォーム ナビゲーション サイト名と紹介文の部分 HTML – サイト名と紹介文の部分 <h1 id="logo"> <a href="#"><span>Simple x Simple</span></a> </h1> <p id="description">Just another WordPress site</p> TEMPLATE TAG bloginfo('name') … サイト名を表示する bloginfo('description') … …

WordPress のテンプレートタグを記述

style.cssを読み込む index.php – <head>内の一部 <link rel="shortcut icon" href="images/favicon.ico"> <link rel="stylesheet" href="style.css" media="screen"> テンプレートタグを記述します <link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico"> </link></link></link></head>

「テーマをゼロから作成する方法」のサイト制作の流れ

サイト制作の流れ サイトの設計・デザイン HTML+CSSでのコーディング WordPressのテーマ化 HTML+CSSのコーディング index.html style.css page.html single.html この時点で、静止ページを完成させておきます。 テーマ作成の基本作業 「wp-content/themes/」…

テーマのファイル構成を理解する

WordPressのテーマ モジュール化された構造を持ち、テーマを切り替えることにより構造はそのままに視覚表現のみを変更できる仕組み 「wp-content/themes/」内にフォルダーを作成 今回は「NewTheme」とします ページを表示するためのテンプレートファイル ind…

テスト環境を作りWordPressをインストール

テスト環境を作る 公開する前に十分にテストできる環境が必要です テスト環境の種類 ローカルマシンに作る(PC内) サーバーに作る(サーバー上) WordPressのインストールと基本設定 WordPressをダウンロードし、ファイルをテスト環境「htdocs」フォルダー…