アドセンス広告表示の見栄えを良くする方法

アドセンス広告を表示する際に、デフォルトのコードのままだと左寄せになっています。

サイトによれば、真ん中寄せ、右寄せ等変えたいと思います。

今あるコードにちょこっと一文加えるだけで、見栄えがガラッと変わります。

 

  • デフォルト(左寄せ)

アドセンス左寄せ

う〜ん。ちょっと見栄えがよくない感じ。。。

これを中央寄せにすると、こうなります。

  • 中央寄せ

アドセンス中央寄せ

一気に見栄えがよくなりましたね。これ採用!

ちなみに右寄せは、想像の通りこうなります。

  • 右寄せ

アドセンス右寄せ

ボクのサイトだと、変な感じですね。違う形のサイトなら必要になるかもしれません。

 

で、方法ですが、アドセンス広告のコードに一文を入れるだけです。

デフォルトで左になっていると思いますが、左に設定したい場合は、「center」→「left」。

右は「right」に変えます。

 

以上、アドセンス広告表示の見栄えを良くする方法でした。

 

 

WordPress で Adsense 広告を表示する方法

WordPress で Adsense 広告を表示する方法

 

基本的には、index.php 等にコードを書き加えるだけでいいんですが、

PC ブラウザとスマフォで広告の大きさを変えた方が広告的には効果的です。

ボクの場合、PC ブラウザは横長。スマフォは四角いの(300*250)にしてます。

 

なので、ユーザの環境によって分岐を加えていきます。

ざっとこんな感じのコードを追加します。

 

ちなみに、どのテーマでも、基本的には footer.php を呼び出していると思いますが、

footer.php より先に記述してください。そうじゃないと、フッターの下に広告が表示されてしまいます。

 

index.php が終われば、カテゴリ用、タグ用、アーカイブ用にもコードを追記します。

 

P.S.

footer.php に追加すれば、必ず呼ばれるのですごい楽かもしれません。

というかそうした方がメンテ的にも絶対いいはずです。

ボクはもう個別に書いて、めんどくさくて放置してます。。。

 

 

以上、WordPress で Adsense 広告を表示する方法でした。

アメブロから WordPress へ移行する方法

ameba-wordpress

 

クライアントのブログ(アメブロ)から WordPress へ移行する事になりました。

アメブロは使った事ないですが、無料だと容量2GB制限があるみたいです。

そら5年も使ってたら 2GB 越しちゃうよね。

 

という事で、早速アメブロから WordPress へ移行です。

もちろん手で移行なんて3000記事くらいあるので、不可です。というより嫌ですw

検索すると色んな方法がありました。まぁツールを使って移行かなと思っていたら、

すごいいいのがありました。FC2 さんが勝手にやってくれるという。

※あくまで、FC2 への移行サービス。けどこれを使うと WordPress の形式でエクスポートできるので

これが最適かと。FC2 さんありがとう。そしてごめんなさい。

 

結果、

アメブロ → Fc2ブログ → WordPress

という事で、うまくいきました。

 

このサービス使いました。

FC2 移行サービス

 

参考にした記事

ShirasakaBlog.tv

fc2ブログから wordpress へ移行

ありがとうございました。すごい助かりました。

 

 

ちなみに、Mac アプリの「Cyberduck」で画像をアップしましたが、

全部で1GB もあったので、すごい時間かかりました。

しかも全選択でアップしちゃったので、固まっちゃいました。

上げる時はフォルダで上げるか、ディレクトリをきってから上げた方が良さそうです。

 

以上、アメブロから WordPress へ移行する方法でした。

WordPress 構築(さくらインターネット)

WordPress の構築方法の紹介です。

当方も使用している「さくらインターネット」にて構築します。

 

これから WordPress を初める方には、「スタンダード」プランをオススメします。

月額:¥500(14/8/5現在), 容量:100GB, WordPress クイックインストール等がついています。

※おそらく 10GB もあれば普通のブログ構築は可能ですが、大は小を兼ねるし、クイックインストールが

ついているので、「スタンダード」をオススメします。

 

  • WordPress 用の DB(データベース)を作成
  • さくらインターネットのコントロールパネルにてログイン。

スクリーンショット 2014-08-05 16.54.06

  • アプリケーションの設定 → データベースの設定

スクリーンショット 2014-08-05 16.54.56

  • データベースの新規作成 → データベース名を入力。(ここでは、「wp_」としました。)

スクリーンショット 2014-08-05 16.56.53

  • データベースが作成されているのを確認

スクリーンショット 2014-08-05 16.57.12

 

  • WordPress の作成
  • クイックインストール

スクリーンショット 2014-08-05 17.34.05

  • ブログ → WordPress

スクリーンショット 2014-08-05 17.34.32

  • WordPress のインストール先を指定

スクリーンショット 2014-08-05 17.35.17

  • WordPress のインストール完了

スクリーンショット 2014-08-05 17.36.22

 

  • さっそく作ったばかりの WordPress にログインしてみましょう

まずは、サイト名、ユーザ名、パスワード、メルアドを入力します。

※サイト名やサイトの説明は後ほど変更可能です。

スクリーンショット 2014-08-05 17.37.32

 

  • WordPress のインストール完了!!

スクリーンショット 2014-08-05 17.38.47

 

こんな簡単に WordPress をインストールする事ができます。

次回は、基本設定、テーマ、プラグイン等を紹介する予定です。

Mac プレビューを使用した簡単な画像の加工

画像を加工したい時ってよくありますよね。

そんな時、Mac 標準アプリにある、「プレビュー」を使用するのをオススメします。

 

使い方はすご~く簡単。

プレビューのツールバーにある、「長方形」を選択し、

加工したい部分を範囲選択するのみで OK です。

  • 個人情報などを黒塗り。
  • 注目させたい部分を赤枠表示。

等、簡単に可能です。

 

※元の画像

スクリーンショット 2014-08-05 17.04.45

 

※編集後(赤枠で囲ってある機能を使用します。)

スクリーンショット 2014-08-05 17.17.53

 

 

これで簡単、早く画像の簡単な加工が可能となります。

WordPress とは

wordpress-image

 

WordPress について書いていきます。

ちなみにこのブログも WordPress で構築しています。

 

  • WordPress とは

WordPress(ワードプレス)は、オープンソースブログソフトウェアである。PHPで開発されており、データベース管理システムとしてMySQLを利用している(後述のプラグインよりSQLiteでの使用も可能)。単なるブログではなくCMSとしてもしばしば利用されている。b2/cafelogというソフトウェアのフォーク(後継)として開発、2003年5月27日に初版がリリースされた[1]GNU General Public License(GPL)の下で配布されている。

※Wikipedia より抜粋。

 

WordPress はブログ用の CMS(Contents Management System)として有名ですが、

用途はブログに留まらず、HP 等でも利用されています。

ライセンスが GPL で配布されている為、無償で利用が可能となります。

  • WordPress の特徴

Wordpree の素晴らしさといえば、テーマ、プラグインにあると思います。

世界各地の PG、デザイナ の方々が誰でもテーマ、プラグインを使用できるようにしてくれています。

テーマというのは、ブログのテーマでありヘッダーからフッター、背景に至るまで様々な設定がされています。

このテーマを変えるだけでサイトイメージはゴロッと変わります。(飽きれば変えればいいのです。)

プラグインというのは、Wordpress 内で使用できる機能となります。

プラグイン形式でいくらでも機能追加できる事が特徴です。

例えば、

    • アクセス解析
    • SEO 対策
    • 絵文字追加
    • SNS 対応
    • スマフォ対応

等。基本的に欲しい機能は検索すれば見つかると思います。

これが WordPress のコミュニティのデカさを物語っており、最大の強みと言えるでしょう。

今後、Wordpress のインストール方法、使えるテーマやブラグインを紹介していきますが、

WordPress は本当に簡単に使えます。

当方、SE をしておりましたが、日本語がちゃんと読める方であれば、

インストールから運用まで簡単にできると思います。

※少し凝った事をしようとすると、PHP をイジる部分がでてくるのでハードルは上がりますが、

世の中情報が溢れているので、コピペでいける部分もすごい多いですw

 

 

以上、Wordpress とは でした。