シニアdeアフィリ⑨(ブログの引越し後大変だったリライト)

wordpress編

こんにちは

「はてなブログ」からwordpressに引越しを終え、
一息ついたのもつかの間、出来上がったブログを眺めて

なんじゃこりゃ?

一番目についたのが、記事の行間が詰まりすぎて
文字サイズの大きい単語が、上の文字に被ってること。

そして、やたら目に付く「はてなキーワード

記事数こそ30記事ほどですので、リライトもたいしたことない
と思われるかもしれませんが、若葉マークのおじさんには
なんだか気の遠くなるような作業に思えます。

しばらく出来上がったブログを眺めながら、

「これどうするの?」

半ば戦意喪失です。

が、ここで諦めるわけにはいきません。

それでは、ここから記事移行後、おじさんが悪戦苦闘した
記事のリライトや画像の処理について書いてみます。

スポンサーリンク

「はてなキーワード」を消していこう

この「はてなキーワード」は、はてなの辞書みたいなものですが、
確かにわからない単語が出てくると、ワンクリックで
調べられるので便利だとは思います。

しかし、誰がこんな単語知りたいの?

と思うような単語にも、「はてなキーワード」のリンクがついたり
しています。例えば、

このように文字の下に控えめな点線がつきます。

それにしても「はてなキーワード」多すぎ!
「ジー」なんか誰が調べるんですか?
キーワードの選定基準はいったいなんですか?

昭平令
昭平令

実際、はてなキーワードをクリックした記憶がない。

あいや~
あいや~

wikiで調べるあるよ。

でも、「はてなブログ」を使ってるときはさほど気にして
ませんでした。

ところが、wordpressに移行してみると、こうなります。↓

オズモンズの「クレイジーホース」
ミシェル・ポルナレフの「シェリーに口づけ」
ショッキング・ブルーの「ヴーナス」
メッセンジャーズの「気になる女の子」

それはないでしょう。もはや嫌がらせのレベル
これでは記事も読みにくいし、うっとおしくて仕方がない。

「はてなキーワード」」の表示のされかたは、使っている
テーマによって異なります。cocoonの場合は上記のように
なりますが、Lion mediaではもう少し控えめな表示に
なりました。

どうやって修正していくか?

はてなキーワードの修正方法

この当時私が行った方法は、

一語づつリンクを解除する。

です。

「はてなキーワード」を選択しては、リンクの解除の繰り返し。

こんな感じで、一語づつ手作業でリンク解除しました。
もちろんすべての記事をチェックしながらです。
これだけで、一日ほどかかりました。

うらめしや「はてなキーワード」‼

後から分かった「はてなキーワード」の一括解除方法

その後、いろいろネットで調べるともっと簡単に、楽に
解除できる方法があることを知りました。それは、

Search Regexというプラグインを使う

という方法です。

記事移行当時の私は、プラグインの存在自体よく理解してなかったので
こんな便利な物があるなんて想像もつきませんでした。

Search Regexは大量の記事の中から、変更したい部分を指定して
一括で変換してくれる大変便利なプラグインです。

詳しい使い方はこちらで↓

ただし、使いこなすには少し正規表現なるものを理解しなければなりません。
初心者には少し敷居が高いかも。

〈使い方〉


のSearch patternに変換したい語句や文字列を記入し
のReplace patternに修正後の語句を記入します。
(「正規表現」を使う場合は下のRegexにチェックを入れる。)

その後、「Search」ボタン⇒「Replace」ボタンで確認し、
最後に「Replace&save」で置換が完了します。

実際に「はてなキーワード」を削除するのに私が行った手順は、
Search patternに

|<a class=”keyword” href=”http://d.hatena.ne.jp/keyword/(.*?)>(.*?)</a>|

と記述し、Replace patternに

$2

と入力し、Replaceボタンで一旦確認し、Replace&saveボタンを押しました。
その結果が↓


482個あった「はてなキーワード」が一度にキレイさっぱりなくなりました。

なお、上の手順はこちらを参照させてもらいました。↓

注意!:この作業については、コピペではうまく行かない事もあります。
動作結果については責任を負いかねますので、予めご了承ください。

簡単な検索や置換なら「メモ帳」でもできますが、痒い所に手が届く
ような複雑な作業はSearch Regexがとても便利です。

はぁ、あのころもっと知識があれば記事の移行作業もずいぶん
楽だったろうにと、今更ながら強く思います。

師匠
師匠

正規表現なんか覚えられるのか?

昭平令
昭平令

Regex使うときだけ勉強します。。

記事の行間を修正する

実はこの作業、私以外の方にはあまり参考にはならないかもしれません。

なぜか?というと、私が「はてなブログ」を始めた時、
記事の下書きをLibre officeのWriterで行い、それを
「はてなブログ」の記事編集「html編集」にコピペして
いたからです。

当時、記事のバックアップ方法も分からず、ブログ自体が運営側から
削除される可能性があると脅されていたので、大事をとって
記事の下書きはすべてLibre Writerで保存してました。

それで、記事の下書きの時、行間の設定をLibre Writerで行い
それをそのまま「はてなブログ」のhtmlにコピペしていたため
Libre Writerの設定がはてなに残ってしまいました。

具体的にはこのような記述です。↓

<p style="margin-bottom: 0cm; line-height: 100%;">○○○○ </p>

こんな記述が一列ごとにすべて残ってました。

当然wordpressに記事を移行してもその記述は残ったまま。
そして出来上がった記事を確認すると、行間がギュウギュウ詰め
大文字が上の段落に覆いかぶさってしまった状態になったのです。

このままではとても読みずらい、と言うか自分でも読みたくない
ような記事になってしまいました。

またまた「どげんかせんといかん

ということで、その時私が取った方法は、
htmlの記述をメモ帳で開き、置換(削除)するという方法です。


このように削除したい文字列を「検索する文字列」に記述し、「置換の文字列」は
空欄のまま「すべて置換」ボタンを押すと、見事にキレイになりました。

がしかし、<p>や</p>という残骸は残ったままでした。

とりあえずこれを一記事だけwordpressにコピペして見ると、
htmlでは<p>や<p/>は残ってますが、プレビュー画面には
<p>や</p>はでてきません。これでいいんじゃないの?

ただ、行間はキレイになりましたが、文字数が横にダラダラと長くなってます。

後は、少しづづ手直しすればいいか。

という事で、またまた一日かけてコツコツ手直し作業です。

ちなみにこの作業もSearch regexでやってwordpressのエディタに
コピペし、いったんビジュアルモードで確認、その後テキストモード
に戻ると<p></p>は消えてました。

後は、アイキャッチ画像の処理

ですが、今回はこの辺で。

実は、wordpressへ移行した当時の作業でまだ手を付けてない
ところも残ってます。記事のリライトは、SEOの点でも
大切らしいのですが、なかなかそこまで手が回りません。

 

マイペースでボチボチやっていきます。

 

それから、記事の修正方法についてご紹介はしておりますが
よ~く見直すと、所々おかしな変換になっている部分も
残ってました。

もしかして作業量を考えると、一から記事自体を新たに書き上げて
行った方が早かったかもしれませんが、自信のスキルアップ
にはなったかなぁ?
冷静な嫁
冷静な嫁

無駄にはなってないわよ。

昭平令
昭平令

かぁちゃん、ありがとう。

次回は、記事の修正のつづきから、当時のアフィリエイト
をどのようにやっていたかを書いてみます。

それでは。

コメント

タイトルとURLをコピーしました