RECOMMEND
RECOMMEND
SELECTED ENTRIES
RECENT COMMENTS
CATEGORIES
ARCHIVES
MOBILE
qrcode
LINKS
PROFILE
OTHERS

10
--
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
--
>>
<<
--

Nucleusで作る。

NucleusCMSを使ってWebサイトを構築するメモ書き。by Juggler
NP_ExtraSkinJP - NP_MetaTagsを使う場合
NP_ExtraSkinJPで構築するときに、<meta>にNP_MetaTagsを使う場合は「グローバル」か「blogのみ」にします。

[meta]
================================================
<%if(skintype,index)%>
<%if(category)%>
<meta name="description" content="<%category(desc)%>" />
<meta name="keywords" content="*****,****,*****,***,<%category(name)%>" />
<%else%>
<meta name="description" content="*********************" />
<meta name="keywords" content="*****,****,*****,***,<%blogsetting(name)%>" />
<%endif%>
<%endif%>
<%if(skintype,item)%><%MetaTags%><%endif%>

================================================

実際に上記のように記述しています。
<%category(name)%>や<%blogsetting(name)%>を入れることでメタデータが重複しないようにしています。

| NP_ExtraSkinJP | 14:37 | comments(0) | trackbacks(0) | pookmark |
NP_ExtraSkinJP - <head>内の構築例
NP_ExtraSkinJPで実際に<head>内に記述してみます。

[head]という部品に[meta][css][javascript][title]などの各部品を集めていきます。

まず[head]を「グローバル」で作ります。
続いて[title][css][javascript]の3つを作るのですが、blogが1つだけの場合や全て同じもの使用する場合は「グローバル」で作り、blogが複数ある別々にする場合は「blogのみ」で作ります。今回はif文で分岐しているので「グローバル」で作成しておきます。
[meta]は<keywords>と<description>を別々に記述する必要があるので「blogとcategory」で作っておきます。

実際に記載しているのはこんな感じになります。

[head] グローバル
================================================
<head>
<%ExtraSkinJP(meta)%>
<%ExtraSkinJP(javascript)%>
<%ExtraSkinJP(css)%>
<%ExtraSkinJP(title)%>
</head>

================================================

[css] blogのみ
================================================
<link rel="stylesheet" type="text/css" href="<%sitevar(url)%>css/style.css" />
================================================

[javascript] blogのみ
================================================
<link rel="stylesheet" type="text/css" href="<%sitevar(url)%>js/javascript.js" />
================================================

[title] blogのみ
================================================
<%if(skintype,archive)%><title><%blogsetting(name)%> - Archive</title><%endif%><%if(skintype,archivelist)%><title><%blogsetting(name)%> - Archive List</title><%endif%><%if(skintype,error)%><title><%sitevar(name)%> » Error!</title><%endif%><%if(skintype,index)%><%if(category)%><title><%category(name)%>の<%blogsetting(name)%> - <%sitevar(name)%></title><%else%><title><%sitevar(name)%> - <%blogsetting(desc)%></title><%else%><%if(TagEX,tag)%><title><%TagEX(title)%> - <%blogsetting(name)%> [<%sitevar(name)%>]</title><%else%><title><%blogsetting(name)%> - <%blogsetting(desc)%> [<%sitevar(name)%>]</title><%endif%><%endif%><%endif%><%if(skintype,item)%><title><%itemtitle(attribute)%> - <%blogsetting(name)%> | <%sitevar(name)%></title><%endif%><%if(skintype,member)%><title><%blogsetting(name)%> - メンバー</title><%endif%><%if(skintype,search)%><title><%blogsetting(name)%> - Search</title><%endif%>
================================================

[meta] blogとcatgory
================================================
blog
<meta name="description" content="*********************" />
<meta name="keywords" content="*****,****,****,*****,***" />

category
<meta name="description" content="*********************" />
<meta name="keywords" content="*****,****,****,*****,***" />

================================================

これでNP_ExtraSkinJPで<head>内を構築したことになります。
これをスキンで<%ExtraSkinJP(head)%>として呼び出して使用しています。
| NP_ExtraSkinJP | 13:58 | comments(1) | trackbacks(0) | pookmark |
NP_ExtraSkinJPについて
NP_ExtraSkinJPは、Webサイトを構築する際に使用するパーツ類を呼び出すのに使用しています。

パーツは「グローバル」「blogのみ」「blogとcategory」の3つを設定できるので、ページに合わせて振り分けて使っています。

「グローバル」は全てのページで呼び出すことが可能ですので、私の場合はブロック要素の枠組みや<head>内で使用しています。またバナーなども「グローバル」に記述していることが多いです。

「blogのみ」はblogのみに呼び出せるのでcategoryも含めて同じ内容を載せる時に使用しています。JavaScriptやCSSなどblogごとに切り替える場合などに使っています。

「blogとcategory」、これが一番良く使います。blogとcategoryを全て別々に呼び出せるので、トップページやカテゴリーページなどを別々のデザインに変更するのに使用したり、<meta>や<title>などの埋め込みに使用していることが多いです。
またちょっとしたデザインの編集もしやすいです。

私の制作したNucleusのサイトのほとんどは、NP_ExtraSkinJPを使って構築しています。
| NP_ExtraSkinJP | 13:37 | comments(0) | trackbacks(0) | pookmark |