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%82%B5%E3%82%A4%E3%83%89%E3%83%90%E3%83%BC?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/%E3%82%B5%E3%82%A4%E3%83%89%E3%83%90%E3%83%BC?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"alternate","type":"text/html","href":"http://www.memorou.com/search/label/%E3%82%B5%E3%82%A4%E3%83%89%E3%83%90%E3%83%BC"},{"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-5015450257959902164"},"published":{"$t":"2013-10-20T22:45:00.000+09:00"},"updated":{"$t":"2017-02-25T20:43:28.977+09:00"},"category":[{"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":"プロフィール"},{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPressカスタマイズ"}],"title":{"type":"text","$t":"ワードプレスのサイドバーにプロフィールを表示する方法"},"content":{"type":"html","$t":"今回はタイトルのとおり、サイドバーにプロフィールを表示する方法を記録するが、この方法はプラグインを使わずにHTMLを記述して作成します。\u003cbr /\u003e\n\u003cbr /\u003e\n手順は簡単で、たったの3工程でできます。プラグインを使うと重くなるから使いたくないなと思っている方は試してみてください。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\n先に完成画像を載せておきます。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://1.bp.blogspot.com/-Ru1QwZ_zOao/UmPb9Vd42ZI/AAAAAAAAAVc/-b5CU2AKqoU/s1600/%E3%83%86%E3%82%B9%E3%83%88%E3%83%97%E3%83%AD%E3%83%95.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"83\" src\u003d\"https://1.bp.blogspot.com/-Ru1QwZ_zOao/UmPb9Vd42ZI/AAAAAAAAAVc/-b5CU2AKqoU/s320/%E3%83%86%E3%82%B9%E3%83%88%E3%83%97%E3%83%AD%E3%83%95.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003ch2\u003eプロフィール作成の準備\u003c/h2\u003eダッシュボードの外観からウィジェットを選択します。ウィジェットの選択画面になるので、右側の逆三角形をクリックして、テキストウィジェットを移動します。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://1.bp.blogspot.com/-FEjxggh_aMw/UmPRh_cF1EI/AAAAAAAAAVI/QKyXSYsThM8/s1600/%E3%82%A6%E3%82%A3%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88%E7%A7%BB%E5%8B%95.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"145\" src\u003d\"https://1.bp.blogspot.com/-FEjxggh_aMw/UmPRh_cF1EI/AAAAAAAAAVI/QKyXSYsThM8/s320/%E3%82%A6%E3%82%A3%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88%E7%A7%BB%E5%8B%95.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e移動するとテキストウィジェットが開くので、タイトルとプロフィールに表示する内容を書き込んでいきます。書き込むときにHTMLで以下のように書き込みます。\u003cbr /\u003e\n\u003cpre\u003e\u003ccode\u003e\u0026lt;img src\u003d\"画像のURL\" align\u003d\"left\" vapace\u003d\"5\" hspace\u003d\"5\"\u0026gt;\n性別：男\u0026lt;br /\u0026gt;\n年齢：秘密\u0026lt;br /\u0026gt;\nHTML、CSS、PHP初心者。\u0026lt;br /\u0026gt;\u003c/code\u003e\u003c/pre\u003e箇条書きではなく文章にしてもいいです。書き込む内容は任意で変更してください。\u003cbr /\u003e\n画像のURLは後で取得して置き換えます。\u003cbr /\u003e\n\u003ch3\u003eul liで作るプロフィール\u003c/h3\u003eまた、上記はbrで改行していますが、liを使う方法もあります。\u003cbr /\u003e\n\u003cpre\u003e\u003ccode\u003e\u0026lt;img src\u003d\"画像のURL\" align\u003d\"left\" vapace\u003d\"5\" hspace\u003d\"5\"\u0026gt;\n\u0026lt;ul\u0026gt;\n\u0026lt;li\u0026gt;性別：男\u0026lt;/li\u0026gt;\n\u0026lt;li\u0026gt;年齢：秘密\u0026lt;/li\u0026gt;\n\u0026lt;li\u0026gt;HTML、CSS、PHP初心者。\u0026lt;/li\u0026gt;\n\u0026lt;/ul\u0026gt;\u003c/code\u003e\u003c/pre\u003eCSSで装飾する場合は、classを追加しておきます。\u003cbr /\u003e\n\u003ch3\u003eツイッターボタンの設置\u003c/h3\u003eツイッターボタンを設置する場合は下のサイトでソースコードを取得後に、テキストウィジェットに貼り付けます。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-R_VYTyhgOaI/UmPaIhvMuEI/AAAAAAAAAVU/8bzjaW5VIs4/s1600/%E3%83%84%E3%82%A4%E3%83%83%E3%82%BF%E3%83%BC%E3%83%9C%E3%82%BF%E3%83%B3.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"239\" src\u003d\"https://3.bp.blogspot.com/-R_VYTyhgOaI/UmPaIhvMuEI/AAAAAAAAAVU/8bzjaW5VIs4/s320/%E3%83%84%E3%82%A4%E3%83%83%E3%82%BF%E3%83%BC%E3%83%9C%E3%82%BF%E3%83%B3.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n\u003ca href\u003d\"https://twitter.com/about/resources/buttons\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eツイートボタン\u003c/a\u003e作成\u003cbr /\u003e\n\u003ch2\u003eプロフィールに使う画像をアップする\u003c/h2\u003eまずは、アップロードする画像を用意します。\u003cbr /\u003e\nサイズは100px前後で十分でしょう。今回は84px×84pxの画像を使いました。\u003cbr /\u003e\n用意ができたらワードプレスにアップロードします。\u003cbr /\u003e\n\u003ch3\u003e画像のアップロード方法\u003c/h3\u003eダッシュボードのメディアから新規追加を選択します。\u003cbr /\u003e\n\u003cbr /\u003e\nメディアのアップロード画面になり、ここにファイルをドロップまたはファイルを選択と出るので好きなほうを選んでください。\u003cbr /\u003e\nファイルを選択をクリックするとブラウザが開くのでアップロードしたい画像を選んで開くボタンを押します。\u003cbr /\u003e\n\u003cbr /\u003e\nすると、メディアのアップロード画面の下の方に、今アップした画像が小さく出るので右側にある編集をクリックします。\u003cbr /\u003e\nメディアの編集画面になるので、ファイルのURLをコピーして、上の「画像のURL」部分に貼り付けます。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href\u003d\"http://www.memorou.com/2013/10/google.html\"\u003eプロフィールなどにGoogle+のフォローボタンを設置する方法\u003c/a\u003e"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/5015450257959902164"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/5015450257959902164"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2013/10/blog-post_20.html","title":"ワードプレスのサイドバーにプロフィールを表示する方法"}],"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":"https://1.bp.blogspot.com/-Ru1QwZ_zOao/UmPb9Vd42ZI/AAAAAAAAAVc/-b5CU2AKqoU/s72-c/%E3%83%86%E3%82%B9%E3%83%88%E3%83%97%E3%83%AD%E3%83%95.png","height":"72","width":"72"}}]}});