ネオルドでは無料版と有料版の2種類のテーマをご用意しております。
Bootstrapを使用したWordPressテンプレートにベーシックなスニペットが含まれているオリジナルテーマ。現在お使いのテーマや他のテーマで「CSW」を使用する際にもお役立てください。
※シンプル版にはすべての機能は付いておりません。
※無料版の場合はサポートは対応しておりません。
ネオルドが作成したオリジナルCSSワークフレームが全て含まれている有料版のテーマ。1年間のサポートも含まれています。
価格:21,600 円(税込)
まずは「Code snippet for WordPress」テーマファイル(ZIP形式)を上記からダウンロードしてください。
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を別けてあります。
「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>