タグ: ホームページ制作

2024/6/19 ホームページ改善履歴

こんな時間(現在深夜1時)ですが、やったらすぐに書いておかないと忘れちゃうので、メモ的に今日HP内でいじったところを書いておきます。

 

・短歌のサムネイルを、記事見出しだけにする。

今まで中身が全部出ちゃって長々とスペースをとっていたので…(特にスマホから見たとき)

ついでに4月〜6月の短歌まとめ記事も投稿しました。

 

・トップページに大きめのサムネイルを追加する

メインのトップ画像とは別に、お気に入りの画像を4枚大きめのサムネイルとしてトップページに追加しました。やっぱり最初になるべく目を惹きたいのでね…。

 

・トップページに、Youtubeのメイキング動画の再生リストと、VOCALOID/DTM動画の再生リストを追加する

前からやりたいと思ってたのですが、ようやく実行出来た。youtubeからそのままコピペ出来る埋め込み用コードをいじって、横幅をちょうどいい感じ、パソコンで見てもデカすぎなくて、スマホで見ても横幅ぴったりのサイズ(たしか350x200px)に自分でいじって埋め込めたのは大分成長。前は英語の文字の羅列を見るだけで嫌になってたので、ちょっと数字をいじれただけでも成長ですよ。

 

・仕事実績一覧を、「仕事実績」のページとは別に、作品投稿の形式で投稿。トップページにサムネイルで表示。

これは今日じゃなくてちょっと前にいじったとこですが、せっかく仕事を受けて「頑張ったよ!」「こんなこと出来るよ!」のアピールがしたいのに、「仕事実績」のページを開かない限り何やったかがパッと見で分からないのがもったいないなと前から思ってて。せっかくなので、画像サムネイルでトップページに表示したい…と思った結果、他のイラストなどと同じように「作品」の投稿形式で投稿し、サムネイルを表示する…という選択をしました。

仕事実績のページには一覧でまとまってて見やすいので、そちらも残しつつ、トップページにもサムネイルで表示するためにこの方法にしました。考えたね!

過去の仕事実績も1個1個投稿しました。

 

・プロフィールページに「受賞歴」の項目を追加

せっかく賞もらったのでね。ちょっとアピールしとこうかなと。

 

以上!HPいじり楽しい〜〜!今日の更新点でした!

2024/2/25 300♡超えありがとうございます!

こんにちは!渡邊野乃香です。

このサイトにはいいね機能(♡を押せる機能)があるのですが、先日いつの間にかいいねの数が300を超えていました!ありがとうございます!!

200の時に祝いそびれてしまったので、300超えた時は言おう…!と思ってました。

このSNS時代にHPを運営してみると分かるのですが、HPって基本的にあんまり見てもらえないことが多くて…SNSにリンクを貼ってHPまで飛んでもらう…という形にしてようやく見てもらえるかどうか、ということが多く、なかなかこんなインターネットの奥地まで見に来て貰えないんですねぇ…。

そんな中、このサイトを見てくれる人がいて、しかも♡を押していってくださる方がいるというのは、とてもありがたいですし、すごく励みになっています!ありがとうございます!

やる気に波はあるかもしれませんが、引き続きこのサイトは育てていきたいと思っているので、ちょこちょこ覗いてもらえるととても嬉しいです!ちょこちょこ覗きたくなるHPに出来るよう私も頑張りすぎない程度に頑張ろうと思います。引き続きよろしくお願いいたします!

それでは、短いですがこれで失礼します。THANK YOU!!!!!

2023/11/13 トップ画面に手を加えました/プロフィール欄を少しいじりました/短歌ゾーンが増えました。

こんにちは!渡邊野乃香です。

このHPの中で、いくつかいじったところがあるので、備忘録も兼ねて記録しておきます。

トップ画面に手を加えました

このHPのトップ画面(こちらですね)を多少いじりました。

どこをいじったかと言うと、一番大きな点は、作品のカテゴリごとの新規投稿6投稿までをサムネイルで見られるようにしました。

今まで、カテゴリ全体の新規投稿18個のサムネイルが表示されているだけで、各カテゴリについては文字が書いてあって、それがリンクになっていてそこから飛べる…という感じでした。しかし、それだとどのカテゴリにどんな作品が載っているのかがそもそも分からず、どのリンクをクリックしていいのか分からないという問題点がありました。更に、1つのカテゴリの更新が多すぎた場合は、他のカテゴリのものが埋もれてしまい、なかなか見える場所に表示されないため、見つけてもらいにくい…というところが勿体なかったです。

そのため、カテゴリごとの新着作品をサムネイルで表示することで、ビジュアル的にどのカテゴリが気になるか分かりやすくし、色んなジャンルの作品を見てもらえるようにした…つもりです。出来てたらいいな。

他には、細かい点になりますが、ウィジェットを多少いじりました。

ウィジェットというのは、なんかサイトの下とか…横とか…にちょろっとある、ページが変わっても表示され続ける部分です。

今までそこには各SNSのアイコンを押すと私のアカウントに飛べるものと、私のロゴマークを入れていたのですが。そこからTwitterを削除しました。アカウント消しちゃったので。

さらにサイト情報と、fediverse(分散型SNSのこと。mastdonとかmisskeyもこれです。)でフォローできるこのサイトのアカウントを表示するようにしました。フォローボタンを押せば、そのままfediverseでこのサイトをフォロー出来ます。フォローすると、このサイトに更新があった時に自動で投稿がTLに流れてくるようになるので、更新通知的な使い方が出来ると思います。

サイト情報は、他の方の個人サイトで見かけて、「カッケェな…」と思い入れることにしました。こういう「個人サイトです!!」というのに弱い…世代なので…やりたくなっちゃって…

ちなみに今Misskeyの方で相互リンク貼ってくださるフォロワーさん募集してるので、近々相互リンクのコーナー出来るかもしれません。ワクワクするねぇ…!!

それと、サイトの説明兼私の軽い自己紹介的な文章を少し追加しました。今までちょっと不親切だったかもなと思い…

サイトのトップに軽い自己紹介を入れるのも、他の方の(サイト情報とは別の方です)サイトを見て、いいなと思って取り入れることにしました。

プロフィールをいじりました

少しですが、プロフィールの文章を変えました。それと、SNSのリンク欄で、今使っていない、アカウントを消したり更新停止をしたりしたSNSには、その旨を書きました。飛んでから「なんで更新してない/アカウントがないの!?」ってなったら申し訳ないと思い…

プロフィールの文章、はじめましての人の目に触れる場所ですし、自我を出しすぎてキモくなっても嫌だ…でも簡素すぎてあたたかみがなくても嫌だ…というバランスが難しく、何を書くか迷いました。またなんか急に「この自己紹介キモかったかもしれない…」とか「自分のやってることが前と変わったな」と思ったら書き直すかもしれませんが、しばらくこれでいきます。

短歌欄が増えました

今まで文章の更新はこの「ブログ・お知らせ」しかなかったですが、短歌のコーナーを増やしました。超絶初心者なのでドキドキしていますが…まぁ個人サイトに趣味で載せてる分にはあたたかい目で見て欲しいです。

半年くらい前からMisskeyで時々短歌を詠んではTLに流してたのですが、せっかくだしHPにも載せるかぁ、と思い…。作品をまとめる意味合いでのHPというのも強いですし、もう恥ずかしがらずに作ったもの全部載せちゃお、と思いまして。

とりあえず今は、今までMisskeyに流してた短歌をいくつかまとめたものを1つ投稿しています。今後も思いついたら増えていくと思います。なまあたたかい目で見守っていただけると嬉しいです。

 

 

今回は以上になります。

最近作品は投稿していたものの、文章は少し静かめでした。特に書きたいこと、書かなきゃいけないことがない時はまぁそういう時もあります。また何か投稿したくなったら、投稿しにきますね。

少しずつHPを育てていくの、めちゃくちゃ楽しいですね!自由度高い〜!他人様のサイトを覗きにいったりすると、刺激をもらえることが多いです。「私もここ真似したいな」が見つかることも多いので、そういう時は取り入れたりしつつ、サイトを育てています。引き続き楽しんでいこうと思います。

それでは失礼します!

サイト制作の経緯/サーチサイトに登録しました/画像を軽くしました

サイト制作の経緯

こんにちは。

このサイトは出来てまだ1ヶ月ほどで、絶賛育て途中なのですが、覚えてる今のうちにサイトを作った経緯、作り方について覚書的に記しておいた方がいいと思い、今この記事を書いています。

このサイトを作ろうと思ったきっかけは、こちらの記事にも書きましたが、前使ってたwix というホームページ制作サイトが、容量がいっぱいになっちゃって、これ以上画像を追加するなら月2000円以上払わなくてはいけない…となって。

月2000円払ってその分がペイ出来るほどホームページに効果があるわけでもなく、また画像の載せ方についても画像が増えて来るにつれて不満に思う部分が増え、いっそイチから作り直そう!となりました。

しかし何で新しいサイトをつくればいいか分からず、misskey.designという一時創作者限定のSNSで、ここならサイトを持ってる人も沢山いるのではと思い、質問してみました。そこで回答していただいた皆さんが使っているサイトを作る方法はブックマークして色々調べてみたのですが、wix のように知識がなくても、自分でサーバーを契約しなくても簡単に作れるタイプのサイトは、結局容量が増えるとwix と同じように月2000円とか、それ以上とか…のお金がかかることが判明。

そんな時、勧めてもらった中の一つにあったのが、doというサイトでした。創作・同人サイトを作るのを支援してくれるサイトです。

このサイト自体は、前Twitterでバズっていたのを見て知っていたのですが、その時は切羽詰まってなかったので、「へーそんなのあるんだ。すごい。」くらいにしか思ってませんでした。しかし、今回は切羽詰まってたので、「ここも見てみるか…」と思い、Wordpressが何かも知らない状態でこのサイトを覗いてみました。

その結果、初心者におすすめのレンタルサーバーのまとめや、初心者におすすめのサイト構築方法(難しさレベルの説明まで)、またWordPress専用の同じ管理者さんがやってる派生サイトや、WordPress用のテンプレートまであり、至れり尽くせりで。

な〜んにも分からなかった私は、このサイトとテンプレートを頼りにWordPressでサイトを作ることを決め、月500円ほどのサーバーを契約し、独自ドメインを取得し、分からないことはいちいち検索し記事を読んで調べ、説明の専門用語が分からなくてまた調べたりしながら、プラグインを入れたりアクセス解析をしたりしつつ、サイトを作ってきました。

絶対にこの「do」というサイトなくしては私のホームページは完成してなかったので、めちゃくちゃ感謝してます。

先先代のホームページは単なるTumblrで、次はwix で、その次がこのサイトで。段々パワーアップしてるというか、自由度が高くなっていて、出来ることも増えて楽しいです。

引き続きこのサイトを育てつつ、楽しんでいこうと思います。

サーチサイトに登録しました

このサイトを、創作系サーチサイトに登録しました。

サーチサイトというのは、個人サイトを登録したら検索出来る…というもので、昔は沢山あったのですが、今はかなり減ってる…という印象です。私は年代的には本当に小学生〜高校生くらいの見る専だった時代に個人サイトを通っており(古めのジャンルにハマったのもあり)その時はランキングとか相互リンクとかフォレストページとかを頼りに好きなジャンルのサイトを探していました…懐かしいですね。

登録したサイトは上と同じくdoというサイトのこちらのページを参考にしました。

まずコンパスリンク。次にLony。それとECHOES 。上に書いたdoさんの記事を読めば分かると思いますが、ほぼ記事に書かれてるところにそのまま登録しました。

自分なりに他に創作サイトのサーチサイトを探してみたりもしたものの、あまりに「いにしえの…」という見た目、内容をしているところが多く、それが悪いわけではないのですが、同人サイトと言うよりもクリエイターのポートフォリオサイトといった方が近く、本名でやっている、私のサイトを、そういったサーチサイトに登録していいのか分からず…あとあまりにも「いにしえから変わってません」みたいな見た目してると、なんていったらいいか分からないけどちょっと不安になるので…

そういったところを入れても、今サーチサイトってあんまりないんですねぇ…SNSの時代になったから仕方ないのかもしれませんが、もっとあってもいいのになぁ…とは思います。

サーチサイトに登録した感触としては、サーチサイトから来てくれた人結構います!嬉しいです!

多分登録したばかりで、新着のところに表示されるので、目につきやすいのもかなりあると思います。ですのでこの数の人が来てくれるのがずっと続くわけではないと思いますが、嬉しいのは嬉しいので喜んでおきます。踊っちゃお。

サーチサイトはそんな感じです〜個人サイト運営してるって感じがしてかなり楽しいですね。現場からは以上です。

画像を軽くし、読み込み速度を早くしました。

画像中心のサイトの性質上どうしても仕方ない部分はあるかと思いますが、サイトの読み込み速度がかなり遅いみたいだったので、画像を軽くするプラグインを導入し、画像のファイル形式を変えて、サイトのページを軽くしてみました。

少しでもサイトが見やすくなってるといいなと思います!

 

 

かなり長くなっちゃった。今回はそんな感じです。読んでくださりありがとうございました。

ずっと目玉焼きには醤油派だったのですが、最近ウスターソースをかける美味しさに目覚め、ソースばかりかけて食べています。

皆さんもお元気にお過ごしください。それでは〜!

ももにゃを制作しました&トップページを見やすくしました。

こんにちは!

このホームページはまだ出来て1ヶ月、絶賛育て途中なので、細かな改造を繰り返しながら運用しています。

目立つもので言うと、いいねボタンの設置、メルマガ配信システムの導入、また細かすぎた画材やタイプによる作品区分けの表示の廃止、逆に新しい作品タイプの導入、また検索に出る設定にしたり、アクセス解析ツールへの登録などをしてきました。

個人的にこんなにHPに力を入れて制作するのも、WordPressを使うのも、アクセス解析をするのも、何もかも初めてでいちいち調べながらやっている超初心者なので、こだわろうとすればするほど、初めて知ること&驚くことばかりです。

特にアクセス解析という、ホームページがどのように見られているかを解析するツールを導入してみて、驚いたことがありました。それはほとんどの人がスマホから見ているということ!多分このホームページだけではなく、今はほとんどのサイトが同じような結果になると思います。ほとんどスマホから見られている。

このホームページを制作したのがimacのデカいパソコン画面だったため、ほぼパソコンからしか見ずに作業していたのですが、「もっとスマホからの見やすさを考えなくては」と思いました。

このサイトはテンプレートを使って作っていて、私にはプログラミングの知識は一切ないため、自分に出来ることをやってみようと思いました。

先ほどあげた「画材などによる細かすぎる作品区分の廃止」もその1つで、パソコンからだと上部にメニューバーが出て、そこから作品区分をだんだん細かくして選択していけるのですが、スマホだと横にメニューバーが出てしまい、そこに全ての作品区分が表示されてしまうので、作品区分が多すぎるとメニューの選択肢がありすぎてとにかく見にくい!どれをタップしていいか分からなくなる!あと絵を描かない人は「どの画材で描かれたか」とかあんまり気にならないらしい!ので、イラストは「イラスト」のみ、動画は「動画」のみ、といった感じにしました。

また今日他人様の個人サイトを見てハッとしたのは、「もっとトップページ1つで全部分かるようにしたほうがいい」ということです。

私はトップページにメインビジュアルのみバーーーン!!からのメニューをクリックして色々見てもらう…の方式がかっこいい…とずっと思ってたのですが、そもそもこのテンプレートだとメニューが出てくる横線三本の場所が分かりづらく、どこから作品を見ていいか分からない〜となってしまうのか、トップページだけ開いて他のページに行けずサイトを離れる人…がいるっぽいなぁというのを感じました。また、スマホで見る場合、何回もタップするのがめんどくさい、でもスクロールはめんどくさくないから、スクロール多くてもいいからトップページに詰め込めるものは詰め込んだ方がいい…そっちの方が分かりやすい…というのを、色んな絵描きさんの個人サイトを巡ったりして実感しました。学ぶことばかり〜

なので、今日はトップページに色々追加し、トップページのみでなんとなく何してる人か、どんな作品を作ってるか分かりやすく、また他のメニューへ飛びやすくなるよう、トップページを改装しました。

まだ走り出したばかりの個人サイト道ですが、こだわり始めてみるとやることいっぱいで楽しいですね!全部自分でやるから、工夫のしがいが色々あって。引き続き改良しつつ作っていこうと思います。


また、今日は羊毛フェルトで「ももにゃ」という、前に作ったオリキャラ「れもにゃ」の姉貴分を作りました。

れもにゃ・ももにゃについての一覧はこちらから。

本日生まれたももにゃについての投稿はこちらからご覧ください。ももにゃについての記事には、作った経緯が書かれていたり、写真が5枚くらい載ってたりします。リアル猫ちゃんもいます。

れもにゃがレモンと猫のミックスであるのと同じように、ももにゃはモモと猫のミックスです。以後よろしくお願いいたします。

 

書きたいこと書いた!そんな感じです。長くなっちゃった…読んでくださった方はありがとうございました。それでは〜!