TEMTEM★倶楽部
FC2・テンプレート制作用ブログ♪
2008年
03月04日
(火曜日)
Ｑ＆Ａ：テンプレートのプラグインについて
［No.50］ 08：55
Ｑ21.テンプレートのプラグインについて。記事上のフリーエリアの作成。プラグイン「1」「2」「3」の位置。
Ａ：杏のテンプレートでは、プラグイン「3」が記事上に表示されます。
ですので、サイドメニューはすべて、プラグイン「1」「2」に入れてください。
記事上には何も表示したくないなら、プラグイン「3」には何も入れなければ表示されません。
記事上フリーエリアを利用する場合は、「プラグインの設定」→「公式プラグイン追加」→「フリーエリア」をプラグイン「3」に追加→「プラグイン管理」画面→フリーエリアの「詳細」で、内容の変更欄に書き込むと、反映されます（ついでに、「タイトル」もお好きな文字に変更）。
プラグイン「3」は、ＴＯＰページにしか表示されませんが、
Ａ：杏のテンプレートでは、プラグイン「3」が記事上に表示されます。
ですので、サイドメニューはすべて、プラグイン「1」「2」に入れてください。
記事上には何も表示したくないなら、プラグイン「3」には何も入れなければ表示されません。
記事上フリーエリアを利用する場合は、「プラグインの設定」→「公式プラグイン追加」→「フリーエリア」をプラグイン「3」に追加→「プラグイン管理」画面→フリーエリアの「詳細」で、内容の変更欄に書き込むと、反映されます（ついでに、「タイトル」もお好きな文字に変更）。
プラグイン「3」は、ＴＯＰページにしか表示されませんが、
<div id="primary-column" class="column"><!-- primary-column -->の青太文字を消すと、どのページでも表示されるようになります。
<!-- プラグイン３（記事TOP）：ここから -->
<!--index_area-->
<!--plugin-->
<!--plugin_third-->
（中略）
<!--/plugin_third-->
<!--/plugin-->
<!--/index_area-->
<!-- プラグイン３（記事TOP）：ここまで -->
2008年
03月03日
(月曜日)
Ｑ＆Ａ：素材を変更した時のリンク表示変更
［No.49］ 08：18
Ｑ20.素材を変更したので、素材屋さんのリンクを貼りたいのですが、どこにどのように貼ればいいのか判りません。方法を教えてください。
Ａ：素材を変更したら、必ず、お借りした素材屋さんのリンクを貼ってください。
【注意】言うまでもないことですが、使用に関しては素材屋さんの規約を読み、使用方法を厳守した上で、使われるようにお願いします。
スタイルシートの編集内の、
“素材屋さんＵＲＬ”には、相手のサイトのＵＲＬを記入。
“素材屋さん説明”には、「Photo」とか「Photo Material」とか「Material」とか、『どの素材がその素材屋さんのものか』が判るように。
“素材屋さん名”には、お借りした素材屋さんのサイト名を記入。
Ａ：素材を変更したら、必ず、お借りした素材屋さんのリンクを貼ってください。
【注意】言うまでもないことですが、使用に関しては素材屋さんの規約を読み、使用方法を厳守した上で、使われるようにお願いします。
スタイルシートの編集内の、
<!-- 著作権表示：ここから ★削除厳禁★ -->の場所に、以下の赤太文字のタグを追加し、
<div id="siteinfo-legal"><!-- siteinfo-legal -->
<p><br>Copyright (C) 2006 <%blog_name> rights reserved.
<br>
<a href="http://temtemclub.blog119.fc2.com/" target="_blank">
Template : TEMTEM★倶楽部</a><br>
<%ad><%ad2></p>
</div><!-- /siteinfo-legal -->
<!-- 著作権表示：ここまで ★削除厳禁★ -->
<!-- 著作権表示：ここから ★削除厳禁★ -->それぞれを変更してください。
<div id="siteinfo-legal"><!-- siteinfo-legal -->
<p><br>Copyright (C) 2006 <%blog_name> rights reserved.
<br>
<a href="素材屋さんのＵＲＬ" target="_blank">
素材屋さん説明 by : 素材屋さん名</a><br>
<a href="http://temtemclub.blog119.fc2.com/" target="_blank">
Template : TEMTEM★倶楽部</a><br>
<%ad><%ad2></p>
</div><!-- /siteinfo-legal -->
<!-- 著作権表示：ここまで ★削除厳禁★ -->
“素材屋さんＵＲＬ”には、相手のサイトのＵＲＬを記入。
“素材屋さん説明”には、「Photo」とか「Photo Material」とか「Material」とか、『どの素材がその素材屋さんのものか』が判るように。
“素材屋さん名”には、お借りした素材屋さんのサイト名を記入。
2008年
03月02日
(日曜日)
Ｑ＆Ａ：画像が記事幅に収まらない時のサムネイルの使い方
［No.44］ 17：33
Ｑ19.ＵＰした画像が大きくて、記事幅に収まりません。テンプレートを変えたくないのですが、解決方法はありますか？
A.サムネイルを利用するのが一番です。
ご自身の管理ページの「環境設定」の中の「環境設定の変更」→「ブログの設定」の中の「投稿設定」の中の「サムネイル作成のサイズ」の欄で、お好みの表示サイズを入力し、「更新」します。
記事幅が500ＰＸなら、横幅に「500」と入れればＯＫ（縦幅は自由に）。
（ただし、杏のテンプレートでは、記事幅と内部幅（実際に記事が入る幅）は、弱冠違いますので、それに合わせてくださいね）
（ちなみに、画像が小さい場合は、そのサイズで表示されますのでご安心を。拡大にはなりません）
テンプレートを変えて、記事幅が減少しても、ここをまた変えれば、記事幅に収まりますので楽ですよ。
但し、大きい画像が縮小されることになりますので、弱冠、表示画質が悪くなるかも？です。
これを一回しておけば、後は下の方法で記事を書けばＯＫです。
画像のアップロードの際に、サムネイルの「同時に作成する」にチェックしておきます。
ファイルの一覧表の右に「サムネイルで記事を書く」ボタンがありますので、これをクリックして記事を書き、記事を保存すればＯＫです。
既存の記事の画像は、面倒ですが、記事のひとつひとつを編集して、img画像の名前の後ろに「s」をつけて、再保存してください。
(例)
記事内に↓のようなタグが貼られてますので、下段のファイル名の最後に「s」をつけてください。
A.サムネイルを利用するのが一番です。
ご自身の管理ページの「環境設定」の中の「環境設定の変更」→「ブログの設定」の中の「投稿設定」の中の「サムネイル作成のサイズ」の欄で、お好みの表示サイズを入力し、「更新」します。
記事幅が500ＰＸなら、横幅に「500」と入れればＯＫ（縦幅は自由に）。
（ただし、杏のテンプレートでは、記事幅と内部幅（実際に記事が入る幅）は、弱冠違いますので、それに合わせてくださいね）
（ちなみに、画像が小さい場合は、そのサイズで表示されますのでご安心を。拡大にはなりません）
テンプレートを変えて、記事幅が減少しても、ここをまた変えれば、記事幅に収まりますので楽ですよ。
但し、大きい画像が縮小されることになりますので、弱冠、表示画質が悪くなるかも？です。
これを一回しておけば、後は下の方法で記事を書けばＯＫです。
画像のアップロードの際に、サムネイルの「同時に作成する」にチェックしておきます。
ファイルの一覧表の右に「サムネイルで記事を書く」ボタンがありますので、これをクリックして記事を書き、記事を保存すればＯＫです。
既存の記事の画像は、面倒ですが、記事のひとつひとつを編集して、img画像の名前の後ろに「s」をつけて、再保存してください。
(例)
記事内に↓のようなタグが貼られてますので、下段のファイル名の最後に「s」をつけてください。
<a href="http://blog-imgs-12.fc2.com/t/e/m/temtemclub/anzu.gif" target="_blank"><img src="http://blog-imgs-12.fc2.com/t/e/m/temtemclub/anzus.gif" alt="" border="0" /></a>画像を再びアップロードしてサムネイルを作成する必要はありません。
2007年
08月18日
(土曜日)
Ｑ＆Ａ：mobile版：記事と画像を一度に表示させる方法
［No.23］ 21：09
Ｑ18．mobile版テンプレートで、タイトルをクリックで、記事と画像を一度に表示させられませんか？
Ａ．mobile版では、記事タイトルを押すと、記事詳細ページでは、記事のみ表示され、画像は[画像]と表示され、更にその[画像]を押すと、次ページでは、画像のみが表示されます。
でも、カメラマークを押すと、記事と画像が一緒に出ますよね。
今回のカスタマイズは、カメラマークを押さなくても、記事タイトルクリックだけで、記事と画像を同時に出す方法です。
「HTMLの編集」内の以下の２箇所を新タグに変更してください。
（これは、「ayu-mobile-03」でのタグですが、他のテンプレートも変わりないと思います）
変更して、正確に機能しなかったり、他に影響があるようでしたら、教えてください。
Ａ．mobile版では、記事タイトルを押すと、記事詳細ページでは、記事のみ表示され、画像は[画像]と表示され、更にその[画像]を押すと、次ページでは、画像のみが表示されます。
でも、カメラマークを押すと、記事と画像が一緒に出ますよね。
今回のカスタマイズは、カメラマークを押さなくても、記事タイトルクリックだけで、記事と画像を同時に出す方法です。
「HTMLの編集」内の以下の２箇所を新タグに変更してください。
（これは、「ayu-mobile-03」でのタグですが、他のテンプレートも変わりないと思います）
<!--ｴﾝﾄﾘｰ表示開始-->
<!--topentry--><br>
<img src="http://blog85.fc2.com/z/zuttoissyodayo2/file/03-04.gif"><a href="<%topentry_link><%tail_url>"><%topentry_title></a>
<a href="<%topentry_link>&photo=true<%tail_url>"><img src="http://blog85.fc2.com/z/zuttoissyodayo2/file/kamera.gif" border="0"></a><br>
↓↓↓↓
＜新＞
<!--ｴﾝﾄﾘｰ表示開始-->
<!--topentry--><br>
<img src="http://blog85.fc2.com/z/zuttoissyodayo2/file/03-04.gif"><a href="<%topentry_link>&photo=true<%tail_url>"><%topentry_title></a><br>
+ + + + + + + +
<!--個別ｴﾝﾄﾘｰ表示開始-->
<!--mobile_other_area--><br>
<!--/mobile_other_area-->
<!--mobile_phs_area--><img src="http://blog85.fc2.com/z/zuttoissyodayo2/file/03-04.gif">
<!--/mobile_phs_area-->
<img src="http://blog85.fc2.com/z/zuttoissyodayo2/file/03-04.gif"><a href="<%topentry_link><%tail_url>"><%topentry_title></a>
<a href="<%topentry_link>&photo=true<%tail_url>"><img src="http://blog85.fc2.com/z/zuttoissyodayo2/file/kamera.gif" border="0">
</a><br>
↓↓↓↓
＜新＞
<!--個別ｴﾝﾄﾘｰ表示開始-->
<!--mobile_other_area--><br>
<!--/mobile_other_area-->
<!--mobile_phs_area--><img src="http://blog85.fc2.com/z/zuttoissyodayo2/file/03-04.gif">
<!--/mobile_phs_area-->
<img src="http://blog85.fc2.com/z/zuttoissyodayo2/file/03-04.gif"><a href="<%topentry_link>&photo=true <%tail_url>"><%topentry_title>
</a><br>
変更して、正確に機能しなかったり、他に影響があるようでしたら、教えてください。
2007年
08月17日
(金曜日)
Ｑ＆Ａ：「続きを読む」の誤文字表示
［No.22］ 21：08
Ｑ17．「続きを読む」の文字表示が『 」の続きを読む">続きを読む » 』と表示されます。どうしてですか？
Ａ．記事タイトルに、絵文字が使われているのが原因だと思われます。
「続きを読む」の上にマウスを持っていくと、【「記事タイトル名」の続きを読む】と出ます。
タグで自動にタイトル名を読み込んでいるのだけど、そのタイトルに絵文字が使われていると、絵文字のimgタグも読み込むので、タグがおかしくなるのだと思います（専門家じゃないので断定はできません）。
解決方法は、
�ゝ�事タイトルに絵文字を挿入しない。
�◆崑海�を読む」機能を使わない。
��「続きを読む」のマウス説明をなくす。
の３通りです。
��の場合は、「HTMLの編集」内、
<!--more_link-->
<p class="entry-more"><a href="<%topentry_link>#more" title="「<%topentry_title>」の続きを読む">続きを読む »</a></p>
<!--/more_link-->
の線部分を消してください。
タイトルに絵文字を使われる場合、この「続きを読む」タグだけではなく、その他にもタイトル名を自動で読み込むタグはありますので、それらに影響する可能性はない、とは言えないと思います。
Ａ．記事タイトルに、絵文字が使われているのが原因だと思われます。
「続きを読む」の上にマウスを持っていくと、【「記事タイトル名」の続きを読む】と出ます。
タグで自動にタイトル名を読み込んでいるのだけど、そのタイトルに絵文字が使われていると、絵文字のimgタグも読み込むので、タグがおかしくなるのだと思います（専門家じゃないので断定はできません）。
解決方法は、
�ゝ�事タイトルに絵文字を挿入しない。
�◆崑海�を読む」機能を使わない。
��「続きを読む」のマウス説明をなくす。
の３通りです。
��の場合は、「HTMLの編集」内、
<!--more_link-->
<p class="entry-more"><a href="<%topentry_link>#more" title="「<%topentry_title>」の続きを読む">続きを読む »</a></p>
<!--/more_link-->
の線部分を消してください。
タイトルに絵文字を使われる場合、この「続きを読む」タグだけではなく、その他にもタイトル名を自動で読み込むタグはありますので、それらに影響する可能性はない、とは言えないと思います。
