ブログ詳細画面にて、利用したテンプレのサムネイルが表示されない ベータ版新デザイン機能公開直後にデザインを適用いただいた方の一部で、ブログ詳細画面にて、 そのブログで利用したテンプレのサムネイルがが表示されなかったり、テンプレを利用していない ブログで「Nor Found」の表示がでたりすることがあります。 以下の要領で修正することができます。 (1) [設定]→[画面デザイン]→[HTML編集]→[ブログ詳細画面]の順にクリックして、編集画面を表示します。 (2) テキストエリア内を"VSearchBlogByTemplateS2"で検索し、 #if($tegaki.getImg(0).template.fileName != "") #if(${tegaki.getImg(0).template.templateId} > 0)<a href="../VSearchBlogByTemplateS2.jsp?PD=${tegaki.getImg(0).template.templateId}" > #end<img src="${tegaki.getImg(0).template.fileName}" /> #if(${tegaki.getImg(0).template.templateId} > 0)</a> #end#endこの部分をすべて削除します。 (3) 削除したところを次のように置き換えます。 #if($tegaki.getImg(0).template.fileName != "") #if(${tegaki.getImg(0).template.templateId} > 0) <a href="../VSearchBlogByTemplateS2.jsp?PD=${tegaki.getImg(0).template.templateId}" > <img class="Template" src="${tegaki.getImg(0).template.fileName}_60.jpg" onerror="this.onerror=null;this.src='http://img01.pipa.jp/tegaki/img/DefaultTemplateNotFound.png_45.jpg'" /></a> #end#end(４) 保存ボタンをクリックして、HTML編集を終了します。
「お気に入り」「友だち申請」「メッセージ」「RSS」のボタン表示について
2011/11/08以前のベータ版新デザインType-1,2では、ログイン状態で自分のブログを見た際に
「お気に入り」「友だち申請」「メッセージ」「RSS」のボタンが表示されません。
ゲストを含む他のユーザに対しては表示されています。
自分のブログを見た際にこれらのボタンを表示したい場合は、
お手数ですがテーマを再適用を行なって下さい。
2010/10/19以前に適用したベータ版新デザインで、タグ三つ表示に対応するには
新デザインリリースに伴い、ブログに三つまでタグがつけられるようになりました。 しかし、10/19以前にベータ版を適用された方は、ブログ詳細画面がタグ三つ表示に対応しておりません。 三つ表示するには、デザインを再適用いただくか、以下の要領でHTMLの編集をお願いいたします。 (1) [設定]→[画面デザイン]→[HTML編集]→[ブログ詳細画面]の順にクリックして、編集画面を表示します。 (2) テキストエリア内を"tagId"で検索し、 ※Type2の場合は（３）に進んで下さい #if($tegaki.tagId > 1) <a href="../VSearchBlogByTagS.jsp?GD=${tegaki.tagId}"> <img src="${tegaki.tagFileName}"/> </a>#else <img src="${tegaki.tagFileName}" />#endと書いてある部分を削除し、次の三行に置き換えます。 #foreach($tag in $tegaki.tagList) <a href="../VSearchBlogByTagS.jsp?GD=${tag.tagId}"> <img class="Tag" src="${tag.fileName}"/></a>#end(3) CSSを編集してタグの表示領域を確保します
Type1・Type3の場合：
.BlogThumbFull .BlogInfoFull .BlogTag { width: 80px; text-align: center;}のwidthを200pxにします。
Type2の場合（HTMLも要修正）：
下記のタグを<div class="ContentsListTitle"></div>と
<div class="ContentsList"></div>
の間に挿入します。
<!-- ここから --><div class="BlogInfoBar"> <div class="Link">#if($tegaki.getImg(0).template.fileName != "") #if(${tegaki.getImg(0).template.templateId} > 0) <a href="../VSearchBlogByTemplateS2.jsp?PD=${tegaki.getImg(0).template.templateId}" > <img src="${tegaki.getImg(0).template.fileName}_60.jpg" title="テンプレ" alt="テンプレ" /></a> #end#end </div> <div class="Link">#foreach($tag in $tegaki.tagList) <a href="../VSearchBlogByTagS.jsp?GD=${tag.tagId}"> <img class="Tag" src="${tag.fileName}"/></a>#end </div></div><!-- ここまで -->元々あったテンプレとタグのブロックは削除します。
<div class="Link">#if($tegaki.tagId > 1) <a href="../VSearchBlogByTagS.jsp?GD=${tegaki.tagId}"> <img src="${tegaki.tagFileName}" title="タグ" alt="タグ" /></a>#else <img src="${tegaki.tagFileName}" title="タグ" alt="タグ" />#end</div><div class="Link">#if($tegaki.getImg(0).template.fileName != "") #if(${tegaki.getImg(0).template.templateId} > 0) <a href="../VSearchBlogByTemplateS2.jsp?PD=${tegaki.getImg(0).template.templateId}" > #end <img src="${tegaki.getImg(0).template.fileName}_60.jpg" title="テンプレ" alt="テンプレ" /> #if(${tegaki.getImg(0).template.templateId} > 0) </a> #end#end</div>ここまで削除。
これでタグとテンプレはタイトルの下に表示されます。
(４) 保存ボタンをクリックして、HTML編集を終了します。
※サムネイルの枠に余白ができてしまう場合は、<a></a>内の改行や空白を削除してください。
例）
<a> <img>
</a>
↓
<a><img></a>
広告の表示に関するお願い HTMLを編集する際、下記の点にご注意下さい
ブログパーツ・リンクを表示したい
ブログパーツやリンクのタグは初期状態で非表示になっています。
これを表示するにはタグの前後にあるコメントタグ<!--と-->を削除してください。
例）
赤い部分（<!--と-->）を削除して、
<!--
<div class="WidgetPane">
<div class="WidgetTitle">ブログパーツ</div>
<div class="WidgetItemList">
<div class="MyBlogParts">$blogParts</div>
</div>
</div>
-->
下記の状態で保存して下さい。リンクも同様です。 <div class="WidgetPane">
<div class="WidgetTitle">ブログパーツ</div>
<div class="WidgetItemList">
<div class="MyBlogParts">$blogParts</div>
</div>
</div>
ブログ一覧に表示する記事の数を変更したい 設定→画面デザイン→詳細設定 にある「ブログ一覧に表示する1ページあたりのブログ数」で変更できます。
背景や文字の色を変更したい
bodyタグのcolorが文字色、background-colorが背景色です。
続く＃で始まる数値で色を指定して下さい。
なお他のタグ内で個別に色を指定している場合は
そのタグのcolorとbackground-colorも変更する必要があります。
リンクの色を変更したい aタグのcolorがリンク色です。
続く＃で始まる数値で色を指定して下さい。 なお他のタグ内で個別に色を指定している場合は
そのタグのcolorも変更する必要があります。 |
|
|
|
|
HTML編集 |