久々にテンプレートを弄ってみました。
とは言え、プラグイン3(お知らせの部分)の幅を広げて、その中の更新履歴にカテゴリー別のRSSを付けただけです。後は記事の背景画像を取りました。
RSSフィードの配信をしたところで購読して下さる奇特なお方はいらっしゃるのかしら(^^;)
それにしてもアイコン・バナーの少ないこと。
「ペンタブ使って描いてみたいなー」などと数年前から言っているにも関わらず、未だに買わず。
サンタさんがヤマダ電機で買って来てくれるといいんですけどね(゚A゚)
絵と言えば今日は旦那と鉛筆画対決をしました。
でも描いた絵があれなので、サブのブログに載せる予定です。
珍しく漫画っぽい絵じゃありません。でも構図的に負けた気がする…orz
ところで今日もサーバーが落ちていましたが最近多いような。
無料で借りているので待つしかないですけれど、夜10時台とかだとちょっと切ないです(´・ω・`)
このブログのテンプレートでお世話になっているFC2ブログのテンプレート工房様のところで質問に上がっていた、「記事本文を要約表示する方法」を記事にして頂きました。
テンプレート用変数一覧(FC2ブログ公式マニュアル)に要約に関する変数はいくつかありますが、公式・共有テンプレート、共に一番多く使われているのは、<%tb_excerpt>
これはトラックバック送信元の記事要約を表示させるもの。
今回は記事本文の要約と言うことで、<%topentry_discription>を使いました。
現在搭載しているテンプレートは共有で1つだけでしたが、需要は結構あると思うんですよねえ。
どこのブログサービスか忘れちゃいましたが、最初から要約表示のテンプレのところがあったし。
記事中に使った画像をサムネイルで表示して、その横に要約とか出来たらトップページも賑やかでなおかつ読み込みが速いと言う素敵なものが出来上がりそうなんですけれど、その「記事に使用した画像をサムネイルで表示する変数」がありません。
FC2ブログのテンプレート工房様配布のightframeシリーズのコメント投稿欄、及びコメント編集のスタイルを変える方法です。
デフォルトでは名前やURL等、テキストと入力フォームが縦並びになっていますが、これを
名前: 入力フォーム
タイトル: 入力フォーム
サイト名: 入力フォーム
のようにそれぞれまとめて横に並べられます。
前出のサイト様のコメント欄にて回答させて頂いたのですが、<form>の閉じタグを忘れると言うミスをやらかしてしまいました。(※現在は修正投稿済みです。)
「続きを読む」からタグが記載してあります。
<!--▼コメント投稿▼-->〜<!--▲コメント編集▲-->までを削除して差し替えて下さい。
FC2ブログのテンプレート工房様のカスタマイズ、「タイトルを画像にしたときのSEO」を参考にヘッダーを差し替えてみました。
パーマリンク(記事単体表示(※記事タイトルをクリック))の場合、ヘッダーにあるブログタイトルにマウスカーソルを合わせると記事のタイトルとブログ名が表示されます。
ブログタイトルを記事タイトルに置きかえる方法もありますが、そのページごとのタイトルに一貫性が無くなってしまうのは避けられません。これならデザインを変えずにひっそりSEOでいいですよね^ ^
※「画像のURL」が分からない方はこちら→画像URL〜画像でリンクを貼る
<!--▼▼ ヘッダー ▼▼-->
<div id="header_outline">
<div id="header_body">
<h1><a href="<%url>" title="<!--not_permanent_area--><%blog_name> トップページへ<!--/not_permanent_area--><!--permanent_area--><%sub_title> 〜 <%blog_name><!--/permanent_area-->"><img src="画像のURL" alt="<!--not_permanent_area--><%blog_name> トップページへ<!--/not_permanent_area--><!--permanent_area--><%sub_title> 〜 <%blog_name><!--/permanent_area-->" width="画像の横幅" height="画像の高さ" /></a></h1>
<div class="intro"><%introduction></div>
</div><!--/header-->
</div><!--/header_outline-->
<!--▲▲ ヘッダー ▲▲-->
ヘッダーのすぐ下(このブログで言うと横カレンダーの位置)に横並びのメニューバーを設置する方法です。(画像は使用せず、テキストのみ)
HTMLの
<li><a href="リンク先URL">メニュー</a></li>
とあるところを
<li><a href="リンク先URL" target="_blank">メニュー</a></li>
に変更すると別窓で開きます。
初期では5ケ所分の指定になっていますので、置きたい数に合わせて行の増減をして下さい。
スタイルシートの数値(px)や色(文字色・背景色)は好みで変更出来ます。
以下タグ↓
今日から3月。
と言うことで久々にテンプレートを変えてみました。とは言え昨年の使い回(ry
jpgよりgif画像が多いので前回より軽くなっているとは思いますが、上部に設置してある広告部分で多少引っかかったりします。(すみませんm(__)m)
これでflash置いたら大変なことになりそうなので絶対置かない!と言うか置けません。
後、目には見えないところですがHTML内ヘッダー部分にあったjsファイルを1つ抜きました。
が、ほとんど変わらないですねこれじゃ(汗)
管理人がシンプルにしようと言う気はあれどもやらないのが1番の原因です。
そのうち整理するかもしれないししないかもしれないし……………('A`)
もう1つ運営しているブログはシンプルに作ってあります。
そちらはどうしても画像が多くなってしまうんですが、画質劣化のギリギリ手前まで撮影情報を圧縮・削除した上でサムネイルで掲載しています。
一応このブログでも圧縮・削除はやってるんですが、やらないよりやったほうがほんの少しはいいかな程度ですけれども…(^^;)訪問者様に優しくないなあ私orz
パンくずリストの設置方法です。(自ブログには一昨年の12月から付けています。)
参考にさせて頂いたカスタマイズ方法は、「初心者でもできる簡単FC2ブログの作り方」様の
「全てのページに表示するパンくずリストをつくりたい!」
FC2ブログのテンプレート工房様の「ブログのサイトマップ」(カテゴリー別全記事表示)を設置されていない場合は<!--titlelist_area-->〜<!--/titlelist_area-->は不要です。
パンくずリストは検索来訪者様が多い場合は特に便利ですよね(*´ω`)
ブログタイトルをクリックするとトップページになる…と言うことを知らない方もいるので、(ブログをやり始めの頃の私がそうでした(^^;))目に入りやすいところ(ブログ上部)に設置するといいかもです。
このブログのテンプレートは前出のFC2ブログのテンプレート工房様のもので、プラグイン3が記事上に表示される仕様になっている為、そこのHTML内に入れています。
↓以下、タグ(『readmore』から)
FC2テンプレートの仕様変更により、月別の一覧表示が1〜30件までの指定になってしまったようです。今までは99件まで指定出来ていたはず…(ですよね?(^^;))
今までの場合…例えば「環境設定」→「ブログの設定」→「記事の設定」で最上限の「99件指定」をしていた場合、50件の記事を書いた月には月別アーカイブで一度に50件表示されていました。
今回の「30件まで指定」により、上限ギリギリの30件指定をした場合にはもちろん30件の記事タイトルが表示されます。
月に記事が30件以内であれば影響はありませんが、それ以上の記事を書いた月は「月末から数えて30件表示のみ」になってしまいます。
「毎月30件以上書く」、もしくは「今まで30件以上書いた月がある」と言う場合には次ページ(前ページ)へのリンクが必要になります。
(このテンプレート(FC2ブログのテンプレート工房様のlightframe_monotone)にも先程設置しました。)
※以下のカスタマイズ方法は『benri-navi』(myhurt様作)が組み込まれている、FC2ブログのテンプレート工房様・不定期雑記様作のテンプレート用です。
<span class="fc2_site_intro_mark" style="display:none;"></span>
<span class="fc2_entry_title_mark" style="display:none;"></span>
<span class="fc2_entry_body_mark" style="display:none;"></span>
<span class="fc2_entry_more_mark" style="display:none;"></span>
昨日はブログを開くと、
「インターネットサイト http://tanpoko.blog70.fc2.com/ を開けません。操作は中断されました。」
と1日中出ていました。
更新しても、
「実行しましたが、ページでエラーが発生しました」
とブラウザの左下に表示される状態。
これはカラム右下の『ツール』と『逆アクセス・人気記事・検索語句』で引っかかっているようなのですが、ブログチャートが表示されていないのも原因のようでした。
「開けません」のほうは解消しようと思ってありとあらゆることをやってみたのだけれど結局直らず。
もう知らん!と放置していたら今日は大丈夫な様子。FC2さん側だったのかしらもしかして。
サーバー状況はずっと良好だったんですけれどね。
それはそうとつい最近、「http://blog-imgs-27.fc2.com/t/a/n/tanpoko/ファイル名(s).拡張子」の画像が表示されなかったので、せめてトップページだけでもと思い「imgs-19」に貼り変えました。
今は27も大丈夫ですが、結局障害のアナウンスは無かったです。連休だったから?
そうそう、「フッターの強制投入タグのエラーを直してくれたけれど非常に惜しい!」から1週間ほど経ちましたねえ………・゚・(ノД`)・゚・
一昨日記事にした「知らない間に隠しリンク」ですが、多くのブログで大不評のようです。
<%ad2>の後にそのタグを入れられてしまった為、テンプレート製作者様のリンクの行までエラーになるので前後の入れ替えをしましたが、Another HTML-lintでの点数が戻るわけじゃありません。
赤い行が減ったところでエラーになるのは変わり無し。
昨夜はかどりんさんに教えて頂いたWebとPCのメモ帳様の「FC2ブログが勝手に不正な(Invalid)XHTMLに書き換えてしまった件について」の記事を拝見しつつ、自分なりに削除する方法を考えてみました。
FC2カウンター使用の場合にこの隠しリンクが入れられてしまうのかもしれない
→私は忍者カウンターを使用しているので該当せず。。。
しかし、
FC2カウンターを借りていてプラグインに入れてあるけれど、現在非表示にしてある
と言う状態なので、FC2ID及びプラグインからFC2カウンターを削除。これでどうだ!消えてしまえ!
結果………無意味でした(泣)
Another HTML-lint(文法チェック)にかけたらフッター部分に高得点エラーが出ました。そんなところにエラーなんて出たこと無いのに。
「FC2管理用」で囲われたところがいつの間にか増えてます。
入れた覚えが無いよそんな行。
これのおかげで、すぐ下の製作者様リンクの行もエラー扱いに。
テンプレートのHTMLを確認。
やっぱり入っていませんが………
自ブログのフッター(最下部)がこれ。
フォーラムでメンテのお知らせや質問等も出ていないようですが、一体に使うもの???
この『勝手にタグ現象』が起きていないテンプレートもありますが、ランダムに投入しているのでしょうかね?FC2さん側で。
それより何よりどうにかして欲しいですこれ。直せるものなら直したいんですけど、HTMLに書かれていないんじゃ手が出せない。文法チェックの99点が(泣)9並びが好きなのに。かくかくしかじかで。
私はブログランキングドットネットと言うランキングに参加させて頂いているのですが、これはクリック型では無く、ユニークユーザー数や更新頻度によるランキング。
訪問者様にもクリックと言うお手間いらずなのでお気に入りです^^
が、つい先日滅多に見ることの無い自分のブログ情報のページを見てみたところ、先月の7/14でエントリーがストップ状態になっているのに気付き、手動更新しました。
←1ケ月の空白の図(T-T)
というか、1ケ月程前までは正常にping送信が出来ていたと言う事ですよね?
ping送信先はこのFC2ブログの場合、管理ページの
「環境設定の変更→ブログの設定→更新情報(Ping)設定」ですが、
私は、「Ping一括配信サービス Pingoo!」を利用させて頂いているので、この設定でOK。
パソコンに入っている画像を自分のブログ、またはホームページのサーバーにアップロードして画像にURLをつけてあげます。これが「画像URL」※1です。
例えばこのFC2ブログだったら、
管理画面→ツール→ファイルアップロード→参照をクリック→パソコン内にある取り込みたい画像を選んでクリック→アップロード
その後、画像を貼りたい場合には、そのアップロードされた画像をクリックし、ブラウザのアドレスバーに表示されたものを下記のタグの赤字部分に入れます。
<img src="●●●" alt="画像の内容" width="画像の横の長さ" height="画像の高さ" border="0" />
・ 「画像の縦と横の長さ」は画像右クリック→プロパティで表示されます。
またはパソコン内に入っている状態の際、画像にカーソルを合わせても表示されます。
・ 「画像の内容」とは画像にマウスカーソルを触れた時に表示される文字です。
画像が表示されなかった際、それが何の画像なのかを文字で表してくれる役目もしてくれます。
過去記事にて紹介させて頂いた、
・ スタイルシートでタイトルと日付を左右に振り分け(記事タイトル用)
・ 続・スタイルシートでタイトルと日付を左右に振り分け(コメント欄用)
ですが、両方ともIEとOperaでは綺麗に表示されるのですが、Firefoxとsafariでは崩れることが判明。
記事タイトルのほうはスタイルシートで指示するpx数値に認識の違いがあるようで、IEとOperaでは記事タイトルと同じ高さに揃って見えますが、Firefoxとsafariは右上にずれて見えてしまいます。
【8/7】「右上ずれ」が解決しましたので、元記事を修正しました。
コメント欄用のカスタマイズも同じく、Firefoxとsafariはスタイルシートが反映されていません。
背景色の指定と振り分けが駄目らしく(汗)
何かいい方法があるはずだと思い、現在試行錯誤中。(でも「思考」が停止中(号泣))
なので、暫くはFirefoxとsafariユーザーの訪問者様には大変お見苦しいかと思いますが…申し訳無ありませんm(__)m
「スタイルシートでタイトルと日付を左右に振り分け」は記事用のカスタマイズでしたが、コメント欄にも応用することが出来ます。
こちらはコメント投稿時間も表示されます。
実際の表示はこのブログのコメント欄(コメント投稿が(1)以上ある箇所)を見て頂ければ分かると思いますが、NEWマークがいらない方は、
<!--▼newマーク▼-->
<script type="text/javascript">
nw(<%comment_year>,<%comment_month>,<%comment_day>,<%comment_hour>)
</script>
<!--▲newマーク▲-->
この行を抜いて下さい。
※「新着記事にNEWマーク」のカスタマイズをされていない方は「抜き」推奨です。
こちらの記事の最下段にも記載してありますが、以前のタグだと未表示の箇所が出てしまいます。
ここ数日の間にFC2さん側でURLの変更があったようなので、下記に貼り替え推奨です。
<!--▼記事編集▼-->
<a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" target="_blank"><img src="画像URL" style="vertical-align:middle;" border="0" alt="管理者用記事編集" /></a>
<!--▲記事編集▲-->
<!--▼記事編集▼-->
<a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" target="_blank" title="管理者用記事編集">[編集]</a>
<!--▲記事編集▲-->
このブログと同じ状態で表示させる場合のタグです。
文字の大きさや枠線等、御自身のブログに合わせて適宜変更して下さい。
「外枠の色太さ」の部分のdouble(二重線)を、
dashed (点線大)
dotted (点線)
solid (一本線)
ridge (山線)
groove (谷線)
inset (凹線)
outset (凸線)
none (線を未表示)
上記のものと入れ替えたり、pxを変更してお好みのものに変更して下さい。
色指定はWebセーフカラー様が参考になります。
|
|
|
|
| ※マウスカーソル乗せで画像変更(前作) |
【書籍掲載】
JK Fan 空手道マガジン
2007年1月号
「ようこそ JK Blog&HP」
【管理人】 chan (掲示板)