• WordPressのテーマを作ろう(その1)コーディングする前に

wordpressのテーマを作ろう01

今回、私がWordpressのテーマを作るうえで作業する内容を、簡単にですが紹介して行きたいと思います。

サイト構成は、ホームページ+ブログ機能。
前提は、Wordpressがインストールされていること。HTMLラフが出来上がっていること。です。

WordPressのバージョンはwordpress-3.5.1-jaを使用します。

 

まず今回は、Wordpressのテーマを自作するにあたっての手順その1です。コーディングをする前に準備することをご紹介します。

 

テーマファイルの用意

まず、基本的に必要となるファイルを用意します。

設置する場所は、wordpressインストールした中のディレクトリ、
→wp-content\themes\任意のフォルダ\
の下です。

 

  • style.css

  • functions.php
  • page.php
  • index.php
  • header.php
  • footer.php
  • home.php
  • sidebar.php
  • category.php
  • content.php
  • date.php
  • pagenation.php
  • single.php

  • screenshot.jpg

 

 cssの中身はこんな感じで良いと思います。


/*
<div style="display: none"><a href="editingservicesonline.net">english essay writing service</a></div>Theme Name: Sample
Theme URI: http://www.xxxx.com/
Description: The 2013 default theme for Sample.
Author: SampleABC
Author URI: http://www.xxxx.com/
Version: 1.0
*/

 

基本設定

WordPressの管理画面で、以下のことをやります。

  • [外観]>[テーマ] テーマの有効化
  • [設定]>[一般] 各項目の設定
  • [設定]>[パーマリンク設定]>カスタム構造 にチェック、以下に設定
    
    /%category%/%postname%/
    
    
  • [ユーザー]>[ユーザー一覧] プロフィールの設定

 

コンテンツの用意

  • [投稿]>[カテゴリー] カテゴリーの用意
  • [投稿]>[新規追加] 記事の用意
  • [固定ページ]>[新規追加] 固定ページの用意

 

今回はこんなところにしておきます。次回からコーディングです。

 

 

私が参考にしている本

 

 

Clip to Evernote
このエントリーをはてなブックマークに追加