自作したブログ（ワードプレス）に、プラグイン「WP Social Bookmarking Light」を

インストールし、記事内にソーシャルボタンを表示させた。しかし、最近になりスマホ

で見ると「いいねボタン」だけが下にずれてしまう。PCでは問題ないのに・・・

ググッて対処法あったのでメモる。

対処前

対処法は

ダッシュボード → 設定 → WP Social Bookmarking Light → styles

Custom CSS に下記を追記

.fb_iframe_widget {
  width: auto !important;
  display: inline-block !important;
}

スマホで確認してみた。

元に戻った。ヨカッタヨカッタ。

「 PS Disable Auto Formatting」がバージョンアップされた。

1.0.8 → 1.0.9

数日前バグかな・・・で書いてしまった記事

（新規投稿でビジュアルとテキストの切り替えが出来なくなった）

アップデートしたら不具合が解消されたみたい。

よかった、よかった。

ブログ（ワードプレス）の新規投稿で、ビジュアルエディタとテキストエディタの切り

替えが出来なくなった。いつもはビジュアル使って投稿してるのですが、たまに動画を

挿入する時にテキストエディタで直接タグ打ってたんです。でもその切り替えが出来な

くなった。現状はWordPress 3.9。探ってみたらプラグインが悪さしてみたいです。

【 PS Disable Auto Formatting バージョン 1.0.8 】

プラグインをいったん停止してみたら、問題なく切り替えが出来る。

でも有効化すると切り替えが出来ない。

困ったものですね。早急の改良が望まれます。

このプラグイン便利だな～と今まで使っていたので、削除せず、テキストでタグ打つ

場合にだけ停止する事にします。

ワードプレスでブログ等書かれている方で、

Googleウェブマスターツールを利用されている方。

クロールエラーで悩まされていませんか？

その対処方、クロールエラーを無くす方法を伝授いたします。

まずプラグイン「Redirection（リディレクション）」をワードプレスに実装します。

通常ワードプレスのダッシュボード→プラグイン検索→インストールで実装できそう

ですが、当方検索してもヒットしなかったので、直接サイトからダウンロードし

FFFTPでアップロードしました。

サイト：Redirection

解凍後、フォルダー「redirection」をwp-content/pluginsにアップロード。

ワードプレスのダッシュボード（管理パネル）→プラグイン（サイドバー）→

インストール済みプラグイン→「Redirection」を有効化。

でぇ、インストールは完了です。

次にクロールエラーのページを301リダイレクトする設定を行います。

設定はツール→リディレクション内です。

設定前に、別ページでウェブマスターツールのクロールエラー（URL エラー）を開い

ておきましょう。

これで準備満タンです。

まずＵＲＬの短いものから「Redirection」に登録していきます。

当方の場合、/blog/page/95 とか /blog/page/10 見たいな感じに、

/blog/page/××がかなりクロールエラーでてまして、この類、短いＵＲＬから

やっつけました。

クロールエラーページの「ＵＲＬ」をクリックするときれいに並べ替えできます。

でぇ、/blog/page/××の群集を見つけ、

その一つをクリックしましょう。

エラーの詳細が表示されます。

/blog/page/95 は、実際に存在しないページなので、類似したページに301リダイレ

クトします。大体類似したページは「リンク元」にあるので、

↑　ここに表示したＵＲＬを「Redirection」にそのまま登録します。

「新しい転送ルールを追加」をクリックすると登録完了です。

もしウェブマスターツールの「エラー詳細」→「リンク元」ページに類似ページが

何も表示されなかったら、そのエラーはほっといて次のページをどんどん登録してい

きましょう。あと、リンク元のＵＲＬをクリックすると、たまに存在しないページ

「404 Not Found」があるので、それは登録しないで下さい。

Redirectionに登録後は、ウェブマスターツールのクロールエラーページの「修正済

みとする」をクリックするとエラーリストから消えます。

しかしながら一度クロールエラーとしてインデックスされたページを修正しても、それ

をGoogleボットが認識してくれるまで日数掛かるので、またエラーとして表示されま

すが、再度修正済みとするクリックすること数回で完全にクロールエラーから消去され

ます。因みに「修正済みとする」をしないままですと、どんどんクロールエラーが増え

てしまったある日、ドキッとするメッセージがGoogleから届きます。

無視しても構わないですが、私はドキッとしました。

内容は「エラーを調査して、転送されたページが到達可能であることを確かめる適切な

ステップを取ってください。」ってGoogleがアドバイスしてきます。

どこのサイト見てもクロールエラーはさほどＳＥＯに影響ないとしてますが、

でも、でもね・・・。　何か気になるじゃないですか！

どぉ？　あなたもクロールエラー減らしやってみてみてはいかが？

後で気付いてのですが、Redirectionには正規表現する方法もあったんですね。

これ使うと物凄く簡単に転送ルールの設定が出来ます。

↓　↓

Redirection　正規表現　サンプル

つづく

【 注意事項 】

当方2つのブログ（ワードプレス）で試してみたのですが、

１つのブログで問題が発生しました。

場合によっては301リダイレクトしてくれません。

そうなったら「Redirection」の設定（モジュール）でパーマリンクをデフォルト

以外に設定し直す必要があるらしいです。

ワードプレスを3.5.1からWordPress 3.6にバージョンアップしてみたんですぅ。

したら　あれ？　検索フォームがへんになってる・・・

どこがヘンだと申しますと

以前カスタマイズした時はこんな感じだったんです。

ウェジェット 検索フォームのカスタマイズ

じゃどうするよ？

カスタマイズした時いじったファイル

wp_includesフォルダー内に格納されてる ” general-template.php ”

バックアップしていたから上書きアップロードさせました。

したらこうなってしまった。

ヘッダーに意味不明なエラーが

Warning: call_user_func_array() [function.call-user-func-array]: First argument is expected to be a valid callback, ‘wp_heartbeat_settings’ was given in /virtual/●●●●/●●●●/blog/wp-includes/plugin.php on line 173

検索フォームとカレンダーもタテ幅がちじこまってしまった。

ん・・・困った。しかもかっこ悪いし。　どう修復して良いかさっぱり分からん。

なんちゃら知恵袋の活躍中のチエリアンに回答のリクエストしてみても、

一向に回答されない。自力で修復するしかないな。

取りあえず、WordPress 3.6の”general-template.php”を上書きさせ、

エラー表示させないだけでもしておこう。

それに検索フォームがへんくなってることなんて、

言わなきゃ誰も気付かないだろうし。

修復につづく

ワードプレスを自作する必須アイテムとして、

今までウェブマトリックス2を使っていましたが、

最近3がリリースされたみたいなのでインストールしてみました。

念のためにWebMatrix2をアンインストールしてからの実装です。

ＰＣ環境はWin7。

インストールはいたって簡単なので、画像でざーっと説明します。

まずは本家（Microsoft）からソフトをダウンロード

http://www.microsoft.com/japan/web/webmatrix/

＊表示されたページのダウンロードは

必然的にWebMatrix3がインストールされます。

で、ＤＬした「webmatrix.exe」をダブルクリック

「Web Platform」をインストール

 Web Platformをインストール中

 Web Platformのインストールを終えてから本体のWebMatrix3をインストール。

インストール中にこんな出ました。

何かアップデートするってこと？

意味わからんから・・・「はい」で次に進む

「後にする」でスキップ＾＾

うぉー　無事インストールできました。

次ページでワードプレス設定方法を説明します。→

私、ワードプレスの投稿記事にコメント欄を作るのに半日苦闘しました。

まず、コメントフォームでぐぐってみたのですが

<?php comment_form(); ?>

↑このタグを「single.php」に追加し、新たに「comments.php」なるファイルを作り

うんぬんかんぬん・・・ってことが色々ヒットしました。

でぇ、取りあえず<?php comment_form(); ?>を｢single.php」に追加し

サーバーにアップしたんですぅ。そしたら出来ました！？っと思いきや、

フォームは動いても、コメントがどこのも表示されない。

やはり新たに「comments.php」なるファイルを作らなきゃだめなんかな・・・

殆ど諦めていたんですが、とあるサイトで見つけました！！

<?php comments_template(); ?>

このタグを「single.php」」にコピペするだけで出来ました。

テストでコメントしてみましたが、ばっちしです。

デフォルトはこんなもんなんでしょが、今後レイアウトをカスタマイズしてみます。

←コメント欄のカスタマイズ WordPress　につづく

サイドバー等に設置する検索フォーム（検索ボックス）をカスタマイズしました。

ワードプレスの検索フォームをカスタムしたい方の為に

分かりやすくレクチャーしますね。

当方は設置する場所をヘッダー内にしましたが、ウェジェットでサイドバーに

表示させたい場合は、これからの作業は必要ありません。

・ヘッダー内に検索フォームを表示させるには

テーマフォルダー内の「header.php」を開き、表示させたいところに

<?php get_search_form(); ?>　

を記述します。ただそれだけです。そうするとデフォルトのボックスが現れます。

表示位置はdiv等で囲み、その指定は「style.css」に書き込みましょう。

当方仕様は右側に検索ボックスを表示でこうです。

style.css　には

#info { float:right;
 line-height:33px;
 margin-right:24px;
 }

header.php には

<h2>HCZ BLOG</h2>
<div id="info"><?php get_search_form(); ?></div>

と記述しました。

これからが本題です。

・検索フォームをカスタム

いじるファイルは2つ。

style.css：テーマのフォルダー内に格納されている。

general-template.php：wp_includesフォルダー内に格納。

style.css　に追記する内容

#searchform label {display:none}
#s{/* 検索文字列入力欄 */
 width:160px;
 height:14px;
 }
 #searchsubmit{/* 検索ボタン */
 position: relative;
 top: 6px;
 left: -26px;
 height:20px;
 }

解説：「#searchform label {display:none}」は、「検索:」文字を表示させない指定。#searchsubmit{/* 検索ボタン */　のposition: relative;　は、検索文字列入力欄の上にボタンを表示させる指定。ボタン表示位置はtop・leftで好み位置に調整してください。

general-template.php　１６2行目の内容を変更

変更前

<div><label class="screen-reader-text" for="s">' . __('Search for:') . '</label>
 <input type="text" value="' . get_search_query() . '" name="s" id="s" /><
 <input type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" />
 </div>

変更後

<div><label for="s">' . __('Search for:') . '</label>
<input type="text" value="' . get_search_query() . '" name="s" id="s" placeholder="Search" />
<input type="image" src="https://www.hcz.jp/blog/wp-includes/images/btn.gif" id="searchsubmit" value="Search" />
 </div>

解説：「placeholder=”Search”」は、検索文字列入力欄に「Search」と表示させる。「input type=”image”」は検索ボタンを画像（虫眼鏡）に置き換える指定で、「src=”https://www.hcz.jp/blog/wp-includes/images/btn.gif“」は画像がある場所。画像はどこのフォルダーにおいても大丈夫だが、相対パスでの記述だと表示されないことがあるので、念のために絶対パスで記述するべし。

数ヵ月後エラーがでてしまった・・・に、つづく

うぁ~　今年ももう３時間あまりで終わってしまう。

サクサクと午前中仕事納し

夕方からPCにかじりつきブログをいじっているが

未だ新規投稿で画像がアップできない。

WordPress 3.5は困ったもんだ。

症状はこうだ

・「メディアを追加」をクリックしてもうんともすんとも

・「テキスト」での投稿もできない

・ダッシュボードのヘッダー部分「表示オプション」をいじっても表示に変化なし

なんで・Σ(ﾟдﾟ；)

誰か修復法おせーて！

ブログテーマを変更しようと色々探したのですが

中々コレいーってものが見つかりません。

海外のテーマはページ幅（1000px程度）で

私が探しているものは800pxぐらい。

国内のフリーテーマだと、求めているサイズはあるのですが

既成すぎてカスタム設定（オプション）が非常に少ない。

また、ヘッダーに社名入ったりで、あ～あぁ・・・

仕方ないので既存のもを若干カスタムしました。

右側だけのサイドバーを左側にも追加しただけなんですけど

本人としては、ちょっとは見栄え良くなった様な

そんな勘違いしている今日この頃です。

暫くは気に入るレイアウトになるよう、チョイチョイいじりますが

あまり気にしないで見に来てください。