TEMTEM★倶楽部

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

06月« 2017年07月 /  12345678910111213141516171819202122232425262728293031»08月
BLOGTOP » CATEGORY … その他Q&A

スポンサーサイト

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

Q&A:【モバイル版】メニュー表示方法

Q7.【モバイル版】メニュー項目表示方法…

A.モバイルブログでは、初めてお使いになるときは、メニュー項目はセットされていません。
テンプレートにも組み込まれていませんので、ご自身で設定する必要があります。

方法は、以下の通りです。

ご自身の管理ページの『環境設定』の中の『プラグインの設定』内、『携帯用-公式プラグイン追加』でお好きな項目を追加してください。
スポンサーサイト

Q&A:記事下に毎回、ランキングや広告を自動挿入

Q6.記事下に毎回、ランキングや広告を自動挿入する方法…

A.【HTML編集】内の下記の赤太文字の下に、ランキングや広告のタグを入れてください。
記事を書くたびに、自動で毎回挿入されます。

<!-- 追記部分:ここから -->
<div class="entry-more">
<!--more_link-->
<p><a href="<%topentry_link>#more" title="「<%topentry_title>」の続きを読む">続きを読む &raquo;</a></p>
<!--/more_link-->
</div>
<!--more-->
<a name="more" id="more"></a>
<br /><p>【追記記事】</p>
<%topentry_more>
<!--/more-->
<!-- 追記部分:ここまで -->

記事と広告がひっつくのが気になる方は、タグの前に、改行タグ<br />を入れると良いですよ。

テーマ:趣味と日記 - ジャンル:趣味・実用

Q&A:引用枠の使い方

Q5.引用枠の使い方…

A.記事作成画面の中で、
<blockquote>囲いたい文</blockquote>
と入れると、引用できます。
但し、コメントでは使えません。

こ~んな感じo(^▽^)o
杏は引用以外にも使ってるけどね~☆

Q&A:テンプレートのプラグインについて

Q4.テンプレートのプラグインについて。記事上のフリーエリアの作成。プラグイン「1」「2」「3」の位置

A:杏のテンプレートでは、プラグイン「3」が記事上に表示されます。
ですので、サイドメニューはすべて、プラグイン「1」「2」に入れてください。
記事上には何も表示したくないなら、プラグイン「3」には何も入れなければ表示されません。

記事上フリーエリアを利用する場合は、「プラグインの設定」→「公式プラグイン追加」→「フリーエリア」をプラグイン「3」に追加→「プラグイン管理」画面→フリーエリアの「詳細」で、内容の変更欄に書き込むと、反映されます(ついでに、「タイトル」もお好きな文字に変更)。

プラグイン「3」は、TOPページにしか表示されませんが、
 <div id="primary-column" class="column"><!-- primary-column -->

<!-- プラグイン3(記事TOP):ここから -->
<!--index_area-->

<!--plugin-->
<!--plugin_third-->

(中略)

<!--/plugin_third-->
<!--/plugin-->

<!--/index_area-->
<!-- プラグイン3(記事TOP):ここまで -->
の青太文字を消すと、どのページでも表示されるようになります。

Q&A:素材を変更した時のリンク表示変更

Q3.素材を変更したので、素材屋さんのリンクを貼る方法…

A:素材を変更したら、必ず、お借りした素材屋さんのリンクを貼ってください。
ご自身で写された写真に変更した場合は、これらの変更をする必要はありません。
方法は、二通り。

【注意】言うまでもないことですが、使用に関しては素材屋さんの規約を読み、使用方法を厳守した上で、使われるようにお願いします。

<1>サイドメニューの『リンク』内に素材屋さんのリンクを貼る。
これが一番簡単かも?

<2>【HTML編集】内(下の方)の、
<!-- 著作権表示:ここから ★削除厳禁★ -->
<div id="siteinfo-legal"><!-- siteinfo-legal -->
<p>Copyright&nbsp;&copy;&nbsp;<%blog_name> rights reserved.</p>
<p><a href="http://temtemclub.blog119.fc2.com/" target="_blank">
Template : TEMTEM★倶楽部</a></p>
<p><%ad><%ad2></p>
</div><!-- /siteinfo-legal -->
<!-- 著作権表示:ここまで ★削除厳禁★ -->
の場所に、以下の赤太文字のタグを追加し、
<!-- 著作権表示:ここから ★削除厳禁★ -->
<div id="siteinfo-legal"><!-- siteinfo-legal -->
<p>Copyright&nbsp;&copy;&nbsp;<%blog_name> rights reserved.</p>
<p><a href="素材屋さんのURL" target="_blank">
素材屋さん説明 by : 素材屋さん名</a></p>

<p><a href="http://temtemclub.blog119.fc2.com/" target="_blank">
Template : TEMTEM★倶楽部</a></p>
<p><%ad><%ad2></p>
</div><!-- /siteinfo-legal -->
<!-- 著作権表示:ここまで ★削除厳禁★ -->
それぞれを変更してください。

“素材屋さんURL”には、相手のサイトのINDEX-URLを記入。
“素材屋さん説明”には、「Photo」とか「Photo Material」とか「Material」とか、『どの素材がその素材屋さんのものか』が判るように。
“素材屋さん名”には、お借りした素材屋さんのサイト名を記入。

Q&A:罫線ありテンプレの画像貼付

Q2.罫線のあるテンプレートでの、画像貼り付けによる文字の罫線ズレの解決方法…

A.以下の2通りをお試しください。

<1> 画像の縦幅を罫線の倍数数値で作成する。
  * 罫線幅は『20px』です。
  * 縦幅を「100px」「120px」「140px」「160px」…… で作成。
   但し、画像の多用に寄っては少しずつズレがでる可能性もあります。
   (試してないので判りません)

<2> 画像に回り込みタグ『align="☆☆"』を入れる。
  * ☆☆には、記事上の画像の位置:「left(左)」or 「right(右)」。
  * 但し、回り込みですので、画像の横に文字が入ります↓↓。
見本







方法は、「記事を書く」画面で、通常の方法で記事内に画像タグを取り込み、上記タグ(赤文字)を入れてください。

<a href="http://貴方のブログ画像URL.jpg" target="_blank"><img src="http://貴方のブログ画像URL.jpg" alt="画像説明文" border="0" align="left" /></a>

画像の横に文字が入るのがイヤなら、書き込み時に、画像の縦幅分(行幅が20pxなので、画像が200pxなら、200÷20=10で、10行くらい)ほど改行すると画像横から文字が外れるはずです(大体の目安です)。

パソコン機能の『単語登録』などに「align="left"」を入れて、簡単な「読み」(私は、「あ」を押すだけ)で出るように登録しておけば、いちいち全部のタグを入れなくても良いから簡単ですヨ。

Q&A:罫線ありテンプレの絵文字使用

Q1.罫線のあるテンプレートでの、絵文字使用の罫線ズレの解決方法…

A.下記のようにカスタマイズしてください。
「スタイルシート編集」内、
.emoji{
border : 0px;
margin : ①px 0px ②px 0px;
vertical-align : middle;
}

まずは、絵文字タグを上記のように変更してください。

罫線幅は「20px」で、(Docomoで考えると)絵文字の縦幅は12pxなので、『絵文字の幅+①+②=罫線幅』の式に当てはめると、「12+4+4=20」で、①=4・②=4となります。
もちろん、①=3・②=5でも、①=1・②=7でも、①=5・②=3でも、OKです。

各社の絵文字の大きさは以下の通りです。
貴方が主に使用する絵文字の会社のmargin数値を入れてください。
☆Docomo―→[12×12px]→margin : 4px 0px 4px 0px;
☆ソフトバンク-→[15×15px]→margin : 2px 0px 3px 0px;
☆au―――→[14×15px]→margin : 2px 0px 3px 0px;
(数値は任意です。長文でのテストはしていませんので、ズレが出てくる可能性もあります。貴方のブログにあった位置になるように変えてください)

但し、絵文字は、各社仕様の違いで大きさが統一しません。
兼用すると、ズレます(ソフトバンクとauは同じですが、Docomoは特に)。

それ以外の解決法は杏の知識では判りませんので、、
<1>罫線タグを削除する(下記参照)。
<2>ずれるのは我慢する。
<3>他のテンプレートに変更する。

※罫線の消し方
赤太文字タグを削除。
/* 記事本体部分 */
div.entry-body {
padding : 30px 10px 13px 10px;
margin : 0px 0px 0px 0px;
line-height : 20px;
font-size : 12px;
text-align : left;
background-color : #ffffff;
background-image : url(http://blog-imgs-21.fc2.com/t/e/m/temtemclub/02-1.gif) ;
}
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。