TEMTEM★倶楽部

FC2・テンプレート制作用ブログ♪ 管理不届きで申し訳ありません~~∑(>д<)

08月« 2017年03月 /  12345678910111213141516171819202122232425262728293031»09月
BLOGTOP » CATEGORY … カスタマQ&A

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Q&A:コメント投稿直リンク方法

Q20.コメント投稿画面に直に飛べるリンクを記事フッターに付ける方法…

A.コメントを書くには、いったん投稿されたコメントを表示させてから、その下にある「コメント投稿フォーム」までスクロールしないといけなくて、手間がかかります。
コメントをいっぱいもらうブログさんだと、コメント数が多くて、特に面倒です。

だったら、コメント投稿フォームをコメント表示の上に持ってくればいいとも思うのですが、書く時、コメント文面を確認しながら書けるから下にある方が便利かな、とも思うし。

あまりフッター部の一リンク文字が長くなるのは、カテゴリの文字数によってはフッター部が二段になってしまうブログさんもあるかも?とも思いますが…。
(杏のブログには付けてますので、ご確認ください)

まぁ、需要はないとは思いますが、方法を明記しておきます。

【方法】
「HTML編集」内の「記事フッターここから~ここまで」の中の下の部分を探し、
<!--allow_comment-->
&nbsp;|&nbsp;
<a href="<%topentry_link>#comment-top" title="この記事のコメントを見るor書く">CM(<%topentry_comment_num>)</a>
<!--/allow_comment-->
↓に置き換えてください。
<!--allow_comment-->
&nbsp;|&nbsp;
<a href="<%topentry_link>#commentpost" title="この記事にコメントを書く">CMかく</a>
-
<a href="<%topentry_link>#comment-top" title="この記事のコメントを見る">CMみる(<%topentry_comment_num>)</a>
<!--/allow_comment-->
「CMかく」「CMみる」はお好きな文字に変えていただいても構いません。

その下の方に、
<!-- コメント投稿部分:ここから -->
<h3 class="comment-post">COMMENT投稿</h3>
<form method="post" action="./" name="comment_form">
とある部分を探し、
<!-- コメント投稿部分:ここから -->
<h3 class="comment-post"><a name="commentpost" id="commentpost">COMMENT投稿</h3>
<form method="post" action="./" name="comment_form">
と入れてください。

まぁ、杏が考えた方法なので、もっと有意義なモノがあると思いますが…。
スポンサーサイト

Q&A:コメントリスト(開閉)の設置

Q19.コメントリスト(コメント簡易開閉)の設置方法…

A.いちいちページ移動しなくても、簡単にコメントが読めちゃう機能です。

表示は、タイトル・投稿者名・本文だけ。
表示は簡単だけど、パッと読めちゃうのは便利かも?

コメント投稿の場合は、きちんとページを移る必要があります。

閉じるときは、最初の【コメントリスト】を押したり、他のリンクを押しちゃうと、閉じます。

あまり機能をつけて重くなっちゃうのもなんだし…ってことで、杏のテンプレートには付けてませんが、ご入用の方は、カスタマイズしてみてね。

続きを読む »

Q&A:記事タイトルにもリンクをつける

Q18.記事タイトルにも、全文表示できるようにリンクを付ける方法…

A.いえ、本当なら最初から付いてるモノなんですが、杏が削除しちゃってるんです。
杏なりの思いはあるんですが…。
でも、他のテンプレートさんにはあるのに、杏のテンプレートにはなぜないの?とお思いの方がお見えのようですので、ここにリンクの付け方を書いておきます。

【HTML編集】内の下記の部分に赤太文字タグを入れ込んでください。
<!-- 記事内表示:ここから -->
<!--topentry-->
<div class="section" id="a<%topentry_no>">

<div class="entry-header">
<h2><a href="<%topentry_link>" title="この記事を開く">
<%topentry_title></a></h2>
<!--same_day-->

Q&A:テンプレートに管理ページリンク

Q17.テンプレートから管理ページに飛べるリンクの設置方法…

A.サイドメニューの「リンク」カテゴリに『管理者ページ』のリンクが自動で付くので、敢えて別につける必要もないような気がしますが、いちいちリンクカテゴリまで下がって、管理者ページリンクを押すのも面倒なので、杏はTOPにある方が使いやすいです。
そう思う方もお見えかなぁ~と方法を載せておくことにしました。

【HTML編集】内の下記の位置に、赤太文字タグを入れてください。
<!-- ブログタイトル&説明文:ここから(branding) -->
<div id="branding">

<!-- 管理ページリンク:ここから -->
<ul class="admin">
<li><a href="<%server_url>control.php" title="管理ページへ">*Admin</a></li>
</ul>
<!-- 管理ページリンク:ここまで -->


<h1><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1>
<p><%introduction></p>
</div><!-- /branding -->
<!-- ブログタイトル&説明文:ここまで(branding) -->
↑これは、ブログタイトルの右上に出ます。
すっごく変な位置に入れなければ、どこでも良いと思います。

【スタイルシート編集】内のどこでも良いので、以下のタグを追加してください。
/* 管理ページリンク */
ul.admin {
margin : 0;
padding : 8px 70px 0px 70px;
list-style-type : none;
text-align : right;
}

リンクの色を変えたい場合は、下のタグも追加。
/* 管理ページリンクのリンク色*/
ul.admin a {text-decoration : none;}
ul.admin a:link { color : #6f84b5 !important;}
ul.admin a:visited { color : #6f84b5 !important;}
ul.admin a:hover { color : #334264 !important;}
ul.admin a:active { color : #6f84b5 !important;}

Q&A:追記の開閉(折りたたみ)作成方法

Q16.追記の開閉(折りたたみ)の作成方法…

A.追記をページ移動することなく、開閉(折りたたみ)するには、下記の方法でできます。
ただし、ブログTOPを開く際には、追記記事も一緒に読み込むので、追記に画像が多いと、表示が遅くなります。

続きを読む »

Q&A:2カラム⇔3カラムの変更方法

Q15.2カラムを3カラムに(または、3カラムを2カラムに)する方法…

A.………難しいです。

方法はあります。
でも、いろいろな箇所を変更する必要があり、慣れてない方には難題だと思います。
後、記事幅やサイドメニュー幅が変える場合、タイトル背景に画像を使用していると、その画像も変更しなければなりません。
(同じ大きさで変更することはできますが、2→3の場合は横幅が大きくなり過ぎ、3→2の場合は横幅が小さくなり過ぎます)

一番良いのは、変えたいテンプレートの作成者さんにお願いして、3カラム(または、2カラム)テンプレートを作って頂くことですね。
必ず作ってもらえる!とは行かないですけど。

Q&A:曜日の英語表示⇔日本語表示の変更方法

Q14.曜日を英語表示から日本語表示に変える方法…

A.下記の赤太文字を「wayoubi」とすれば、日本語曜日になります。

「HTML編集」内、
<div class="entry-header">

<h2><%topentry_title></h2>
<div class="entry-date">[No.<%topentry_no>] <%topentry_year>/<%topentry_month>/<%topentry_day> (<%topentry_youbi>) <%topentry_hour>:<%topentry_minute></div>
</div>

表示は、「月・火・水・木・金・土・日」となりますので、
(<%topentry_wayoubi>曜日)
と入れると「(日曜日)」と表示されますよ~。

Q&A:【モバイル版】ブログ説明文

Q13.【モバイル版】ブログ説明文の表示方法…

A.杏のモバイル・テンプレートには、ブログ説明文タグは付けてません。
お付けになりたい方は、以下の場所に赤太文字タグを入れてください。

色の指定は、<font>の中に、「color="#色コード"」を入れてください。
杏のモバイルテンプレートは、下記のどちらかで書かれてると思います。

【01】
<center>
<div style="color: #333333; font-size: 1.0em; font-weight: bold; padding:3px 0px 0px 0px;"><%blog_name>
</div>
<marquee><font size="-1"><%introduction></font></marquee>
<img src="http://blog-imgs-12.fc2.com/t/e/m/temtemclub/mobile01-02.gif" width="220" height="35" border="0">
</center>

【02】
<!-- ★ブログタイトル -->
<center>
<div style="color:#996666; font-size: 1.2em; font-weight:bold; border:3px solid #996666; margin:5px 5px; padding: 7px 5px;"><%blog_name></div>
<marquee><font size="-1"><%introduction></font></marquee>
</center>

Q&A:カーソルを画像にする方法

Q12.カーソルアイコンを画像にする方法…

かーそるアイコン見本








A.画像とタグがあれば取り付けられます。

が!
問題が一つあり、FC2ブログのアップロードでは、カーソルのアイコンがアップできませんo(T^T)o
カーソルアイコンの拡張子は「.cur」「.ani」です。
FC2ブログでは、この拡張子のアップはできないのです…。

杏は使用してるじゃないの?ってお思いでしょうが、まぁ、方法はあってσ(^-^;)
ブログの他に、「.cur」「.ani」をUPできるHPなどをお持ちなら、そちらでアイコンをUPして、ブログにてそのURLを外部読み込みすれば良いわけです。
(但し、表示されるのは、IEのみです)

絶対に、素材屋さんで『直リン』はしないでくださいね!!
(直リンって何?な方は、ネットをお勉強しましょう~)

〔1〕素材屋さんで、アイコンをダウンロード(保存は×)。
DL後、解凍が必要な場合もあるかも。
『リンクウエア』となっている素材屋さんを使用する場合は、必ずリンクしてください。

〔2〕別HPなどに、アイコンをUP。

〔3〕設置方法
<STYLE type="text/css">
<!--
body{cursor:url(画像URL.ani、または画像URL.cur);}
-->
</STYLE>
↑ これを「HTML編集」内の、<HEAD>~</HEAD>に入れて、「画像URL」を変更してください。

但し、上のタグは、リンクにカーソルが乗ると、普通の手指カーソルに戻ります。
戻らない方が良い方は、そうなるタグをご自身で探してください。

Q&A:ファビコンの取り付け方

Q11.ファビコンの取り付け方法…

※favicon.ico(ファビコン)とは、ブラウザのアドレスバーやお気に入りのリストに表示される小さなアイコンのことです。
ふぁびこん見本
通常のFC2ブログは、赤馬さんになる。 

A.
〔1〕素材屋さんで、アイコン(ファビコン専用)をダウンロード。
保存ではダメです。 必ずDLしてください。
DL後、解凍が必要な場合もあるかも。
『リンクウエア』となっている素材屋さんを使用する場合は、必ずリンクしてください。

〔2〕自ブログ管理画面にて、画像をファイルアップロード。

〔3〕設置方法
<link rel="shortcut icon" href="画像のURL">
↑ これをテンプレート「HTML編集」内の、<HEAD>~</HEAD>に入れて、「画像のURL」を変更してください。

テンプレートに入れただけではお気に入りに表示されないこともあります。
その場合は、お気に入りから一度削除して、再追加してください。
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。