CriCri
クリエイティブになりたいクリクリ工房
記事の上に来るプラグインのタイトルの表示方法
- 2010/09/07 (Tue)
- カスタマイズ HTML、CSS |
- TB(0) |
- CM(0) |
- Edit |
- ▲Top
最近はアフェリエイトに励むブロガーが増えてきているようですね。
記事の上や下にプラグインがあると、幅広広告や幅広プラグインをつけたい人には好都合です。
広告でなくてもお知らせに使えるし、要らなくなればすぐに削除できる。
記事だと更新とともに下へずれていくけれど、プラグインならいつも一番上に表示しておけます。
新しいテンプレを作っている間にその気になり、広告対応テンプレを作ってみました。
もともとプラグイン5が記事の上に来ていたテンプレも、この機会に新システムに変更していきます。
要らなければ、そのプラグイングループを使わなければ表示されることはありませんから、これがあって迷惑する人はいないでしょう。
それでは説明に入ります。
プラグイン4
トップページとそれに続く記事一覧ページで、記事の上に表示されます。
プレビューにはなぜが表示されませんが、あの表示されているページがトップページではないからです。つまり、トップページだけに特別なデザインをしても、プレビューでは見られないということ。
プラグイン4はお知らせに使うとき用にタイトルが用意されていますが、デフォルテは広告用に非表示になっています。これを表示させたい場合は、テンプレート編集ページの右上にあるHTMLを直接変更することになりますが、ご心配なく。誰でも簡単に変更できるように、HTML内に説明書きがあります。
HTMLを少しスクロールすると、下記のところが出てきます。
オレンジで囲まれたところにある、style="display:none;" を削除すればタイトルが現れ、コピペでまた貼り付けるとタイトルはまた消えてなくなります。
とっても簡単ですから、タイトルを表示させたい方は試してみてください。
広告はトップページと記事一覧ページのみの表示ですが、全ページに表示させたい場合、ピンク色の<!--if_page-->と<!--/if_page-->を削除すれば、すべてのページで表示されます。
が、カテゴリーやアーカイブなど各検索ページにプラグインを表示させたくない場合は、緑色の<!--if_entry-->と<!--/if_entry-->をピンク色に付け加えれば、検索ページでは非表示となります。
プラグイン5
こちらは個別記事ページ(詳細記事ページ)だけに表示されます。
トップページに広告があっても、検索で来る訪問者が見るのはこの詳細記事ページだけです。
また、プラグイン4をお知らせ等広告以外に使う場合も考えて、プラグイン5を記事ページに設置。
こちらは記事の下、コメントとの間に表示されます。
テンプレートによってはここにランキングバナーを貼り付けて使えるものもありますが、デザイン上の問題が出る場合が多いと思うので、ランキングバナーはできれば記事の中にあるバナー設置箇所に貼り付けてください。
記事の上や下にプラグインがあると、幅広広告や幅広プラグインをつけたい人には好都合です。
広告でなくてもお知らせに使えるし、要らなくなればすぐに削除できる。
記事だと更新とともに下へずれていくけれど、プラグインならいつも一番上に表示しておけます。
新しいテンプレを作っている間にその気になり、広告対応テンプレを作ってみました。
もともとプラグイン5が記事の上に来ていたテンプレも、この機会に新システムに変更していきます。
要らなければ、そのプラグイングループを使わなければ表示されることはありませんから、これがあって迷惑する人はいないでしょう。
それでは説明に入ります。
プラグイン4
トップページとそれに続く記事一覧ページで、記事の上に表示されます。
プレビューにはなぜが表示されませんが、あの表示されているページがトップページではないからです。つまり、トップページだけに特別なデザインをしても、プレビューでは見られないということ。
プラグイン4はお知らせに使うとき用にタイトルが用意されていますが、デフォルテは広告用に非表示になっています。これを表示させたい場合は、テンプレート編集ページの右上にあるHTMLを直接変更することになりますが、ご心配なく。誰でも簡単に変更できるように、HTML内に説明書きがあります。
HTMLを少しスクロールすると、下記のところが出てきます。
オレンジで囲まれたところにある、style="display:none;" を削除すればタイトルが現れ、コピペでまた貼り付けるとタイトルはまた消えてなくなります。
とっても簡単ですから、タイトルを表示させたい方は試してみてください。
広告はトップページと記事一覧ページのみの表示ですが、全ページに表示させたい場合、ピンク色の<!--if_page-->と<!--/if_page-->を削除すれば、すべてのページで表示されます。
が、カテゴリーやアーカイブなど各検索ページにプラグインを表示させたくない場合は、緑色の<!--if_entry-->と<!--/if_entry-->をピンク色に付け加えれば、検索ページでは非表示となります。
<!-- ==========▼▼ プラグイン 4 ========== --> <!--if_page--><!--if_entry--> <!--plugin4--> <div class="Plugin4InnerBlock"> <!-- ▽▽▽ プラグインタイトルの表示方法
style="display:none;"を削除してください ▽▽▽ --> <h3 class="Plugin4Title <!--$plugin_title_align-->" style="display:none;"><!--$plugin_title--></h3> <!-- △△△ --------------------------------------- △△△ --> <div class="Plugin4Explanation <!--$plugin_explanation_align-->"> <!--$plugin_header_explanation--> </div> <div class="Plugin4Contents <!--$plugin_contents_align-->"> <!--$plugin_data--> </div> <div class="Plugin4Explanation <!--$plugin_explanation_align-->"> <!--$plugin_footer_explanation--> </div> </div> <!--/plugin4--> <!--/if_entry--><!--/if_page--> <!-- ==========▲▲ プラグイン 4 エンド ========== -->
プラグイン5
こちらは個別記事ページ(詳細記事ページ)だけに表示されます。
トップページに広告があっても、検索で来る訪問者が見るのはこの詳細記事ページだけです。
また、プラグイン4をお知らせ等広告以外に使う場合も考えて、プラグイン5を記事ページに設置。
こちらは記事の下、コメントとの間に表示されます。
テンプレートによってはここにランキングバナーを貼り付けて使えるものもありますが、デザイン上の問題が出る場合が多いと思うので、ランキングバナーはできれば記事の中にあるバナー設置箇所に貼り付けてください。
次は「Cafe」と「colors」を修正
先に修正したテンプレートに続いて、気になっていた「cafe mélange」と「colors」を修正しました。
もともとプラグイン5が記事の上に来る仕様でしたが、今回の修正でプラグイン4を記事上部に、プラグイン5を記事の下にもって来ました。
まずプラグイン5ですが、詳細記事ページの記事ブロックとコメントフォームの間に表示されます。
これはタイトルなしで、広告や幅広プラグインだけを対象にしています。
ランキングバナーなどはここに入れるとデザイン的におかしくなるので、HTMLの所定の場所に貼り付けてください。
プラグイン4はどこにも表示されていませんが、これはプレビューがトップページではないからです。
更新されたテンプレートを実際に使うと、トップページとそれに続く記事一覧ページで、記事の上に表示されます。
こちらはHTMLでタイトルを非表示にしています。
「お知らせ」などのタイトルをつけたい場合は、HTMLの「プラグイン4ブロック」の中に表示の仕方が書いてありますので、それに従ってください。
詳しくはテンプレート集のテンプレート詳細記事に書き込みますが、修正が終わったばかりでぐったりなので、ちょいと一休みさせてください。
それと、拍手がどういう風に見えるかよく分かるように、拍手も設置しました。
ランキングバナーはHTMLに一度貼り付けるだけで、全記事の下に表示されます。
どんな方にでもできるように、分かりやすくHTMLのなかに書いてありますので、ランキングに参加されている方は利用してみてください。
もともとプラグイン5が記事の上に来る仕様でしたが、今回の修正でプラグイン4を記事上部に、プラグイン5を記事の下にもって来ました。
まずプラグイン5ですが、詳細記事ページの記事ブロックとコメントフォームの間に表示されます。
これはタイトルなしで、広告や幅広プラグインだけを対象にしています。
ランキングバナーなどはここに入れるとデザイン的におかしくなるので、HTMLの所定の場所に貼り付けてください。
プラグイン4はどこにも表示されていませんが、これはプレビューがトップページではないからです。
更新されたテンプレートを実際に使うと、トップページとそれに続く記事一覧ページで、記事の上に表示されます。
こちらはHTMLでタイトルを非表示にしています。
「お知らせ」などのタイトルをつけたい場合は、HTMLの「プラグイン4ブロック」の中に表示の仕方が書いてありますので、それに従ってください。
詳しくはテンプレート集のテンプレート詳細記事に書き込みますが、修正が終わったばかりでぐったりなので、ちょいと一休みさせてください。
それと、拍手がどういう風に見えるかよく分かるように、拍手も設置しました。
ランキングバナーはHTMLに一度貼り付けるだけで、全記事の下に表示されます。
どんな方にでもできるように、分かりやすくHTMLのなかに書いてありますので、ランキングに参加されている方は利用してみてください。
フッターが修正されました
忍者がブログのフッターを変えましたね。
フッターに来る広告は2つありますが、その2つに入っていた広告の内容が変更されたのに気がついた人はいないかもしれません。
しかし、私のテンプレートを見れば一目瞭然。
忍者側の広告を利用して「powered by 忍者ブログ」と書いていたものだから、内容の変更とともに変てこになってしまいました(ため息)
ここのフッターはまだそのままにしているので、どんなに変てこになったかは下を見てみてください。
修正しました。
拍手に対応するためにテンプレートの半分をすで修正したところですが、こんなに変てこになったフッターを放置しておくわけにもいかないので、この間修正した分をもう一度修正しました。
修正のついでに、左に寄せていた「ミニ猫だらけ」を中央に持ってきました。
中央寄りのほうが、やはり万人向けでしょうね。
一気に17件もの修正で、最近テンプレートを出された作者さんには申し訳ありませんが、不可抗力だということでお許しいただけると幸いです。
残りのテンプレートも修正しますが、まだ暑いし、秋や冬のテンプレートは需要がないだろうということで、他のテンプレートは時期が来たら順次修正版を出していきます。
それとは別に、現在新テンプレートを製作中です。
こちらは来週か再来週に申請できるかも。
フッターに来る広告は2つありますが、その2つに入っていた広告の内容が変更されたのに気がついた人はいないかもしれません。
しかし、私のテンプレートを見れば一目瞭然。
忍者側の広告を利用して「powered by 忍者ブログ」と書いていたものだから、内容の変更とともに変てこになってしまいました(ため息)
修正しました。
拍手に対応するためにテンプレートの半分をすで修正したところですが、こんなに変てこになったフッターを放置しておくわけにもいかないので、この間修正した分をもう一度修正しました。
修正のついでに、左に寄せていた「ミニ猫だらけ」を中央に持ってきました。
中央寄りのほうが、やはり万人向けでしょうね。
一気に17件もの修正で、最近テンプレートを出された作者さんには申し訳ありませんが、不可抗力だということでお許しいただけると幸いです。
残りのテンプレートも修正しますが、まだ暑いし、秋や冬のテンプレートは需要がないだろうということで、他のテンプレートは時期が来たら順次修正版を出していきます。
それとは別に、現在新テンプレートを製作中です。
こちらは来週か再来週に申請できるかも。
Webstyle #01の新ドロップダウンメニュー
- 2010/06/28 (Mon)
- カスタマイズ JavaScript |
- TB(0) |
- CM(0) |
- Edit |
- ▲Top
Webstyle #01シリーズの更新版が公開されました。
今回の更新は拍手ボタンへの対応とともに、トップメニューの修正がされています。
更新以前のメニューは、IE8だとマウスをリンクに持っていっても色が変わらないバグがあるのですが、IE8は初期設定で忍者ブログを互換表示するように指定されているので、気がついていない人が結構いるかもしれませんね。しかしバグをそのままにもしておけないので、今回はメニューのスクリプトを完全に入れ替えることにしました。
使用したスクリプトはjQueryのDroppyです。
前のスクリプトではGoogle ChromeとSafariでプレビューが崩れていたのが、jqueryではまともに表示されるようになりました(喜)
やっぱりあの崩れはスクリプトのせいだったんだ・・・
そしてさらに、スクリプト入れ替えとともにメニューの内容も一新しました。
以前のメニューでは、最新記事は記事のタイトルだけしか出ませんでしたが、更新版では日付とカテゴリーも一緒に出ます。また、コメントリストにも記事タイトルと日付、コメント投稿者の名前が出るように変更。これで、だいぶ見やすくなったと思います。
リンクはリンク編集ページで編集されたリンクがリストに表示されます。
管理ページへのリンクをADMINに書き変えると、リストが出たときかっこよく見えますよ。
管理ページの左にある「リンクの編集」から編集ページに入れます。
さて、ここからはカスタマイズの話です。
ここからは非常に長くなるので、追記の中に入れています。
カスタマイズされたい方は、追記をクリックしてください。
注)カスタマイズにはHTMLの知識が必要です。
ある程度勉強された方でないと難しいかもしれません。
今回の更新は拍手ボタンへの対応とともに、トップメニューの修正がされています。
更新以前のメニューは、IE8だとマウスをリンクに持っていっても色が変わらないバグがあるのですが、IE8は初期設定で忍者ブログを互換表示するように指定されているので、気がついていない人が結構いるかもしれませんね。しかしバグをそのままにもしておけないので、今回はメニューのスクリプトを完全に入れ替えることにしました。
使用したスクリプトはjQueryのDroppyです。
前のスクリプトではGoogle ChromeとSafariでプレビューが崩れていたのが、jqueryではまともに表示されるようになりました(喜)
やっぱりあの崩れはスクリプトのせいだったんだ・・・
そしてさらに、スクリプト入れ替えとともにメニューの内容も一新しました。
以前のメニューでは、最新記事は記事のタイトルだけしか出ませんでしたが、更新版では日付とカテゴリーも一緒に出ます。また、コメントリストにも記事タイトルと日付、コメント投稿者の名前が出るように変更。これで、だいぶ見やすくなったと思います。
リンクはリンク編集ページで編集されたリンクがリストに表示されます。
管理ページへのリンクをADMINに書き変えると、リストが出たときかっこよく見えますよ。
管理ページの左にある「リンクの編集」から編集ページに入れます。
さて、ここからはカスタマイズの話です。
ここからは非常に長くなるので、追記の中に入れています。
カスタマイズされたい方は、追記をクリックしてください。
注)カスタマイズにはHTMLの知識が必要です。
ある程度勉強された方でないと難しいかもしれません。
Webstyleシリーズが更新されます
IE8でドロップメニューにバグがでる問題があったWebstyleシリーズですが、今回やっと更新版を作りました。
スクリプトを総入れ替えし、メニューの中のリストもリニューアルして、さらに使いやすくなっています。
2カラムはプラグイン5をタイトルなしにして申請しましたが、以前にタイトルなしで出さないようにとの注意が来たことがあるので、もし申請が通らなかったらタイトルをつけてもう一度申請することになります。
メニューのリニューアルにともなって、2カラムはメニュー幅が変わりました。
その他にも、メニューから出てくるリストが変わっているので新しくカスタマイズ記事を書く予定ですが、更新前のテンプレートを使用している人のために、現在あるカスタマイズはそのまま残しておきます
現在のカスタマイズ記事を見ていただければわかりますが、唖然とするくらいすごく長いので、一気に全部書くのはたぶん無理。
カスタマイズされたい方には申し訳ありませんが、あと数日ほどお待ちください。
スクリプトを総入れ替えし、メニューの中のリストもリニューアルして、さらに使いやすくなっています。
2カラムはプラグイン5をタイトルなしにして申請しましたが、以前にタイトルなしで出さないようにとの注意が来たことがあるので、もし申請が通らなかったらタイトルをつけてもう一度申請することになります。
メニューのリニューアルにともなって、2カラムはメニュー幅が変わりました。
その他にも、メニューから出てくるリストが変わっているので新しくカスタマイズ記事を書く予定ですが、更新前のテンプレートを使用している人のために、現在あるカスタマイズはそのまま残しておきます
現在のカスタマイズ記事を見ていただければわかりますが、唖然とするくらいすごく長いので、一気に全部書くのはたぶん無理。
カスタマイズされたい方には申し訳ありませんが、あと数日ほどお待ちください。
カレンダー
最新記事
(09/07)
(09/06)
(08/29)
(06/28)
(06/24)
(06/15)
(04/05)
(01/19)
カスタマイズ
HTML、CSS
► プラグインを一時的に非表示にする
► プラグインをタイトル無しにする
► Webstyle #01シリーズでプラグインの左右を変える
► インデントが利かないテンプレートを修正する
► 記事内の画像に余白をつける
► テンプレートを左寄り、右寄り、または中央にする
► プラグインの日付を右に変更する
► 引用文に枠をつける
► プラグインを右、または左にする
► プラグインをタイトル無しにする
► Webstyle #01シリーズでプラグインの左右を変える
► インデントが利かないテンプレートを修正する
► 記事内の画像に余白をつける
► テンプレートを左寄り、右寄り、または中央にする
► プラグインの日付を右に変更する
► 引用文に枠をつける
► プラグインを右、または左にする
JavaScript
このブログへのリンク
このブログはリンクフリーです。リンクしてくださる方は、下のバナーを保存してご使用ください。直リンクは禁止です。


