ミュージックガジェット [音楽制作ソフト/DTM/録音機器/製品紹介/レビュー/etc]

音楽制作ソフト/DTM/録音機器等の製品の紹介、レビュー等。

スポンサーサイト 

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


( --/--/-- --:-- ) Category スポンサー広告 | トラックバック(-) | コメント(-)

FC2共有テンプレートカスタマイズ~プラグイン3を記事の上部に表示させる方法 

現在、当ブログで配布している共有テンプレートには以下の2つがあります。

ggt_r3c_blue
FC2共有テンプレート ggt_r3c_blue by ミュージックガジェット

ggt_r3c_green
FC2共有テンプレート ggt_r3c_green by ミュージックガジェット

最近、プラグイン3を記事の上部に表示させたいとの事で質問を頂きましたので、カスタマイズ方法をご紹介致します。
ggt_r3c_blueを例に説明しますが、ggt_r3c_greenの方も色が違うだけですので同様にカスタマイズできます。

1.HTMLの編集


(1) 管理画面のテンプレートの設定を開きます。適用中でない場合はggt_r3c_blueのHTML/CSS「編集」をクリックして下さい。

(2) プラグイン3を表示するソースを、記事の上部に表示する位置に移動します。

(2-1) 元の位置は「ggt_r3c_blue」をダウンロード後、ソースを改変していなければ、261行目~274行目にある、以下の部分をカット(Ctrl+X)します。

261 <!--plugin_third-->
262 <div class="plugin_block">
263 <div class="plugin_title" style="text-align: <%plugin_third_talign>;"><%plugin_third_title></div>
264 <div class="plugin_main">
265 <div style="text-align:<%plugin_third_ialign>;">
267 <%plugin_third_description>
268 </div>
269 <%plugin_third_content>
270 <div style="text-align:<%plugin_third_ialign>;">
271 <%plugin_third_description2>
272 </div>
273 </div>
274 </div>
275 <!--/plugin_third-->



(2-2) カットした上記部分を移動先に貼り付け(Ctrl+C)て下さい。貼り付け先(移動先)は「ggt_r3c_blue」をダウンロード後、ソースを改変していなければ、35行目の<!--index_area-->の下です。

貼り付けた後、以下のようになっていればOKです。

035 <!--index_area-->
036 <!--plugin_third-->
037 <div class="plugin_block">
038 <div class="plugin_title" style="text-align: <%plugin_third_talign>;"><%plugin_third_title></div>
039 <div class="plugin_main">
040 <div style="text-align:<%plugin_third_ialign>;">
041 <%plugin_third_description>
042 </div>
043 <%plugin_third_content>
044 <div style="text-align:<%plugin_third_ialign>;">
045 <%plugin_third_description2>
046 </div>
047 </div>
048 </div>
049 <!--/plugin_third-->
050 <div class="new_entry">
051 <div class="new_entries">最新の記事</div>
052 <ul>
053 <!--recent-->
054 <li><a href="#<%recent_no>" title="<%recent_title>"><%recent_title></a>
[&nbsp;<%recent_month>/<%recent_day>&nbsp;]</li><!--/recent-->
055 </ul>
056 </div>
057 <!--/index_area-->



2.HTMLの更新


編集が無事終わったら、「HTMLの編集」フィールドの下にある更新ボタンをクリックして完了です。

※「最新の記事」が不要であれば、上記例50行目<div class="new_entry">~55行目</ul>までを削除すれば表示されなくなります。

※ ちなみに、35行目<!--index_area-->と、57行目<!--/index_area-->の各1行を削除すると、トップ表示以外でも「プラグイン3」や「最新の記事」が常に表示されるようになります。

※ 上記の例では、プラグイン3のCSSスタイルシートは共用ですので、マージン等、調整が必要な場合は新規にスタイルを作成してHTML側にも適用して下さい。

ブログランキングに参加中です。
もしこの記事が少しでもお役に立てたら,以下のどれかひとつ、クリックお願いします。
(クリック先にはジャンルの近いブログがいろいろ紹介されているので有用な情報が見つかるかも知れません)
ブログランキング・にほんブログ村へ 人気ブログランキングへ

関連記事
スポンサーサイト


( 2011/07/05 06:52 ) Category FC2共有テンプレート | TrackBack(0) | Comment(5)
本当にありがとうございます。
プライングをもってくるまではうまくでき表示もきれいになっていましたが、最新記事のところをけしてからがプライング1と2がずれて記事したにいってしまいました(泣き)
説明どうりにやったのでどこか前いじった時の他のタグが
おかしくなっているのかな、、と考えております。

もう少しがんばってみます!

[ 2011/07/06 19:09 ] [ 編集 ]
mistressエリカ様

ご連絡ありがとうございます。
ブログを背景しましたが、このての表示ズレはdivタグの閉じ忘れ等、始まりと終わりの勘定が合わない時にありがちなずれ方です。
この記事で紹介している例のようになっているか、一字一句確認してみてください。但し記事の例は050行目~の「最新の記事」は残してあるので、その部分は読み飛ばして。つまり049行目までが記事例の通りになっていればズレずに表示されるはずです。
(以下ずれない表示例)
http://musicgadgets.blog84.fc2.com/?template=ggt_r3c_blue_v2&index

もし、ソースをいじっているうちにわからなくなってしまった場合は、「共有テンプレート追加」画面より、名前「ggt_r3c_blue」で検索して再度ダウンロードしてください。但しダウロード済みのテンプレートはテンプレート名リネームするか、削除していないと、(つまり同じ名前のテンプレート名が既にあると)ダウンロード済みと表示されダウンロード出来ませんので、現行のテンプレ名を「ggt_r3c_blue_etc」等適当に変更してからダウンロードして下さい。
トップ画像(ヘッダ背景画像)はカスタマイズされているようですがこれはスタイルシートで定義しているはずですので、変更した現行テンプレ「ggt_r3c_blue_etc」のスタイルシート部分を丸ごとコピーして、新たにダウンロードしたスタイルシートにまるまる上書き(全て消して全て貼り付け)ればトップ画像は再現されるはずです。元に戻ったら、あとは、本記事の例を見ながら再度トライしてみて下さい。

ミュージックガジェット管理人
[ 2011/07/07 04:44 ] [ 編集 ]
やっとうまくできました。

いろいろお世話になり、ありがとうございました☆

[ 2011/08/30 19:10 ] [ 編集 ]
こんばんわ!
お借りしようと探しているのですが、名前で検索しても見当たりません。
テンプレート削除されてしまったんですか?
[ 2011/09/20 02:32 ] [ 編集 ]
お問合せありがとうございます。実は最近このブログのアクセス数が激減し、確認したところ、検索エンジンのインデックスに変化があったため、検索エンジンからのペナルティー(たぶんアルゴリズムによる=自動的な)を受けているようで、原因のひとつとして「過剰な被リンク数」考えられるため、被リンクの増加を止めるために、一時テンプレートの公開を休止していたところでした。メールフォームでご連絡先と希望されるカラーをお知らせ頂ければHTMLとCSSをメールにてお送りさせて頂きます。
[ 2011/09/20 03:54 ] [ 編集 ]
コメントの投稿













管理者にだけ表示を許可する
ブログランキング
[AD] Amazon
[AD] 楽天

▲停止中▲[AD] Other
(MicroADサービス終了)
おすすめショップ


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