難病女子の心の裏側日記

難病女子の心の裏側をたれ流すブログ。

【運営日記】カテゴリ一覧(の作り方)とサイトマップとリライトの話。

 

こんにちは、木ノ下コノキ(@kinoshitakonoki)です。

 

 

前回のこの記事にも書いたように、

www.kinoshitakonoki.com

 只今このブログではリライトとブログ全体の改造(改装)を絶賛取り組み中です。

 

目次

 

カテゴリ一覧の話

カテゴリは相当な数あったので、若干無理やり感ありますがとりあえず大元のカテゴリ11個にしました。

 

そしてツイッターにも載せてますが、スマホから見たカテゴリ一覧はこんな感じになりましたよ。

 

f:id:kinoshitakonoki:20190131173123p:plain

なんだかにぎやかになりましたね~

 

(まだ終わってないので、改装中のままです)

 

 

ちっさい画像作って貼って、各カテゴリにリンクする仕組みになっています。

 

スマホ用 幅120px

f:id:kinoshitakonoki:20190128205142j:plain

 

PC用 幅150px

f:id:kinoshitakonoki:20190128163506j:plain



下描きとかしちゃうと考えちゃって描けないので、インスピレーション感じたままいきなり本番で描きました。

 

カテゴリの勝手なイメージで髪の色変えたり、作ってて楽しかった!

f:id:kinoshitakonoki:20190128163208j:plain

 

で、貼り方知りた~いって人がいるかわからんけど、勝手にブログ講座始める。

 

 

ちっさな(バナー)画像にリンクを付ける方法

好きな場所にHTML編集で下記のCSSを使う

<table><tr><td> <a href="リンク先のURL" target="_blank"><img src="アップロードした画像のURL" border="0" /></a> </td></tr></table>

 

CSS途中にある、リンク先URLはリンクさせたいURLをコピー(ペースト)してこの場所に貼り付けます。

 

そして、アップロードした画像URLは記事に画像を貼り付けた際に付けられる画像の場所を指します。

 

 

例えば、この画像に「手作り」カテゴリをリンクさせたいとき、

f:id:kinoshitakonoki:20190128163208j:plain

 

HTML編集画面の青文字にした部分をコピーし、

<p><img class="hatena-fotolife" title="f:id:コノキのIDj:plain" src="https://cdn-ak.f.st-hatena.com/images/fotolife/k/kinoshitakonoki/20190128/20190128163208.jpg" alt="f:id:コノキのID" /></p>

 

先ほどのアップロードした画像のURLに貼り付ける。

 

<table><tr><td> <a href="https://www.kinoshitakonoki.com/archive/category/%E6%89%8B%E4%BD%9C%E3%82%8A" target="_blank"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/k/kinoshitakonoki/20190128/20190128163208.jpg" border="0" /></a> </td></tr></table>

 

すると、このバナー(画像)クリックすると「手作りカテゴリ」に飛びます。

 

 

ね、簡単でしょ♪

 

 

<table><tr><td> </td></tr></table>使ってるので、横に並べたいときは

 

<table></table>の中に

<tr><td> <a href="リンク先のURL" target="_blank"><img src="アップロードした画像のURL" border="0" /></a> </td></tr>を入れた分だけ、列ができます。

 

f:id:kinoshitakonoki:20190131173123p:plain

スマホのこの横に2列バージョンは

<table><tr><td> <a href="リンク先のURL" target="_blank"><img src="アップロードした画像のURL" border="0" /></a> </td><td> <a href="リンク先のURL" target="_blank"><img src="アップロードした画像のURL" border="0" /></a> </td></tr></table>をくり返すことで下に何列も追加することが出来ます。

 

 

ほら、こんなふうに(笑)

 

サイトマップの話

未だ、編集中です。

 

サイトマップ作る際に記事を再度見直してら

誤字や文章の直しなど相次ぎ、リライトも一緒に進めるのでなかなか終わりません。

 

あと半分くらいでしょうか。

 

 

終わったら、とか軽く言ってた自分のばか。

 

次の段階のアイキャッチの見直しと作成は、まだ先になりそうですね。

 

 

リライトの話

 

まえに、リライトについて熱く語ってるので今回は省きますが

www.kinoshitakonoki.com

前に記事全体の流れや文章についてはやってるので、

 

今回は記事の内容に対しての広告の数や種類は適切か、合わせて読んで欲しい記事の見直しこのブログには必要な記事なのか(必要なければ削除)...等、ブログ全体のバランスや役割について考えることが多かったリライトでした。

 

まだアイキャッチ画像や記事中に含まれる説明画像など、自分でしっかり伝えたいことはイラストにして見やすくしたいなと考えております。

 

フリー素材でそれっぽい物を差し込むより、自分の伝いたいことは自分で描くが今なら出来る気がします。(ここが自分の一番やりたかったことでちまちま練習してきました)

 

今後のこのブログとブログ説明

 

www.kinoshitakonoki.com

この記事で、このブログをどうするか色々書いてましたけど、高安動脈炎特化ブログは難病や障害者情報ブログと合わせて、このブログに載せていた福祉カテゴリだけ記事を特化ブログに移行する形にしました。

 

この難病女子の心の裏側日記は、心の中の整理と鬱憤(うっぷん)の吐き出し口です。

それだけは変えたくありません。

 

ここを難病の特化ブログにしてしまったら、吐き出せる場所が無くなってしまうので、闘病日記もオフ会や日常のことを書いてる日記も...すべてがこのブログです。

 

そして新しくなったカテゴリはこうなりました 

カテゴリ説明

日記

日常に起きた気になることやオフ会のことをまとめています

 

闘病日記

高安動脈炎や今後は脳梗塞の闘病の記録を載せていきます

 

入院日記

入院中に起こった気になることを書いています

 

婦人科系日記

子宮頸がん体験談、最近見つかった子宮筋腫のこと、乳がん検診の体験談など婦人科系の日記を書いています

 

思うこと

気になったことをただひたすら書いてます

 

考察

ニュースや番組感想、読んだ本やブログの感想考察を書いています

恋愛日記

恋愛体験談、恋愛に関する記事を書いています

 

実食感想

気になる商品を実際に食べて感想をまとめています

 

手作り日記

自分の作った料理(や手芸)のレシピと感想、保存方法など書いています

 

 

ちなみにカテゴリ説明の画像(バナー)をクリックするとそのカテゴリに飛びます。

これは一列なので、

<a href="リンク先のURL" target="_blank"><img src="アップロードした画像のURL" border="0" /></a> </td><td> <a href="リンク先のURL" target="_blank"><img src="アップロードした画像のURL" border="0" /></a>

で作れます。

 

ほかに愚痴日記、ブログ運営カテゴリがあるので近々バナー追加いたします。

 

気付いたら3200文字超えてたので、そろそろ終わりにします。

 

そして今後とも、「難病女子の心の裏側日記」をどうぞよろしくお願いいたします!

 

ではまたね( *´艸`)

 

 

読者登録、励みになります!

ブログ村に参加しています。

よろしかったらポチッと応援よろしくお願いします(*´艸`*)

 ↓ ↓ ↓

にほんブログ村 病気ブログ 難病(特定疾患)へにほんブログ村 恋愛ブログへ
にほんブログ村

スポンサーリンク

 ホーム   お問合わせ   プライバシーポリシー   サイトマップ