gdata.io.handleScriptLoaded({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$georss":"http://www.georss.org/georss","xmlns$thr":"http://purl.org/syndication/thread/1.0","xmlns$blogger":"http://schemas.google.com/blogger/2008","id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100"},"updated":{"$t":"2023-03-13T11:23:17.127+09:00"},"category":[{"term":"レビュー"},{"term":"宅建"},{"term":"リダイレクト"},{"term":"ブログ"},{"term":"Windows エクスペリエンス インデックス"},{"term":"アップデート"},{"term":"アナリティクス"},{"term":"WordPress"},{"term":"A8"},{"term":"光・モバイル回線"},{"term":"拡張機能"},{"term":"外注記事"},{"term":"メニューバー"},{"term":"ウェブマスターツール"},{"term":"禁煙に失敗した人の話"},{"term":"動画"},{"term":"WordPressカスタマイズ"},{"term":"Hatch"},{"term":"画像の圧縮"},{"term":"プラグイン"},{"term":"URL"},{"term":"ネームサーバー"},{"term":"STINGER"},{"term":"Seesaaカスタマイズ"},{"term":"Vista"},{"term":"Chrome"},{"term":"テラダモケイ"},{"term":"FREETEL"},{"term":"ファビコン"},{"term":"サブメニュー"},{"term":"ドメイン"},{"term":"AdSense"},{"term":"子テーマ"},{"term":"amazon"},{"term":"Bloggerカスタマイズ"},{"term":"css"},{"term":"NURO光"},{"term":"カテゴリー"},{"term":"バリューコマース"},{"term":"JavaScript"},{"term":"nofollow"},{"term":"マネークリップ"},{"term":"LinkWithin"},{"term":"サチコ"},{"term":"KIWAMI"},{"term":"プロフィール"},{"term":"ツイッター連携"},{"term":"totoBIG"},{"term":"ランサーズ"},{"term":"プロジェクター"},{"term":"Seesaa"},{"term":"キャッシュ"},{"term":"サイドバー"},{"term":"投稿ページ"},{"term":"グラボ"},{"term":"GIMP"},{"term":"Skitch"},{"term":"サイトマップ"},{"term":".exeファイル"},{"term":"Picasa"},{"term":"ウィンドウエアコン"},{"term":"テーマ"},{"term":"固定ページ"},{"term":"テンプレート"},{"term":"格安SIM"},{"term":"関連記事"},{"term":"スコアカード"},{"term":"禁煙に成功した人の話"},{"term":"連絡フォーム"},{"term":"禁煙の効果"},{"term":"艦これ"},{"term":"Google+"},{"term":"コピーライト"},{"term":"Linux"},{"term":"パーマリンク設定"},{"term":"トップページ"},{"term":"ミニバード"},{"term":"ペイント"},{"term":"Blogger"},{"term":"ドメインキング"},{"term":"Inkscape"},{"term":"圧縮"},{"term":"くじ"},{"term":"禁煙"},{"term":"ダウンロード"},{"term":"gzip"},{"term":"フォント"},{"term":"バナー広告"},{"term":"Googleアカウント"},{"term":"レンタルサーバー"},{"term":"画像"},{"term":"MesoColumn"},{"term":"窓用エアコン"},{"term":"クロスドメイントラッキング"},{"term":"パソコン"},{"term":"月次報告"},{"term":"MVNO"},{"term":"注目の投稿"},{"term":"禁煙のコツ"},{"term":"ページ内リンク"},{"term":"検索"},{"term":"タバコの害"}],"title":{"type":"text","$t":"メモロウ"},"subtitle":{"type":"html","$t":"メモロウ（旧はじめてのWordPressとBlogger+Seesaa）は、ブログ作成スキルゼロだった管理人が、WordPress・Blogger・Seesaaで実際に行ったカスタマイズの備忘録を中心に、日々の生活で気になった情報や話題を投稿しています。"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/%E3%83%95%E3%82%A1%E3%83%93%E3%82%B3%E3%83%B3?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/%E3%83%95%E3%82%A1%E3%83%93%E3%82%B3%E3%83%B3?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"alternate","type":"text/html","href":"http://www.memorou.com/search/label/%E3%83%95%E3%82%A1%E3%83%93%E3%82%B3%E3%83%B3"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"https://www.blogger.com/profile/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"generator":{"version":"7.00","uri":"https://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"1"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"9999"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-7304236474085845000"},"published":{"$t":"2013-10-16T23:01:00.000+09:00"},"updated":{"$t":"2017-02-25T21:35:17.215+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"STINGER"},{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPress"},{"scheme":"http://www.blogger.com/atom/ns#","term":"テーマ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPressカスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"AdSense"},{"scheme":"http://www.blogger.com/atom/ns#","term":"ファビコン"}],"title":{"type":"text","$t":"WordPressテーマをSTINGER3に変更してカスタムしてみた"},"content":{"type":"html","$t":"新たにサイトを作成して、はじめての記事を書く前にStinger3にテーマを変更したので、変更前と変更後のアクセス数の差などはわからないが、サイト作成前から次に使うテーマはStingerにしようと決めていたので早速変更してみました。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://2.bp.blogspot.com/-6yeF7a8M0ck/Ut36BOArzDI/AAAAAAAABYU/4LmY6FZ9Sf0/s1600/stinger3.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://2.bp.blogspot.com/-6yeF7a8M0ck/Ut36BOArzDI/AAAAAAAABYU/4LmY6FZ9Sf0/s1600/stinger3.png\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\nダウンロードはこちらからできます。\u003cbr /\u003e\n\u003ca href\u003d\"http://stinger3.com/\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eSTINGER3公式サイト\u003c/a\u003e\u003cbr /\u003e\n\u003ch2\u003eカスタム内容\u003c/h2\u003e今のところカスタムしたのはタイトルロゴ、メニューバー、続きを読むの背景、検索ボックスの色と枠、ファビコンです。\u003cbr /\u003e\n\u003ch3\u003eタイトルをテキストから画像に変更\u003c/h3\u003eここで説明しようと思ったのだが、自分でやった方法と違うやり方が公式サイトに詳しく書かれていたので、今回は省略します。\u003cbr /\u003e\n\u003ch3\u003eメニューバーをデコレーション\u003c/h3\u003eタイトルロゴの下のメニューバーを少し大きくして、マウスオーバーでアンダーライン？が出るようにしました。\u003cbr /\u003e\nstyle.css内のナビゲーションを探して変更しました。\u003cbr /\u003e\n\u003cbr /\u003e\nCSSへの記述は以下の通りです。 \u003cbr /\u003e\n\u003cpre\u003e/*---------------------\nナビゲーション\n-----------------------*/\n#navi-in li {\nposition: relative;\nfloat: left;\nfont-size: 18px;\ndisplay: block;\nborder-left-width: 1px;\nborder-left-style: groove;\nborder-left-color: #f3f3f3;\nmargin:-25px 0px 0px 0px;\ntext-align: center;\n}\n\n#navi-in li li {\nfloat: left;\nfont-size: 18px;\ndisplay: block;\nborder: none;\nmargin:-25px 0px 0px 0px;\nwidth: 150px;\nheight: 30px;\n}\n\n#navi-in li a {\nfloat: left;\ncolor: #333;\ntext-decoration: none;\ndisplay: block;\nwidth: 150px;\nheight: 30px;\n}\n\n.menu-navigation-container {\noverflow: hidden;\n}\n\n#navi-in li a:hover {\nborder-bottom: 3px solid #ff0000;\ntext-decoration: none;\ndisplay: block;\nmargin: 0px 0px -3px 0px;\n\u003c/pre\u003eまず、フォントサイズを13pxから18pxに変更して、区切りの線をくぼんだ線にして色を変更、横幅と高さを固定、マウスオーバーで3pxの赤いラインが出るようにした。このときに、marginで同じ分だけマイナスにすることにより表示がおかしくならないようにする。\u003cbr /\u003e\n\u003ch3\u003e続きを読むの枠を角丸に\u003c/h3\u003e元が背景色だけ指定されてたので、枠線を加えて角を丸くしました。\u003cbr /\u003e\nstyle.cssのmoreとmottoの部分に下記のcssを追加した。 \u003cbr /\u003e\n\u003cpre\u003ebackground:#f3f3f3; /*背景色 */\nborder-radius: 6px; /*角の丸み */\nborder: 1px solid #ccc; /*枠の太さと色 */\n\u003c/pre\u003eこれが記事本文の「続きを読む」（more）の記述で下がサイドバーの「もっと読む」の記述。\u003cbr /\u003e\n\u003cpre\u003eborder-radius: 6px; /*角の丸み */\nborder: 1px solid #ccc; /*枠の太さと色 */\n\u003c/pre\u003eそれぞれ枠線を追加して、角に丸みをもたせました。\u003cbr /\u003e\n\u003ch3\u003e検索ボックスの色の変更\u003c/h3\u003e検索ボックスの背景を白に変更して、枠線を追加しました。\u003cbr /\u003e\n検索フォームを探して、#sと#searchsubmitの部分に追加したのは以下の通り。 \u003cbr /\u003e\n\u003cpre\u003eborder: 1px solid #ccc; /*枠の太さと色 */\n\u003c/pre\u003eさらに、background-colorを#FFFに変更しました。\u003cbr /\u003e\n\u003cbr /\u003e\n今回のカスタムは、子テーマを作って変更しました。\u003cbr /\u003e\n他にもちょっとしたところを変更していますが、長くなってしまったので今回は省力します。\u003cbr /\u003e\n\u003ch2\u003eWordPressでファビコンを変更する方法\u003c/h2\u003eファビコンてなに？という方は、下の画像で確認してください。通常ですとブラウザ画面上の3箇所に表示されます。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/--V-4WAYOA5o/UowXzVrrY0I/AAAAAAAAAbw/qHmOiUZ28Vo/s1600/favicon.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"112\" src\u003d\"http://3.bp.blogspot.com/--V-4WAYOA5o/UowXzVrrY0I/AAAAAAAAAbw/qHmOiUZ28Vo/s320/favicon.jpg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n\u003cbr /\u003e\nURLの隣や、お気に入りの中のブックマークアイコン、ブラウザのタブに表示されます。\u003cbr /\u003e\nまずは、ファビコン用の素材を作るためにペイントツールを起動します。\u003cbr /\u003e\n\u003ch3\u003eファビコン用素材の作り方 win編\u003c/h3\u003eペイントツールを使ったことのない方は、スタートの検索から「ペイント」を入力すると出てきます。\u003cbr /\u003e\nファビコンにするサイズは16px、32px、48pxなので最初に大きいサイズを作っておきます。最初に作る画像が大きすぎると、縮小したときにぐちゃっとつぶれた感じになるので、程ほどの大きさで作るといい感じになります。\u003cbr /\u003e\n画像が出来たらそれぞれのサイズに縮小します。このときの拡張子をpngかgifかjpgのどれかで保存しておきます。\u003cbr /\u003e\n今度はこの出来た画像を、ファビコンの拡張子（.ico）に変更する必要があります。\u003cbr /\u003e\n画像をアップロードすると自動で変更してくれるサイトがあるのでそちらを使わせてもらいます。\u003cbr /\u003e\n\u003cbr /\u003e\nファビコン.icoを作ろう！（\u003ca href\u003d\"http://ao-system.net/favicon/\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003ehttp://ao-system.net/favicon/\u003c/a\u003e）\u003cbr /\u003e\n\u003cbr /\u003e\n「ファイルを選択」して「favicon.ico作成」をクリックしたらダウンロードして完了です。\u003cbr /\u003e\nこの出来たファビコンをWordPressにアップロードします。\u003cbr /\u003e\n\u003ch3\u003eSTINGER3でファビコンを簡単に変更する方法\u003c/h3\u003e念のためバックアップはとっておいてください。\u003cbr /\u003e\nSTINGER3の場合3分もかからずに変更できます。まずは、上で保存したファビコンの名前をrogoに変更しておきます。次に、FTPでthemesフォルダにあるstinger3ver***フォルダ内のimagesフォルダへrogoを上書き保存したら完了です。（***には自分で使ってるバージョンの数字を入力してください。）\u003cbr /\u003e\nこれで、3箇所同時に変更されます。\u003cbr /\u003e\n\u003cbr /\u003e\nファビコンはタブをたくさん開いているときや、ブックマークにたくさん入れているときに、パッと見で自分のサイトとわかってもらえるので、出来るだけ設置したほうが良いでしょう。\u003cbr /\u003e\n\u003ch2\u003eSTINGER3でGoogleAdsenseを使うときに気になったこと\u003c/h2\u003e\u003ch3\u003e追従するSNSボタンがAdSense広告にかぶる\u003c/h3\u003eまずSTINGER3を使っている方の大半は、ウィジェットの「Googleアドセンス用」に、広告のコードを貼り付けてますよね。\u003cbr /\u003e\nそして、追従するSNSボタンをそのまま表示しているとおもうのですが、ここで下の画像を見てもらいたい。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-wMZc4daeNWY/UowswhsmJKI/AAAAAAAAAdc/vgDhrIM1o4E/s1600/SNS.jpg\" imageanchor\u003d\"1\"\u003e\u003cimg border\u003d\"0\" height\u003d\"230\" src\u003d\"http://3.bp.blogspot.com/-wMZc4daeNWY/UowswhsmJKI/AAAAAAAAAdc/vgDhrIM1o4E/s1600/SNS.jpg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n青い部分をレクタングル（大）と同じサイズで作ったのですが、記事を読んで下にスクロールしていくと、追従するSNSボタンが広告におもいっきりかぶってるけど大丈夫なのでしょうか？\u003cbr /\u003e\n\u003cbr /\u003e\nAdSenseプログラムポリシーの広告のプレースメントという部分を読んでみるとこう書かれていた。\u003cbr /\u003e\n\u003cblockquote\u003eGoogle 広告、検索ボックス、検索結果については、次の行為が禁止されています。\u003cbr /\u003e\nページ内のさまざまな要素によって隠すなど、わかりにくくすること。\u003cbr /\u003e\n\u003ca href\u003d\"https://support.google.com/adsense/answer/48182?hl\u003dja\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eAdSense プログラム ポリシー\u003c/a\u003e\u003c/blockquote\u003e\u003cbr /\u003e\n詳しくは自分で確認してもらいたいが、ドロップダウン式のメニューバーでAdSense広告が隠れるとアウトという記事をどこかで目にしたので、これも同じ理由でダメなのではないかと思っているのですが、どうなんですかね。\u003cbr /\u003e\nこれで間違って広告をクリックする人はいないとは思ったのですが、心配だったので追従するSNSボタンは削除することにしました。\u003cbr /\u003e\n\u003cbr /\u003e\n追従するSNSボタンの削除方法は\u003ca href\u003d\"http://stinger3.com/post-533/\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eSTINGER3公式サイト\u003c/a\u003eを参考してください。\u003cbr /\u003e\n\u003cbr /\u003e\nまた、広告の位置を変更した際の「PAGE TOP」もかぶる可能性があります。\u003cbr /\u003e\n\u003ch3\u003eページトップボタンがAdSense広告にかぶる\u003c/h3\u003eこれは、ウィジェットの「Googleアドセンス用」に設置するのではなく、「サイドバー1」に設置した場合の話です。\u003cbr /\u003e\nSTINGER3は検索ボックスや新着記事といった必要な機能がデフォルトでついています。これにより、「サイドバー1」にAdSenseを設置すると自動的にサイドバーの下の方に追いやられてしまいす。\u003cbr /\u003e\nそうすると、画面をスクロールしていくと画面右下に出る「PAGE TOP」ボタンが広告にかぶってしまいます。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-1XUCqNSN8OI/Uows2VtkgyI/AAAAAAAAAdk/ET_JrHVzXUY/s1600/%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%88%E3%83%83%E3%83%97ad.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"268\" src\u003d\"http://3.bp.blogspot.com/-1XUCqNSN8OI/Uows2VtkgyI/AAAAAAAAAdk/ET_JrHVzXUY/s320/%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%88%E3%83%83%E3%83%97ad.jpg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n広告に対して「PAGE TOP」ボタンは小さいですが、どれくらい隠れるとダメですよという記述が見つけられなかったので、自分で判断するのは危険だと思いこちらも削除することにしました。\u003cbr /\u003e\n\u003cbr /\u003e\n通常通り「Googleアドセンス用」に設置していれば何の問題もありません。\u003cbr /\u003e\n\u003ch3\u003eページトップボタンを削除する方法\u003c/h3\u003e非常に簡単です。\u003cbr /\u003e\n\u003cbr /\u003e\nfooter.phpの\u003cbr /\u003e\n\u003cpre\u003e\u0026lt;!-- ページトップへ戻る --\u0026gt;\n\u0026lt;div id\u003d\"page-top\"\u0026gt;\u0026lt;a href\u003d\"#wrapper\"\u0026gt;PAGE TOP ↑\u0026lt;/a\u0026gt;\u0026lt;/div\u0026gt;\n\u0026lt;!-- ページトップへ戻る　終わり --\u0026gt;\n\u003c/pre\u003eの部分を削除するだけです。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/7304236474085845000"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/7304236474085845000"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2013/10/wordpressstinger.html","title":"WordPressテーマをSTINGER3に変更してカスタムしてみた"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"https://www.blogger.com/profile/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http://2.bp.blogspot.com/-6yeF7a8M0ck/Ut36BOArzDI/AAAAAAAABYU/4LmY6FZ9Sf0/s72-c/stinger3.png","height":"72","width":"72"}}]}});