「ファビコン」って言うんですね。インターネットのページ開くとタブの左側に小さいイラスト出るじゃないですか?Googleだと「g」のイラストで、Yahoo!だと「Y!」のイラスト。あのちっちゃいちっちゃいやつです。あれ、自分のブログのファビコン、替えられるんですね。知らなかったです!替え方はこちらのサイトにて詳しく説明してくださっています。初心者でもできる簡単FC2ブログの作り方「ファビコンをつけよう!」ぼくの場合、くまモンとバリィさんにしたかったので、フリーソフトのGIMPで各イラストを描いていきました。ファビコンは16×16ピクセルというかなり小さいサイズになるのでなかなか難しかったです。↑こんなちっちゃい!!ファビコンが付くと、ブックマークの中からも探しやすくなりますし、ブログに少し個性が出るような気がしました。今んとこ、ChromeやFireFoxでは、ぼくのページを開くとこのファビコンが表示されているはずです。なんかブログがくまモンだらけになってしまったな。「銀輪記」リニューアル[3]前の記事はこちら。✔「銀輪記」リニューアル[1]✔「銀輪記」リニューアル[2]~ページナビゲーション?をなんとかするぞ~Googleの検索ページの下に表示されるこれ。これあるとページ送るのが楽なんですよね~。名前は??「ページナビゲーション」こんな呼び名で呼ばれてるそうです。いや~何にでも名前は付いてるもんですね。ぼくのブログにもこれに似たものは付いていまして↓これです。シンプルで良いですよね~(^'^)でもこれをもっと便利にしたいわけです。そこで3つの直したい個所がありました。↓1.Googleみたいなページ番号を付けたい!⇒次ページ、前ページ以外にこれがあると便利ですよね。記事一覧に飛べるリンクを付けたい⇒目的の記事に飛びたいときにこれがあると一発で行けます。ページの上にもナビゲーションを付けたい⇒ぼくのブログには、ページ最下部にしかこのナビがなかったのです。ページを送るには一番下まで降りないといけなかった。これだと過去記事を飛ばして読みたい時や記事を探すときなど不便ですよね。1.Googleみたいなページ番号を付けたい!これについてはぼくと同じテンプレートを使っている日本一周中ブロガー、Amaichiさんのブログで紹介されていました。その2】ページナビ、全記事一覧の設置」http://amaichi2012.blog.fc2.com/blog-entry-8.htmlそしてこの素晴らしい共有プラグインを作成し、詳しく紹介されているページがこちら。空があんなに高い「ページ移動スクリプト」http://dongpan.blog95.fc2.com/blog-entry-255.htmlここに書かれている通りの場所に、タグを張り付ければ出来るのですが、肝心の「どこがページナビゲーションを示した場所なのか」を見つけるのに苦戦しました・・・。なんとか、出来ましたな。記事一覧に飛べるリンクを付けたいこれについても、Amaichiさんのブログで紹介されていました。詳しく書いてあるサイトはこちら。「記事一覧ページをつくる!」http://rgrg.blog61.fc2.com/blog-entry-630.htmlこれは比較的簡単でしたが、全記事一覧のページのデザイン考えるのが大変でした。自分でいい感じに並び替え、サイズ変えをくりかえして・・・こんな感じになりました↓[全記事一覧]んでもって、これがくっついて。ページの上にもナビゲーションを付けたいこれになかなか苦戦しました。テンプレートのHTMLがトップページやそれ以外、ページや個々の記事など別々に作られているんですよね。場合分けされているみたいで・・・。該当箇所を見つけるのが難しかったです。1と2でいじってた部分をどこかに丸々コピーすればいいんだろうけど。やってみましたがうまくいきません。Amaichiさんのブログではこれが出来てます。自分で自分のブログ読んでて上側にページナビが無いのはなんとも不便を感じていたので、なんとか直したい。ツイッターを眺めていると・・・。゚)それぞれのブログで貼りつける場所が違うようですが、同じテンプレートを使用していたので、すんなり成功(*^。「銀輪記」リニューアル[2]~ヘッダーの画像を変更~ビフォーあまりにテンプレートをそのまま使っていたので、少し個性が欲しいなぁ~なんて。上のテーマの部分を画像にしてみることにしました。「ヘッダー背景を画像にする」http://10plate.blog44.fc2.com/blog-entry-28.html今回はこの北海道のサロベツ原野の写真を使ってみることにしました。青っぽい方が全体のイメージ崩さないで良いかなぁ~なんて。これだけじゃ味気ないので、アクセントにぼくのランドナーのイラストを合成しましょう。↑Twitterの背景でも浸かっているこのイラスト。Adobe社のイラストレーターを使えば簡単に描画や合成が出来ますが、このソフトいかんせん高い・・・(>_<)個人で簡単に手が出せるシロモノではありませぬ。いうことで僕が使わせてもらっているのがこの無料ソフト。「Inkscape」http://www.forest.impress.co.jp/lib/pic/piccam/paint/inkscape.htmlイラストレーターには劣りますが、ベクトルで絵画できるドローソフトとして大抵のことは出来ます。Adobe社で欲しいけど高いのがPhotoshop!これもフリーソフトで十分代用可能です。「GIMP」http://www.gimp.org/あとはPIXIAさんなんかも組み合わせるとフォトショップ並みの威力を発揮します(笑)アフターだいぶ雰囲気が変わりました。背景に合わせて、文字色も微調整していきました。報告のために立ちあげたポンコツブログですが、もうすぐ訪問者も一万人近い。改造してみようかななんて。これまでtodoさん作成の「simple_blue」という共有テンプレートを使用させていただいています。゚>)~リンクや最新記事のプラグインを見やすく&文字のサイズ・色~まず、ホームページはHTMLっていう言語(?)で成り立っています。前に情報処理の授業でちょっと触ったかなって程度です。↑こんな感じのをいじっていきます・・・\(◎o◎)/!ばふーーん・・・。todoさんのブログ「ブログビギナーズ」さんを参考にしながら、文字の大きさ、色を変更していきました。✔ブログビギナーズhttp://fc2blogbeginners.blog45.fc2.com/✔文字サイズを参考にしたサイト:イーウェブhttp://css.eweb-design.com/0405_fsz.html✔文字や背景色で参考にしたサイト:原色大辞典http://www.colordic.org/背景は真っ白だったのを少し灰色に。ノートもそうですが、ぼくは真っ白白の紙より、少し灰色がかった紙の方が文字が読みやすいと思うんですよね。個人差あるでしょうけど。リンクがとても多くなってきたことと、目次も多くなってきたことから、両サイドのプラグインをサッパリさせるために文字を小さめにしました。既読・未読のリンクの文字色も同じ青色にしました。記事の題も少し大きめにしてみました。[全記事一覧]|ホーム|訪問者数ようこそ、銀輪記へしまなみ海道:今治のんびりポタリストむらまさMura-Masa手にした一台の自転車が、思ってもみないほど遠くへ僕を連れていってくれました。このブログでは学生時分の2008年頃からの旅の日記を中心に記録を残しています。2015年ごろから拠点を静岡からしまなみ海道へと移し、本格的に自転車旅行を仕事に。はぐれつむりの悠々...✔ちょっといってきます。(1)RSS最近記事のRSSブログ内検索お知らせ✔お気軽にコメントください✔著作権等の詳細(リンクや転載)についてはこちらをご覧ください。29メールフォーム名前:メール:件名:本文:※ご意見、ご質問がございましたら個別記事のコメントまたはこのメールフォームまでご連絡ください。免責事項に関してはこちらをご覧ください。Reserved.著作権等の詳細はこちらをご覧ください。