Download

ネオルドでは無料版と有料版の2種類のテーマをご用意しております。

Code snippet for WordPress:シンプル版(無料)

Bootstrapを使用したWordPressテンプレートにベーシックなスニペットが含まれているオリジナルテーマ。現在お使いのテーマや他のテーマで「CSW」を使用する際にもお役立てください。
※シンプル版にはすべての機能は付いておりません。
※無料版の場合はサポートは対応しておりません。

Download

Code snippet for WordPress:有料版

ネオルドが作成したオリジナルCSSワークフレームが全て含まれている有料版のテーマ。1年間のサポートも含まれています。
価格:21,600 円(税込)

Install

まずは「Code snippet for WordPress」テーマファイル(ZIP形式)を上記からダウンロードしてください。

WordPress管理画面からインストールする場合

  1. WordPressダッシュボードの左メニュー【外観】をクリックしてください。
  2. メインコンテンツ上部の【新規追加】をクリックしてください。
  3. メインコンテンツ上部の【テーマのアップロード】をクリックしてください。
  4. メインコンテンツ中央部の【ファイルの選択】からダウンロードした「Code snippet for WordPress」テーマファイル(ZIP形式)を選択し、【今すぐインストール】をクリックしてください。
  5. メインコンテンツ中央部の【有効化】をクリックしてください。

FTPソフトでテーマをインストールする場合

  1. FTPソフトで、WordPressがインストールされているディレクトリを開いてください。
  2. 「wp-content」→「themes」の順にディレクトリを開いてください。
  3. ダウンロードした「Code snippet for WordPress」テーマファイル(ZIP形式)を解凍した状態でアップロードしてください。
  4. WordPress管理画面に移動し、【外観】→【テーマ】から、インストールしたテーマを【有効化】をクリックしてください。

Included

csw(csw_f)/
├── css/
│   ├── bootstrap.min.css
│   └── bootswatch.min.css
│   ├── editor-style.css
│   └── editor-style.min.css
│   ├── html-style.css
│   └── html-style.min.css
│   ├── ie8.css
│   ├── theme.css
│   └── theme.min.css
├── font-awesome/
├── images/
├── js/
│   └── bootstrap.min.js
│   └── editer_plugin.js
│   └── ie8.js
│   └── img/
├── img/
└── archive.php
└── category.php
└── comments.php
└── footer.php
└── functions.php
└── header.php
└── index.php
└── page.php
└── screenshot.png
└── script.js
└── search.php
└── searchform.php
└── sidebar.php
└── single.php
└── style.css

CSSファイルに関しては「TinyMCEエディタ」の仕様上、一部のCSSを別けてあります。

bootstrap.min.css, bootswatch.min.css
bootstrapのCSSファイル(使用しない場合は削除可)
editor-style.css, editor-style.min.css
TinyMCEエディタ表示用のオリジナルCSSファイル
html-style.css, html-style.min.css
HTML表示用のオリジナルCSSファイル
ie8.css
IE8用のオリジナルCSSファイル
theme.css, theme.min.css
TinyMCEエディタ&HTML共通のオリジナルCSSファイル
bootstrap.min.js
bootstrapのJSファイル(使用しない場合は削除可)
editer_plugin.js
TinyMCEエディタ用のオリジナルJSファイル
ie8.js
IE8用のオリジナルJSファイル
各種PHPファイル
テーマの出力用PHPファイル
functions.php
TinyMCEエディタ用とWPテーマ用の記述が含まれているPHPファイル
screenshot.png
wordpress管理画面に表示させるテーマ画像
script.js, style.css
通常のテーマで使用するファイル

Setup

「Code snippet for WordPress」を設定する方法はテンプレートファイルの<head>タグの中に以下の記述を追加して下さい。

オリジナルCSSワークフレームで使用しているアイコンを表示させるための記述です。
また、収録されているアイコンは「Font Awesome Icons」で確認できます。

<!-- Font Awesome -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

オリジナルCSSワークフレームCSSファイルを設置するための記述です。

<!-- Code snippet for WordPress -->
<link href="<?php echo get_template_directory_uri(); ?>/css/html-style.min.css" rel="stylesheet">

また、<BODY>タグの中に以下の記述を追加して下さい。

コンテンツの出力部分をクラス名「NComponents」で囲んだ箇所でオリジナルCSSワークフレームを使用することができます。

<div class="NComponents">
<?php the_content(); ?>
</div>