使い回しをしたい部分をブロック化していきます。
ヘッダー・ナビゲーションメニュー・フッターの3パーツを部品のようにサイト内ソースとして保存しておき、ページごとに呼び出します。
PHPのinclude文で別に用意したファイルを読み込むのと同じようなものでしょうか。
変更が発生しても読み込み元の記述を書き直せばブロックを設定したページ全てに反映されるようになるので管理が楽になります。
ヘッダータイトル部分
<div id="header-image"> <img src="/paramy/img/table.png" alt="header-image" width="75" height="96" /> </div> <h1><a href="/paramy/">ぱらむ・すきっちぇ</a></h1> <p id="desc">風のたより程の意</p>
のソースを header_inc 等、任意のタイトル名で記事として保存します。
同様に
ナビゲーションlist部分
<li id="stanza"><a href="/paramy/">Stanza</a></li>
<li id="photos"><a href="/paramy/photos/">Photos</a></li>
<li id="skizze"><a href="/paramy/skizze/">Blog</a></li>
<li id="about"><a href="/paramy/about/">About</a></li>
を gnavi_inc
フッター
<footer id="footer"> <p>© dHaus <span>D Happy Agenda Unites Stanzas</span></p> </footer>
をfooter_inc として記事に保存。
テンプレートHTML側には替わりに
<!--headerの記述--> <!-- block:id="header" --> <!-- cms:id="content" --><!-- /cms:id="content" --> <!-- /block:id="header" --> <!-- gnavi liの記述 --> <!-- block:id="gnavi" --> <!-- cms:id="content" --><!-- /cms:id="content" --> <!-- /block:id="gnavi" --> <!--フッターの記述--> <!-- block:id="footer" --> <!-- cms:id="content" --><!-- /cms:id="content" --> <!-- /block:id="footer" -->
を代入します。
テンプレート編集画面「ブロック」タブをクリックするとブロックを設定する画面が表示されます。
まず header 「設定する」をクリック
記事表示用ブロックをチェックして「次へ」をクリック
記事を選択する画面が出るので先ほど保存した"header_inc" を追加して設定保存します。
残り二つのブロック設定も同様です。
これで最終的なテンプレートは
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ぱらむ・すきっちぇ |Blog:トップ</title> <link rel="stylesheet" type="text/css" href="/paramy/css/style.css" /> <link rel="stylesheet" type="text/css" href="/paramy/css/skizze.css" /> ---略--- </head>
<body>
<div id="head-bar">
<div id="wrapper">
<header id="header">
<!--headerの記述-->
<!-- block:id="header" -->
<!-- cms:id="content" --><!-- /cms:id="content" -->
<!-- /block:id="header" -->
<!--/headerの記述-->
<nav id="nav">
<ul id="navi-@@raw_page_title;">
<!-- gnavi liの記述 -->
<!-- block:id="gnavi" -->
<!-- cms:id="content" --><!-- /cms:id="content" -->
<!-- /block:id="gnavi" -->
<!-- gnavi liの記述 -->
</ul>
</nav>
</header>
<!--ページメインの記述-->
<div id="main-skizze">
<!--中央コンテンツの記述-->
<div id="content">
<div class="post">
<!-- b_block:id="entry_list" エントリーの記述-->
<div class="entry">
<ul class="posted-cat">
<!-- cms:id="category_list" -->
<li><a cms:id="category_link"><!-- cms:id="category_name" --><!-- /cms:id="category_name" --></a></li>
<!-- /cms:id="category_list" -->
</ul>
<h2 class="title">
<!-- cms:id="title" -->エントリータイトル01<!-- /cms:id="title" -->
<!-- cms:id="sub-title-span" -->タイトルspan<!-- /cms:id="sub-title-span" -->
</h2>
<!-- cms:id="sub-title-under" -->サブタイトル<!-- /cms:id="sub-title-under" -->
<div cms:id="content">記事テキスト表示</div>
<div class="more_link"><a href="entry.html#more" cms:id="more_link">追記を読む</a></div>
<p class="posted-date"><!-- cms:id="create_date" cms:format="Y.m.d" -->2008.02.00<!-- /cms:id="create_date" --> | <a href="#" cms:id="trackback_link">Trackback(<!-- cms:id="trackback_count" -->0<!-- /cms:id="trackback_count" -->)</a></p>
</div>
<!-- /b_block:id="entry_list" エントリーの記述-->
<div class="pager">
<a b_block:id="first_page"><<</a b_block:id="first_page">
<!-- b_block:id="pager" cms:pager_num="10" -->
<span class="pager_item" cms:id="pager_item"><a href="#">1</a></span>
<!-- /b_block:id="pager" -->
<a b_block:id="last_page">>></a b_block:id="last_page">
<!-- b_block:id="pages" /-->ページ中<!-- b_block:id="current_page" /-->ページ目
</div>
</div><!-- /post -->
</div><!-- /contents -->
<!--/中央コンテンツの記述-->
<!--左サイドの記述-->
<div id="sidebar">
<ul>
<!--プロフィールの記述-->
<li>
<h2 class="blog-title-info">Param Skizze <span>ぱらむ すきっちぇ</span></h2>
<p class="blog-info" b_block:id="blog_description">ブログの説明がここに記述されます。</p b_block:id="blog_description">
<p id="feed-link"><a b_block:id="rss_link">[RSS]</a><br /><a b_block:id="atom_link">[Atom]</a></p>
<img id="feed-icon" src="/paramy/img/feed-icon-28x28.png" alt="FEED" width="28" height="28" />
</li>
<!--/プロフィールの記述-->
<!--カテゴリーの記述-->
<li>
<h2>カテゴリー</h2>
<ul>
<!-- b_block:id="category" カテゴリーリスト出力 -->
<li><a href="#" title="" cms:id="category_link"><!-- cms:id="category_name" -->ダミーカテゴリー<!-- /cms:id="category_name" --></a> (<!-- cms:id="entry_count" -->00<!-- /cms:id="entry_count" -->) </li>
<!-- /b_block:id="category" カテゴリーリストここまで -->
</ul>
</li>
<!--/カテゴリーの記述-->
<!--アーカイブの記述-->
<li>
<h2>アーカイブ</h2>
<ul>
<!-- b_block:id="archive" 月別アーカイブ出力-->
<li><a href="#" title="" cms:id="archive_link"><!-- cms:id="archive_month" cms:format="Y.m月" -->February 2008<!-- /cms:id="archive_month" --></a><span> (<!-- cms:id="entry_count" -->00<!-- /cms:id="entry_count" -->)</span></li>
<!-- /b_block:id="archive" -->
</ul>
</li>
<!--/アーカイブの記述-->
</ul>
</div>
<!--/左サイドの記述-->
</div> <!--/メインの記述--> <!-- このページトップへ --> <div id="jump-top"><a href="#">このページTOPへ</a></div> </div> <!-- end-wrapper --> <!--フッターの記述--> <!-- block:id="footer" --> <!-- cms:id="content" --><!-- /cms:id="content" --> <!-- /block:id="footer" --> <!--/フッターの記述--> </div><!-- end-head-bar --> </body> </html>
2013.09.11 | Trackback(0)
Gregorytek
2025.08.30 01:09
http://tuchkas.ru/
Gregorytek
2025.08.22 00:09
<a href=http://audiobookkeeper.ru>audiobookkeeper.ru</a> <a href=http://cottagenet.ru>cottagenet.ru</a> <a href=http://eyesvision.ru>eyesvision.ru</a> <a href=http://eyesvisions.com>eyesvisions.com</a> <a href=http://factoringfee.ru>factoringfee.ru</a> <a href=http://filmzones.ru>filmzones.ru</a> <a href=http://gadwall.ru>gadwall.ru</a> <a href=http://gaffertape.ru>gaffertape.ru</a> <a href=http://gageboard.ru>gageboard.ru</a> <a href=http://gagrule.ru>gagrule.ru</a> <a href=http://gallduct.ru>gallduct.ru</a> <a href=http://galvanometric.ru>galvanometric.ru</a> <a href=http://gangforeman.ru>gangforeman.ru</a> <a href=http://gangwayplatform.ru>gangwayplatform.ru</a> <a href=http://garbagechute.ru>garbagechute.ru</a> <a href=http://gardeningleave.ru>gardeningleave.ru</a> <a href=http://gascautery.ru>gascautery.ru</a> <a href=http://gashbucket.ru>gashbucket.ru</a> <a href=http://gasreturn.ru>gasreturn.ru</a> <a href=http://gatedsweep.ru>gatedsweep.ru</a> <a href=http://gaugemodel.ru>gaugemodel.ru</a> <a href=http://gaussianfilter.ru>gaussianfilter.ru</a> <a href=http://gearpitchdiameter.ru>gearpitchdiameter.ru</a> <a href=http://geartreating.ru>geartreating.ru</a> <a href=http://generalizedanalysis.ru>generalizedanalysis.ru</a> <a href=http://generalprovisions.ru>generalprovisions.ru</a> <a href=http://geophysicalprobe.ru>geophysicalprobe.ru</a> <a href=http://geriatricnurse.ru>geriatricnurse.ru</a> <a href=http://getintoaflap.ru>getintoaflap.ru</a>
<a href=http://getthebounce.ru>getthebounce.ru</a> <a href=http://habeascorpus.ru>habeascorpus.ru</a> <a href=http://habituate.ru>habituate.ru</a> <a href=http://hackedbolt.ru>hackedbolt.ru</a> <a href=http://hackworker.ru>hackworker.ru</a> <a href=http://hadronicannihilation.ru>hadronicannihilation.ru</a> <a href=http://haemagglutinin.ru>haemagglutinin.ru</a> <a href=http://hailsquall.ru>hailsquall.ru</a> <a href=http://hairysphere.ru>hairysphere.ru</a> <a href=http://halforderfringe.ru>halforderfringe.ru</a> <a href=http://halfsiblings.ru>halfsiblings.ru</a> <a href=http://hallofresidence.ru>hallofresidence.ru</a> <a href=http://haltstate.ru>haltstate.ru</a> <a href=http://handcoding.ru>handcoding.ru</a> <a href=http://handportedhead.ru>handportedhead.ru</a> <a href=http://handradar.ru>handradar.ru</a> <a href=http://handsfreetelephone.ru>handsfreetelephone.ru</a> <a href=http://hangonpart.ru>hangonpart.ru</a> <a href=http://haphazardwinding.ru>haphazardwinding.ru</a> <a href=http://hardalloyteeth.ru>hardalloyteeth.ru</a> <a href=http://hardasiron.ru>hardasiron.ru</a> <a href=http://hardenedconcrete.ru>hardenedconcrete.ru</a> <a href=http://harmonicinteraction.ru>harmonicinteraction.ru</a> <a href=http://hartlaubgoose.ru>hartlaubgoose.ru</a> <a href=http://hatchholddown.ru>hatchholddown.ru</a> <a href=http://haveafinetime.ru>haveafinetime.ru</a> <a href=http://hazardousatmosphere.ru>hazardousatmosphere.ru</a> <a href=http://headregulator.ru>headregulator.ru</a> <a href=http://heartofgold.ru>heartofgold.ru</a> <a href=http://heatageingresistance.ru>heatageingresistance.ru</a>
<a href=http://heatinggas.ru>heatinggas.ru</a> <a href=http://heavydutymetalcutting.ru>heavydutymetalcutting.ru</a> <a href=http://jacketedwall.ru>jacketedwall.ru</a> <a href=http://japanesecedar.ru>japanesecedar.ru</a> <a href=http://jibtypecrane.ru>jibtypecrane.ru</a> <a href=http://jobabandonment.ru>jobabandonment.ru</a> <a href=http://jobstress.ru>jobstress.ru</a> <a href=http://jogformation.ru>jogformation.ru</a> <a href=http://jointcapsule.ru>jointcapsule.ru</a> <a href=http://jointsealingmaterial.ru>jointsealingmaterial.ru</a> <a href=http://journallubricator.ru>journallubricator.ru</a> <a href=http://juicecatcher.ru>juicecatcher.ru</a> <a href=http://junctionofchannels.ru>junctionofchannels.ru</a> <a href=http://justiciablehomicide.ru>justiciablehomicide.ru</a> <a href=http://juxtapositiontwin.ru>juxtapositiontwin.ru</a> <a href=http://kaposidisease.ru>kaposidisease.ru</a> <a href=http://keepagoodoffing.ru>keepagoodoffing.ru</a> <a href=http://keepsmthinhand.ru>keepsmthinhand.ru</a> <a href=http://kentishglory.ru>kentishglory.ru</a> <a href=http://kerbweight.ru>kerbweight.ru</a> <a href=http://kerrrotation.ru>kerrrotation.ru</a> <a href=http://keymanassurance.ru>keymanassurance.ru</a> <a href=http://keyserum.ru>keyserum.ru</a> <a href=http://kickplate.ru>kickplate.ru</a> <a href=http://killthefattedcalf.ru>killthefattedcalf.ru</a> <a href=http://kilowattsecond.ru>kilowattsecond.ru</a> <a href=http://kingweakfish.ru>kingweakfish.ru</a> <a href=http://kinozones.ru>kinozones.ru</a> <a href=http://kleinbottle.ru>kleinbottle.ru</a> <a href=http://kneejoint.ru>kneejoint.ru</a>
<a href=http://knifesethouse.ru>knifesethouse.ru</a> <a href=http://knockonatom.ru>knockonatom.ru</a> <a href=http://knowledgestate.ru>knowledgestate.ru</a> <a href=http://kondoferromagnet.ru>kondoferromagnet.ru</a> <a href=http://labeledgraph.ru>labeledgraph.ru</a> <a href=http://laborracket.ru>laborracket.ru</a> <a href=http://labourearnings.ru>labourearnings.ru</a> <a href=http://labourleasing.ru>labourleasing.ru</a> <a href=http://laburnumtree.ru>laburnumtree.ru</a> <a href=http://lacingcourse.ru>lacingcourse.ru</a> <a href=http://lacrimalpoint.ru>lacrimalpoint.ru</a> <a href=http://lactogenicfactor.ru>lactogenicfactor.ru</a> <a href=http://lacunarycoefficient.ru>lacunarycoefficient.ru</a> <a href=http://ladletreatediron.ru>ladletreatediron.ru</a> <a href=http://laggingload.ru>laggingload.ru</a> <a href=http://laissezaller.ru>laissezaller.ru</a> <a href=http://lambdatransition.ru>lambdatransition.ru</a> <a href=http://laminatedmaterial.ru>laminatedmaterial.ru</a> <a href=http://lammasshoot.ru>lammasshoot.ru</a> <a href=http://lamphouse.ru>lamphouse.ru</a> <a href=http://lancecorporal.ru>lancecorporal.ru</a> <a href=http://lancingdie.ru>lancingdie.ru</a> <a href=http://landingdoor.ru>landingdoor.ru</a> <a href=http://landmarksensor.ru>landmarksensor.ru</a> <a href=http://landreform.ru>landreform.ru</a> <a href=http://landuseratio.ru>landuseratio.ru</a> <a href=http://languagelaboratory.ru>languagelaboratory.ru</a> <a href=http://largeheart.ru>largeheart.ru</a> <a href=http://lasercalibration.ru>lasercalibration.ru</a> <a href=http://laserlens.ru>laserlens.ru</a>
<a href=http://laserpulse.ru>laserpulse.ru</a> <a href=http://laterevent.ru>laterevent.ru</a> <a href=http://latrinesergeant.ru>latrinesergeant.ru</a> <a href=http://layabout.ru>layabout.ru</a> <a href=http://leadcoating.ru>leadcoating.ru</a> <a href=http://leadingfirm.ru>leadingfirm.ru</a> <a href=http://learningcurve.ru>learningcurve.ru</a> <a href=http://leaveword.ru>leaveword.ru</a> <a href=http://machinesensible.ru>machinesensible.ru</a> <a href=http://magneticequator.ru>magneticequator.ru</a> <a href=http://magnetotelluricfield.ru>magnetotelluricfield.ru</a> <a href=http://mailinghouse.ru>mailinghouse.ru</a> <a href=http://majorconcern.ru>majorconcern.ru</a> <a href=http://mammasdarling.ru>mammasdarling.ru</a> <a href=http://managerialstaff.ru>managerialstaff.ru</a> <a href=http://manipulatinghand.ru>manipulatinghand.ru</a> <a href=http://manualchoke.ru>manualchoke.ru</a> <a href=http://medinfobooks.ru>medinfobooks.ru</a> <a href=http://mp3lists.ru>mp3lists.ru</a> <a href=http://nameresolution.ru>nameresolution.ru</a> <a href=http://naphtheneseries.ru>naphtheneseries.ru</a> <a href=http://narrowmouthed.ru>narrowmouthed.ru</a> <a href=http://nationalcensus.ru>nationalcensus.ru</a> <a href=http://naturalfunctor.ru>naturalfunctor.ru</a> <a href=http://navelseed.ru>navelseed.ru</a> <a href=http://neatplaster.ru>neatplaster.ru</a> <a href=http://necroticcaries.ru>necroticcaries.ru</a> <a href=http://negativefibration.ru>negativefibration.ru</a> <a href=http://neighbouringrights.ru>neighbouringrights.ru</a> <a href=http://objectmodule.ru>objectmodule.ru</a>
<a href=http://observationballoon.ru>observationballoon.ru</a> <a href=http://obstructivepatent.ru>obstructivepatent.ru</a> <a href=http://oceanmining.ru>oceanmining.ru</a> <a href=http://octupolephonon.ru>octupolephonon.ru</a> <a href=http://offlinesystem.ru>offlinesystem.ru</a> <a href=http://offsetholder.ru>offsetholder.ru</a> <a href=http://olibanumresinoid.ru>olibanumresinoid.ru</a> <a href=http://onesticket.ru>onesticket.ru</a> <a href=http://packedspheres.ru>packedspheres.ru</a> <a href=http://pagingterminal.ru>pagingterminal.ru</a> <a href=http://palatinebones.ru>palatinebones.ru</a> <a href=http://palmberry.ru>palmberry.ru</a> <a href=http://papercoating.ru>papercoating.ru</a> <a href=http://paraconvexgroup.ru>paraconvexgroup.ru</a> <a href=http://parasolmonoplane.ru>parasolmonoplane.ru</a> <a href=http://parkingbrake.ru>parkingbrake.ru</a> <a href=http://partfamily.ru>partfamily.ru</a> <a href=http://partialmajorant.ru>partialmajorant.ru</a> <a href=http://quadrupleworm.ru>quadrupleworm.ru</a> <a href=http://qualitybooster.ru>qualitybooster.ru</a> <a href=http://quasimoney.ru>quasimoney.ru</a> <a href=http://quenchedspark.ru>quenchedspark.ru</a> <a href=http://quodrecuperet.ru>quodrecuperet.ru</a> <a href=http://rabbetledge.ru>rabbetledge.ru</a> <a href=http://radialchaser.ru>radialchaser.ru</a> <a href=http://radiationestimator.ru>radiationestimator.ru</a> <a href=http://railwaybridge.ru>railwaybridge.ru</a> <a href=http://randomcoloration.ru>randomcoloration.ru</a> <a href=http://rapidgrowth.ru>rapidgrowth.ru</a> <a href=http://rattlesnakemaster.ru>rattlesnakemaster.ru</a>
<a href=http://reachthroughregion.ru>reachthroughregion.ru</a> <a href=http://readingmagnifier.ru>readingmagnifier.ru</a> <a href=http://rearchain.ru>rearchain.ru</a> <a href=http://recessioncone.ru>recessioncone.ru</a> <a href=http://recordedassignment.ru>recordedassignment.ru</a> <a href=http://rectifiersubstation.ru>rectifiersubstation.ru</a> <a href=http://redemptionvalue.ru>redemptionvalue.ru</a> <a href=http://reducingflange.ru>reducingflange.ru</a> <a href=http://referenceantigen.ru>referenceantigen.ru</a> <a href=http://regeneratedprotein.ru>regeneratedprotein.ru</a> <a href=http://reinvestmentplan.ru>reinvestmentplan.ru</a> <a href=http://safedrilling.ru>safedrilling.ru</a> <a href=http://sagprofile.ru>sagprofile.ru</a> <a href=http://salestypelease.ru>salestypelease.ru</a> <a href=http://samplinginterval.ru>samplinginterval.ru</a> <a href=http://satellitehydrology.ru>satellitehydrology.ru</a> <a href=http://scarcecommodity.ru>scarcecommodity.ru</a> <a href=http://scrapermat.ru>scrapermat.ru</a> <a href=http://screwingunit.ru>screwingunit.ru</a> <a href=http://seawaterpump.ru>seawaterpump.ru</a> <a href=http://secondaryblock.ru>secondaryblock.ru</a> <a href=http://secularclergy.ru>secularclergy.ru</a> <a href=http://seismicefficiency.ru>seismicefficiency.ru</a> <a href=http://selectivediffuser.ru>selectivediffuser.ru</a> <a href=http://semiasphalticflux.ru>semiasphalticflux.ru</a> <a href=http://semifinishmachining.ru>semifinishmachining.ru</a> <a href=http://spicetrade.ru>spicetrade.ru</a> <a href=http://spysale.ru>spysale.ru</a> <a href=http://stungun.ru>stungun.ru</a> <a href=http://tacticaldiameter.ru>tacticaldiameter.ru</a>
<a href=http://tailstockcenter.ru>tailstockcenter.ru</a> <a href=http://tamecurve.ru>tamecurve.ru</a> <a href=http://tapecorrection.ru>tapecorrection.ru</a> <a href=http://tappingchuck.ru>tappingchuck.ru</a> <a href=http://taskreasoning.ru>taskreasoning.ru</a> <a href=http://technicalgrade.ru>technicalgrade.ru</a> <a href=http://telangiectaticlipoma.ru>telangiectaticlipoma.ru</a> <a href=http://telescopicdamper.ru>telescopicdamper.ru</a> <a href=http://temperateclimate.ru>temperateclimate.ru</a> <a href=http://temperedmeasure.ru>temperedmeasure.ru</a> <a href=http://tenementbuilding.ru>tenementbuilding.ru</a> <a href=http://ultramaficrock.ru>ultramaficrock.ru</a> <a href=http://ultraviolettesting.ru>ultraviolettesting.ru</a>