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/-/MesoColumn?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/MesoColumn?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"alternate","type":"text/html","href":"http://www.memorou.com/search/label/MesoColumn"},{"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-865527872562427223"},"published":{"$t":"2014-06-04T10:30:00.000+09:00"},"updated":{"$t":"2017-02-19T22:29:45.825+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"MesoColumn"},{"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カスタマイズ"}],"title":{"type":"text","$t":"WordPress無料レスポンシブテーマMesoColumnのカスタム"},"content":{"type":"html","$t":"無料レスポンシブWebデザインテーマの「MesoColumn」を使って、サイトを作成したときのカスタマイズの記録です。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\nテーマの特徴などに関しては、『\u003ca href\u003d\"http://wp-themetank.com/wordpress-theme-free-portal-blog-mesocolumn/\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eテーマタンク：当サイトおすすめ。満を持して登場の本格派WP無料テーマ「Mesocolumn」\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/-j1KOupAHgKo/U452TRMILjI/AAAAAAAAB18/f0UAP-pDCuA/s1600/02.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://2.bp.blogspot.com/-j1KOupAHgKo/U452TRMILjI/AAAAAAAAB18/f0UAP-pDCuA/s320/02.png\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003ch2\u003eカスタマイズポイント\u003c/h2\u003eカスタマイズした場所を個別に解説していきます。コードは、特に記載がない限りCustom CSSに追加しています。\u003cbr /\u003e\n\u003cbr /\u003e\n追加してもスタイルが変わらない場合は、最後に「!important」を追加する。\u003cbr /\u003e\n＜例＞記事中のH2の文字の太さを変えたい場合\u003cbr /\u003e\n\u003cpre\u003e.post-content h2 {font-weight: 400 !important;}\u003c/pre\u003eこうすることで優先順位が変わり、太文字から通常の文字に変わります。400の部分はnormalでも同じです。 \u003cbr /\u003e\n\u003ch3\u003eヘッダーを画像に変更\u003c/h3\u003eおすすめの画像サイズは、タイトル横に728×90の広告を使用するなら225×90、468×60の広告を使用するなら250～300×60です。これは画面を縮めたときや、スマホで見たときの表示も考慮しています。\u003cbr /\u003e\n\u003cbr /\u003e\n変更方法は、外観のヘッダーからではなく、ThemeOptionsから変更します。メディアの追加後、Header SettingsのSite LogoにファイルのURLを貼り付けます。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-JaHRBoUvIAc/U45132AJSJI/AAAAAAAAB10/SV7po_U318I/s1600/01.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://4.bp.blogspot.com/-JaHRBoUvIAc/U45132AJSJI/AAAAAAAAB10/SV7po_U318I/s320/01.png\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\nファビコンは、プラグインを使用して変更しているため、Favourite Iconは使用していませんが、Site Logo同様ファイルのURLを貼り付けるだけで変更できそうです。\u003cbr /\u003e\n\u003cbr /\u003e\nちなみに、プラグインは「Favicon Rotator」を使用しています。\u003cbr /\u003e\n\u003ch3\u003e記事タイトル文字サイズ\u003c/h3\u003e\u003cpre\u003e\u003ccode\u003e#post-entry article.post-single h1.post-title, h1.folio{ font-size: 2.5em; }\u003c/code\u003e\u003c/pre\u003e好みのサイズに変更\u003cbr /\u003e\n\u003ch3\u003eヘッダー下にライン\u003c/h3\u003e\u003cpre\u003e\u003ccode\u003e#header{ border-bottom: solid 1px #111; }\u003c/code\u003e\u003c/pre\u003eメリハリをつけるならこれ\u003cbr /\u003e\n\u003ch3\u003eタイトル横のバナー\u003c/h3\u003e\u003cpre\u003e\u003ccode\u003e#topbanner { padding-left: 1px; }\u003c/code\u003e\u003c/pre\u003eバナーが下に回りこむときに、タイトルとの幅を狭くする\u003cbr /\u003e\n\u003ch3\u003eサイドバーとメインの横幅を変更\u003c/h3\u003e\u003cpre\u003e\u003ccode\u003e#right-sidebar{ width: 32%; }\n\n.content{ width: 65%; }\u003c/code\u003e\u003c/pre\u003e割合を考えて数値を変える\u003cbr /\u003e\n\u003ch3\u003e関連記事の横幅\u003c/h3\u003e\u003cpre\u003e\u003ccode\u003e#post-related .feat-cat-meta { width: 30%; }\u003c/code\u003e\u003c/pre\u003e上で幅を変えて、サイズが合わなくなったときは変更する\u003cbr /\u003e\n2個なら47%、3個なら30%がきれいに収まる。\u003cbr /\u003e\n\u003ch3\u003e続きを読むを右にする\u003c/h3\u003e\u003cpre\u003e\u003ccode\u003e#post-entry article .post-more a { float: right; }\u003c/code\u003e\u003c/pre\u003e\u003ch3\u003eページナビの文字の大きさ\u003c/h3\u003e\u003cpre\u003e\u003ccode\u003e#post-navigator-single.post-nav-archive {\u0026nbsp;font-size: 1.5em;\u0026nbsp;}\u003c/code\u003e\u003c/pre\u003e\u003ch3\u003eモバイルナビの右を消す\u003c/h3\u003e\u003cpre\u003e\u003ccode\u003e#mobile-nav .select-pri.sec{\u0026nbsp;display:none;\u0026nbsp;}\u003c/code\u003e\u003c/pre\u003e\u003ch3\u003eモバイルナビの左を消す\u003c/h3\u003e\u003cpre\u003e\u003ccode\u003e#mobile-nav .select-pri{\u0026nbsp;display:none;\u0026nbsp;}\u003c/code\u003e\u003c/pre\u003e\u003ch3\u003e引用の文字\u003c/h3\u003e\u003cpre\u003eblockquote{font-size:1em;font-family:serif;}\u003c/pre\u003e\u003ch3\u003eトップナビ　マウスオーバー\u003c/h3\u003e\u003cpre\u003e\u003ccode\u003e#top-navigation .sf-menu li a:hover{\nbackground-color:#ddd;\ncolor:#444;\n}\n\u003c/code\u003e\u003c/pre\u003eマウスを乗せる前の色はTheme Optionsで変更できる \u003cbr /\u003e\n\u003ch3\u003eその他\u003c/h3\u003e\u003cpre\u003e\u003ccode\u003easide.home-feat-cat .feat-title a{\u0026nbsp;/* \u0026nbsp;ホーム記事タイトル\u0026nbsp;*/\u0026nbsp;}\n\nimg.home-feat-rss {\u0026nbsp;/* \u0026nbsp;ホームRSS\u0026nbsp;*/\u0026nbsp;}\n\naside.home-feat-cat .feat-meta {\u0026nbsp;/* ホーム日付など\u0026nbsp;*/\u0026nbsp;}\n\naside.home-feat-cat .feat-content {\u0026nbsp;/* ホーム記事抜粋\u0026nbsp;*/\u0026nbsp;}\n\naside.home-feat-cat .apost .feat-content { /* ホーム記事抜粋2個目以降 */ }\n\n.entry-date{\u0026nbsp;/* 個別記事の日付\u0026nbsp;*/\u0026nbsp;}\n\u003c/code\u003e\u003c/pre\u003e\u003ch3\u003eサンプル\u003c/h3\u003e追記：現在サンプルサイトはありません。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://1.bp.blogspot.com/-D3L5GjqHwiE/U9BygH-TbCI/AAAAAAAACDY/c6hT6ipFDqA/s1600/10.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://1.bp.blogspot.com/-D3L5GjqHwiE/U9BygH-TbCI/AAAAAAAACDY/c6hT6ipFDqA/s1600/10.png\" height\u003d\"186\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n試しに作ったサイトがあるので、時間があれば見てみてください。\u003cbr /\u003e\n\u003cbr /\u003e\nPCでは、サイドバーの新着記事一覧の下あたり、スマホでは記事下の人気記事の下あたりにリンクがあります。\u003cbr /\u003e\nデフォルトのデモとは大分違いますが、上のカスタマイズで変更できる部分を変更しています。\u003cbr /\u003e\n\u003ch2\u003e広告の設置\u003c/h2\u003eMesoColumnにはオプションで広告を表示する機能があります。Advertisement Settingsに8箇所コードを入力できます。上から順に1～8とします。\u003cbr /\u003e\n\u003col\u003e\u003cli\u003eサイトタイトルの横\u003c/li\u003e\n\u003cli\u003eカテゴリーページの下\u003c/li\u003e\n\u003cli\u003e\u003cbr /\u003e\n\u003c/li\u003e\n\u003cli\u003e個別記事の記事タイトル下\u003c/li\u003e\n\u003cli\u003e個別記事の記事下（関連記事の上）\u003c/li\u003e\n\u003cli\u003e\u003cbr /\u003e\n\u003c/li\u003e\n\u003cli\u003eトップメニューの上\u003c/li\u003e\n\u003cli\u003eフッターの下\u003c/li\u003e\n\u003c/ol\u003eここにアドセンスコードを貼り付けるとうまく表示されません。（a8などのコードはそのまま貼り付けられます。）そこで、ショートコードでアドセンス広告を表示させます。\u003cbr /\u003e\n\u003cbr /\u003e\n子テーマfunctions.phpに以下のコード追加します。\u003cbr /\u003e\n\u003cpre\u003e\u003ccode\u003efunction googlead_shortcode() {\n$adsensecode \u003d 'ここにアドセンスコードを貼る';\nreturn $adsensecode;\n}\nadd_shortcode('ショートコード名', 'googlead_shortcode');\n\u003c/code\u003e\u003c/pre\u003e例えば、ショートコード名をadsenseとしたら、表示させたいところに、[adsense]と入力します。\u003cbr /\u003e\n\u003cbr /\u003e\n2箇所以上に設置する場合は、googlead_shortcodeの部分を好きな文字に変更する必要がある。例えば、topバナーの場合、googlead2_shortcodeとし、ショートコード名もadsensetopにする。googlead_shortcodeの部分が1つ目と同じだとエラーで表示されなくなるので注意が必要です。\u003cbr /\u003e\nこの場合、表示させたい場所に[adsensetop]と入力します。\u003cbr /\u003e\n\u003cbr /\u003e\nせっかくのレスポンシブWebデザインテーマなのでアドセンスもレスポンシブ広告ユニット（ベータ版）を使うことにしました。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href\u003d\"http://www.memorou.com/2014/06/wordpress.html\"\u003eWordPressにレスポンシブ広告ユニットの設定\u003c/a\u003e"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/865527872562427223"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/865527872562427223"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2014/06/wordpressmesocolumn.html","title":"WordPress無料レスポンシブテーマMesoColumnのカスタム"}],"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/-j1KOupAHgKo/U452TRMILjI/AAAAAAAAB18/f0UAP-pDCuA/s72-c/02.png","height":"72","width":"72"}}]}});