myブログ
  • 関崎から
    佐渡島の関崎から撮った携帯写真を主に置いています。

メニューに表示したくないページがある場合、functions.php の art_menu_items() を変更する。wp_list_pages のパラメータを以下のようにする。

wp_list_pages(‘exclude=1,2,3,108&title_li=’);

テーマを修正すると functions.php は上書きされるので注意!

ブログパーツのクラシック・アナログ時計に不具合がありました。
詳細はアナログ時計の不具合についてを参照してください。

公開中のアナログ時計に不具合がありました。

【現象】
IE8・Firefox3.5.3以外のブラウザで、アナログ時計を左サイドバーに貼り付けると、投稿記事のエリアに「佐渡島の次平」へのリンクが表示される場合がある。
IE6・IE7で現象を確認しました。MacのSafari3.0はOKのようですが、その他のブラウザは確認していません。
koko
丸の中に見えるのが、文字はつぶれていますが、「佐渡島の次平」へのリンクです。
IE6とIE7を合わせるとブラウザのシェアがなんと約70%! かなりの人が邪魔なリンクを見ていたことになります。

【原因】
時計自体はサイドバーからはみ出た部分は非表示になるのですが、リンクの文字は非表示にならないブラウザがあるようです。
サイドバーの横幅よりはみ出た部分を非表示にするために
style=”width:100%;overflow:hidden;
リンクを枠外に表示して、hiddenで非表示にするつもりで
style=”font-size:40%;position : relative;top : 100px;left : 300px;”
としていました。
この組み合わせの解釈が、ブラウザによって違うようです。

【対処】
アナログ・クラシック時計(白)または、アナログ・クラシック時計(黒) から修正版のスクリプトを貼り付けてください。
FC2ブログでプラグインを使っている方は ブラウザによってプラグインの挙動が違うを参照してください。

【なぜ隠しリンクをつけてるの?】
そもそも、時計の下に素直にリンクを表示すればいいのですが、シンプルな時計なだけに、リンクは邪魔だったのです。
しかし、SEO対策としては、aタグでのリンクは欲しかったわけです。そこで苦肉の策がoverflow:hiddenだったのです。
修正版では、noscriptタグ内にリンクを書いています。これも裏技みたいな使い方ですが許してください。

ここはホームページがメインなので、あえて作成日は外していたのですが、ブログのところにはやっぱりあった方がいい。
Artisteer 2 で、日付を追加すると、以下のphpが変わっていた。

  • archive.php
    index.php
    page.php
    search.php
  • ページにはいらないので、page.php 以外を上書き。

    んー、意図しない結果になってしまいました。
    ・ブログのトップページでは、全投稿に日付はついてる・・・ok
    ・カテゴリー一覧も全投稿に日付はついてる・・・ok
    ・ページにはついていない・・・ok
    ・投稿の単体ページに日付が無い・・・ng

    ひょっとして、page.phpは、ページと投稿の両方を担当している?

    ちょっと気になるけど、しばらくはこれでいいでしょう。
    気が向いたら page.php を調べるということで・・・

    記事に関係ないけど、
    LOTTE ACUO いい息、長持ち

    数字が少ないほどいいらしいが、7,690,338 だって。
    調査中

    ブログパーツのクラシック・アナログ時計を黒にしてみました。

    FC2ブログの方
    FC2ブログの管理画面の【プラグインの設定】からプラグインをダウンロードできます。

    FC2ブログ以外の方
    以下のソースをサイドバーのフリーエリア等に埋め込めば表示されるはずです。

    ソースのコピー方法(ブラウザで選択してコピーすると、行番号が入り正しくコピーできません)

    <div align="center">
    	<div style="width:100%;overflow:hidden;">
    		<script type="text/javascript" src="http://mog.sado-is.com/analog_classic4/analog_classic4.php?w=150&h=150"></script>
    		<noscript>
    			<a href="http://sado-is.com/" target="_blank" title="佐渡島の次平">佐渡島の次平</a>
    		</noscript>
    	</div>
    </div>
    

    注意事項:動作保障はできません。また、レンタルサーバーがらの直リンクとなっているため、負荷が大きくなった場合は、予告無く公開を停止するかもしれません。

    SEO対策として、被リンクを増やそうと、ブログパーツにリンクを入れたのですが、ブログパーツの下部にリンクを表示させるのは見栄えがよくない。

    そこで、枠外に表示させて、枠からはみ出た部分を非表示にするようにしてみた。
    overflow:hidden;
    position : relative;top : 0px;left : 9999px;

    9999px はいかにもやってるって感じなので、それっぽくする。
    position : relative;top : 100px;left : 75px;

    しかし、隠しリンクになるのでなんか後ろめたい気もする。

    ところが、リンクの文字を小さくしたり、文字色を背景と同じにしたりして隠すこともできるけど、検索ロボットはそんなの見てないと思うわけです。スタイルシートを解析しますか? 解析できますか?

    とりあえず、ブログパーツにテキストリンクは邪魔なので隠しておきます。

    右上「copy to clipboard」のアイコンをクリックするとクリップボードにソースがコピーされます。
    コピーしたソースをご利用のブログの管理画面から指定の箇所に貼り付けてください。
    img1275

    クリップボードにコピーできない場合

    右上の「view source」のアイコンをクリックすると、子画面にソースだけが表示されます。手動でコピーしてください。

    テンプレートを少し改造するとオリジナル度がアップします。ヘッダーのイメージをオリジナル写真に変えるだけでもかな雰囲気が変わります。

    今回は、クラシック・アナログ時計をFC2ブログのヘッダーに配置する方法を書いていきます。
    他のブログでも基本は同じなので応用してください。

    ただし、テンプレートの編集は自己責任です。
    失敗したら元に戻せるので気楽に行きましょう。

    時計を配置できるのは、ヘッダー部に時計が入るスペースがあることが前提です。文字だけのヘッダーで高さが狭いようなテンプレートでは、時計が隠れたり、他の部分に重なったりします。
    また、以下の説明と一致しないテンプレートがあるかもしれません。そんなときはあきらめてください。

    説明には超人気のテンプレート dhw_blueHouse を使います。こんな感じに配置します。

    img1267

    大まかな手順は以下の通りです。

    1. 今使っているテーマを複写する
    2. 複写したテーマを編集する
    3. 複写したテーマを使用する

    2番目が危険ですが、複写した方を編集するので、だめならオリジナルの方に戻せはいいだけです。

    1.今使っているテーマを複写する

    ・【管理画面】>【環境設定】>【テンプレートの設定】 と進んでください。
    ・今使っているテンプレートには赤い旗が付いてるので、【複製】を押します。
    ・複製されたテーマの【編集】を押します。
    ・以下のように複製されたテンプレートの名前が出ていればOKです。
    img1268

    2.複写したテーマを編集する

    まずHTMLを変更します。
    <div id=“header”> と書かれているところを探してください。

    img1260

    その下に、以下のソースを貼り付けてください。

    <div style="top : 0px;left : 0px;position : absolute;z-index : 100;">
    	<div style="width:150;height:150;overflow:hidden;">
    		<script type="text/javascript" src="http://mog.sado-is.com/analog_classic3/analog_classic3.php"></script>
    		<script type="text/javascript" src="http://mog.sado-is.com/analog_classic3/analog_classic3.js"></script>
    		<script type="text/javascript">swfshow(0,0,0);</script>
    		<div style="font-size:40%;position : relative;top : 0px;left : 999px;">
    			<a href="http://sado-is.com/ " target="_blank" title="佐渡島の次平">佐渡島の次平</a>
    		</div>
    	</div>
    </div>
    

    以下のようになればOK.

    img1261

    ここでプレビューしてみましょう。以下のようになればOK。

    img1265

    このままではブラウザの幅を広げても左上に固定されたままになります。これでいい場合はこれで終了です。

    ヘッダーのイメージの上に配置するには、スタイルシートを編集します。 #header を探してください

    img1263

    overflow: hidden;  の次の行に position : relative; を挿入します。

    img1264

    ここでプレビューしてみましょう。以下のようになればOK。

    img1266

    ブラウザの幅を変えても、ヘッダーのイメージに重なっているはずです。

    ここからが位置決めです。
    テンプレートに挿入したソースの1行目を以下のように変えます。

    <div style=”top : 170px;left : 730px;position : absolute;z-index : 100;”>

    img1259

    プレビューしてみましょう。以下のようになればOK。

    img1267

    これでテンプレートの編集は終わりです。

    更新した後に、テンプレートを適用してください。

    top:上からの位置left:左からの位置 を適当に調整してすきな位置に配置してください。

    クラシック・アナログ時計(白)を ブログパーツとして公開しました。

    FC2ブログの方
    FC2ブログの管理画面の【プラグインの設定】からプラグインをダウンロードできます。

    FC2ブログ以外の方
    以下のソースをサイドバーのフリーエリア等に埋め込めば表示されるはずです。

    ソースのコピー方法(ブラウザで選択してコピーすると、行番号が入り正しくコピーできません)

    <div align="center">
    	<div style="width:100%;overflow:hidden;">
    		<script type="text/javascript" src="http://mog.sado-is.com/analog_classic3/analog_classic3.php"></script>
    		<script type="text/javascript" src="http://mog.sado-is.com/analog_classic3/analog_classic_a.js"></script>
    		<script type="text/javascript">swfshow(150,150,0);</script>
    		<noscript>
    			<a href="http://sado-is.com/" target="_blank" title="佐渡島の次平">佐渡島の次平</a>
    		</noscript>
    	</div>
    </div>
    

    注意事項:動作保障はできません。また、レンタルサーバーがらの直リンクとなっているため、負荷が大きくなった場合は、予告無く公開を停止するかもしれません。

    2 / 3123
    2017年10月
    « 2月    
    1234567
    891011121314
    15161718192021
    22232425262728
    293031  
    写真素材のピクスタ