#013 サイドバーのプロフィールを追加しよう

イラスト関連
イラスト関連

プロフィール画像を作ってみる

え~、今回はサイドバーに設置するプロフィールの方を作成するそうです。

前に固定ページの方に長々と書いてますので、『更にプロフィールを増やすのはどうなんだろうかと個人的に思うんですけど、初見の方が来てパッと私の事が解るようにするのは肝心な要素らしいです。

まあ、前の記事でヘッダーをいじった時に『キャッチフレーズ』の方を削ったので、それの代替品みたいなものみたいですね。

※尚、そこそこ設定が面倒くさいらしいので、今日中に終わるかどうか解らないそうです。

とりあえず、プロフィール画像の方を作成する事になったのですが、今現在のスキルでは私のキャラ画像とか描けませんので、それっぽい文字だけで作る事になりました。

師匠の読みでは、『少なくとも半年以内には簡単なキャライラストを描ける程度にはなるんじゃなかろうか』との事ですので、その領域に達した頃に画像を差し替えをする予定みたいです。

ま~、頑張ってみますけど個人的に半年でそこまでいくのは難しいような気がします。

ともあれ、繋ぎ用のプロフィール画像っぽいものを作ってみる事にしましょう。

と、いう事で『フリー素材の月と星の画像を合成して色調補正をかけたものにテキスト文字を入れたもの』が、こちらとなります。

途中経過の画像を保存しておく事を忘れていた為、写真はありませんが実は5回ほど師匠からダメ出しをくらって作り直しております。

実はこの画像に到達するまで、3時間以上消費しているんですよね。

なんというか、根本的にこういうデザイン系は私に向いてないんじゃなかろうかと思う今日この頃ですわ。

サイドバーの基本設定をしてみよう

画像作成だけで既に疲労困憊状態ですが、やらないと終わりませんのでサイドバーの設定の方をやっていこうと思います。

具体的な設定方法は、検索したら出てきた↑上記のサイト様の記事を参考にさせて頂きました。

正直、設定よりも文章を考える方が時間がかかりましたけど、一応↑上記画像のようなものができました。

って、よく見たらアイコンが『神音』なら、その下にあるニックネームも『神音』ですし、挙句の果てにプロフィールの文章にも『神音』とありますし、

滅茶苦茶しつこいですね!!!

完成して客観視するまで気付きませんでしたが、この辺は後で修正しておきましょう。

まあ、画像はのちのち画力が上がった時に差し替えるまで、このままになっちゃいますが。

※後日、差し替えましたので宜しければ↓下記の記事も読んでいって下さると嬉しいです。

CSSとかを追加して改良しよう

個人的には、さっきのプロフィールでも良いような気がしますが、見栄えが寂しいというのでチョイチョイ改造する事になりました。

……マジカ。

とりあえず文字の太さを変えたいのですが、サイドバーのプロフィール内の文字を装飾するには『よく解らない言語』を使わないといけないらしいです。

具体的には『<strong>強調したい文字</strong>』という感じで前後に変なオマジナイを書かないと強調できないようですね。

う~ん。めんどいなぁ……

あとはプロフィール欄に背景を追加したいのですが、これがなかなかの曲者です。

CSS』とかいうものを追記しないといけないらしいんですよね。

そもそもCSSとは何かという事ですが、正式名は『Cascading Style Sheets』とか呼ばれるものだそうで、『ブログ内のデザインを整える言語だと思って貰えれば良いと思いますよ』と師匠が言っていました。

要するにこのCSSを追記したり数値を書き換えたりする事で、ブログの見た目に変化を与えられるようです。

とりあえず、こだわりがなければ大体の事はネット上のものをコピー&ペーストして何とかなるので無理に覚える必要はないとの事。

と、いう事で↑上記サイト様を参考にさせて頂き、CSSを追記して完成したものが↓下記画像となります。

最初のプロフィールが『文字数多すぎて読む気なくす』というので、ちょっと少なめに圧縮してみました。

その内、もうちょっと手を入れるそうですが――

今日の所は、これで勘弁してください!!!

だって、このCSSの追記とかいうの訳わからないんですもん。

何だ、この呪文の羅列は……

長時間の記事作成でパンク寸前の私の頭では理解不能ですわ。

今回の経費&記事作成時間

今回の記事作成時間&支出

記事作成時間:約6時間(イラスト作成&設定含む)

今日は全体的に理解が追い付いていなくてグダグダでした。

疲弊しきったので、今日は何も考えずに寝ます。

では、恒例の累計出費&記事作成時間を発表して今回は終わりにしましょう。

最後まで読んでくださった方はありがとうございました。

現在までの総制作時間&累計支出

総制作時間:約62時間 / 累計支出:17,080円

※フォーマット統一用のリライト作業済みの記事です。

トップへ戻る
タイトルとURLをコピーしました