名古屋ホームページ制作 Shikama.net

伝わるデザインを提供いたします。

2010年02月24日

ホームページ制作のご案内

Shikama.netでは、Webデザイン、ホームページ制作、ブログのデザイン・カスタマイズ、ネットショップの作成等、小～中規模サイトのWeb制作をメインとした業務を行っております。
出来る限りご予算に添った形で、制作内容のご提案をさせていただきますので、お気軽にご相談下さい。

ユーザビリティに配慮し、サイトのメッセージが伝わるデザイン設計で、お客様に心から喜んでいただけるページ作りを心がけております。

【サービスのご案内】

* ホームページデザイン、制作
* ホームページのリニューアル
* ビジネスブログデザイン、カスタマイズ
* ネットショップのデザイン、制作
* アクセスアップアドバイス、SEOベーシック
* その他、ホームページに関する相談・サポート

posted by shikama at 18:50 | ホームページ制作

2009年07月16日

【さくらのブログ】パンくずリスト（トピックパス）の作り方（改訂）

さくらのブログ、ぱんくずの作り方改訂版。
以前掲載していたものだと、トップページに空の<div class="navi">～</div>と言うエリアが出来てしまい、naviにスタイルをかけたい時に、不都合が出て来る。

コンテンツ　＞　記事　＞　HTMLの編集で、出てきたソースをまるっと下記に書き換え。

<% content.header -%>

<% if:page_name eq 'article' -%>
<div class="navi">
<a href="<% blog.page_url %>">トップページ</a> > <% loop:list_article -%><a href="<% article_category.page_url %>"><% article_category.name %></a> > <% article.subject %><% /loop %>
</div>
<% /if -%>
<% if:page_name eq 'archive' -%>
<div class="navi">
<a href="<% blog.page_url %>">トップページ</a> > <% archive.createstamp | date_format("%Y年%m月") %>
</div>

<% if:archive_page_name eq 'month' -%>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %><a href="<% archive.page_url(pager.previous_page) %>"><% /if %><<<% if:pager.previous_page %></a><% /if %><% loop:list_pager %> <% if:current_page ne pager_number %><a href="<% archive.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %> <% /loop %><% if:pager.next_page %><a href="<% archive.page_url(pager.next_page) %>"><% /if %>>><% if:pager.next_page %></a><% /if %>
</div>
<% /if -%>
<% /if -%>

<% /if -%>
<% if:page_name eq 'category' -%>
<div class="navi">
<a href="<% blog.page_url %>">トップページ</a> > <% category.name %>
</div>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %><a href="<% category.page_url(pager.previous_page) %>"><% /if %><<<% if:pager.previous_page %></a><% /if %><% loop:list_pager %> <% if:current_page ne pager_number %><a href="<% category.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a> <% /if %><% /loop %><% if:pager.next_page %><a href="<% category.page_url(pager.next_page) %>"><% /if %>>><% if:pager.next_page %></a><% /if %>
</div>
<% /if -%>
<% /if -%>

<% loop:list_article -%>

<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>
<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ：<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
</div>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.first_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ：<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
</div>
<% /if -%>
<div class="posted">posted by <% article.nickname %> at <% article.createstamp | date_format("%H:%M") -%>
<% if:article_weather -%>
| <% article_weather.state %> <% article_weather.weather_emoji -%>
<% /if -%>
<% if:diet_log -%>
| <% if:diet_log.condition == -2 %>絶不調<img src="<% site_info.blog_url %>/img/icon/5.gif" width="16" height="17" border="0" alt="絶不調" align="absmiddle" /><% /if -%>
<% if:diet_log.condition == -1 %>不調<img src="<% site_info.blog_url %>/img/icon/4.gif" width="16" height="17" border="0" alt="不調" align="absmiddle" /><% /if -%>
<% if:diet_log.condition == 0 %>普通<img src="<% site_info.blog_url %>/img/icon/3.gif" width="16" height="17" border="0" alt="普通" align="absmiddle" /><% /if -%>
<% if:diet_log.condition == 1 %>好調<img src="<% site_info.blog_url %>/img/icon/2.gif" width="16" height="17" border="0" alt="好調" align="absmiddle" /><% /if -%>
<% if:diet_log.condition == 2 %>絶好調<img src="<% site_info.blog_url %>/img/icon/1.gif" width="16" height="17" border="0" alt="絶好調" align="absmiddle" /><% /if -%>
<% /if -%>
<% if:article.accept_comment_show -%>
| <a href="<% article.page_url %>#comment">Comment(<% article.children_count | __or__ | echo('0') %>)</a>
<% /if -%>
<% if:article.accept_tb_show %>
| <a href="<% article.page_url %>#trackback">TrackBack(<% article.tb_count | __or__ | echo('0') %>)</a>
<% /if -%>
<% if:style.disp_category %>| <a href="<% article_category.page_url %>"><% article_category.name %></a><% /if %> | <a href="#container">▲ページのトップへ</a>｜

</div>

</div>
<% /loop -%>
<% if:page_name eq 'category' -%>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %><a href="<% category.page_url(pager.previous_page) %>"><% /if %><<<% if:pager.previous_page %></a><% /if %><% loop:list_pager %> <% if:current_page ne pager_number %><a href="<% category.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %> <% /loop %><% if:pager.next_page %><a href="<% category.page_url(pager.next_page) %>"><% /if %>>><% if:pager.next_page %></a><% /if %>
</div>
<% /if -%>
<% /if -%>

<% if:page_name eq 'archive' -%>
<% if:archive_page_name eq 'month' -%>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %><a href="<% archive.page_url(pager.previous_page) %>"><% /if %><<<% if:pager.previous_page %></a><% /if %><% loop:list_pager %> <% if:current_page ne pager_number %><a href="<% archive.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %> <% /loop %><% if:pager.next_page %><a href="<% archive.page_url(pager.next_page) %>"><% /if %>>><% if:pager.next_page %></a><% /if %>
</div>
<% /if -%>
<% /if -%>
<% /if -%>

<% if:page_name eq 'article' -%>
<% if:individual_article.accept_comment_show -%>
<div id="comments">

<div class="comments-head">この記事へのコメント</div>

<% loop:list_individual_article_children -%>
<div class="comments-body">
<div class="text"><% comment.body | html | tag_strip | nl2br | clickable('target="_blank" rel="nofollow"') %></div>
<div class="comments-post">Posted by <% if:comment.homepage %><a href="<% comment.homepage | html | tag_strip %>" target="_blank" rel="nofollow"><% comment.writer | html | tag_strip %></a><% else %><% comment.writer | html | tag_strip %><% /if %> at <% comment.createstamp | date_format('%Y年%m月%d日 %H:%M') %><br /></div>
</div>
<% /loop -%>
<% if:individual_article.accept_comment_catch -%>
<div class="comments-head">コメントを書く</div>
<form action="<% blog.page_url %>pages/user/comments2/regist/input" method="post">
<div class="comments-body">
お名前: <% if:blog.ignore_setting.fill_writer %>[必須入力]<% /if %><br />
<input type="text" name="article_child__writer" size="50" value="" /><br />
メールアドレス: <% if:blog.ignore_setting.fill_email %>[必須入力]<% /if %><br />
<input type="text" name="article_child__email" size="50" value="" /><br />
ホームページアドレス: <% if:blog.ignore_setting.fill_homepage %>[必須入力]<% /if %><br />
<input type="text" name="article_child__homepage" size="50" value="" /><br />
コメント: <% if:blog.ignore_setting.fill_body %>[必須入力]<% /if %><br />
<textarea name="article_child__body" rows="10" cols="45"></textarea><br />
<input type="hidden" name="article_child__article_id" value="<% individual_article.id %>" />
<input type="hidden" name="article_id" value="<% individual_article.id %>" />
<% if:blog.ignore_setting.captcha_comment -%>
認証コード: [必須入力]<br />
<img src="<% blog.ignore_setting.page_url_captcha_comment -%>" /><br />
<input type="text" name="captcha_comment" size="50" value="" /><br />
※画像の中の文字を半角で入力してください。<br />
<% /if -%>
<% if:individual_article.accept_comment_permission_mode -%>
※ブログオーナーが承認したコメントのみ表示されます。<br />
<% /if -%>
<% if:blog.ignore_setting.banascii_comment -%>
<% /if -%>
<input name="need_confirm" type="submit" class="input-submit" value="確認する" /><input name="posted" type="submit" class="input-submit" value="書き込む" />
</div>
</form>
<% /if -%>
</div>
<% /if -%>

<% if:individual_article.accept_tb_show -%>
<div id="trackback">
<% if:individual_article.accept_tb_catch -%>
この記事へのトラックバックURL<br /><% individual_article.tb_url %><br />
<% if:individual_article.accept_tb_permission_mode -%>
※ブログオーナーが承認したトラックバックのみ表示されます。<br />
<% /if -%>
<% if:blog.ignore_setting.tb_link_lookup -%>
※言及リンクのないトラックバックは受信されません。<br />
<% /if -%>
<% if:blog.ignore_setting.banascii_tb -%>
<% /if -%>
<% /if %>
<hr />
この記事へのトラックバック<br />
<% loop:list_individual_article_tb -%>
<hr />
<a href="<% tb.url %>" target="_blank" rel="nofollow"><% tb.title | html %></a><br />
Excerpt: <% tb.excerpt | text_summary | html %><br />
Weblog: <% tb.blog_name | html %><br />
Tracked: <% tb.createstamp | date_format('%Y-%m-%d %H:%M') %><br />
<% /loop -%>
</div>
<% /if -%>

<% /if -%>

<% content.footer -%>

posted by shikama at 19:04 | Comment(6) | TrackBack(0) | ブログ研究室

▲ページのトップへ