＼　あれや、／

＼　これなど。　／

私が描いたのですが実はこれ、簡単にGIFアニメーションにできちゃうんです！

iPadのアプリ「Procreate」を使用してイラストを描いているので、今回はこの「Procreate」を使ってできる簡単アニメーションの作り方をご紹介します。

「Procreate」とは？

こちらはiPad専用のイラストアプリ。買い切り¥2,000（2024年8月現在）の有料アプリですが、デジタルイラストが好きな方は持っていて損はないです！

様々なブラシや機能も満載で、イラストはもちろん今回のテーマでもあるアニメーションを作成できたりと、できることはかなりあります。

ふじこ

私は今水彩画タッチのイラストを描くのにハマってます。

私自身もまだまだ使いこなせていない部分は多々ありますが、書籍やYouTubeなどでも基本的な使い方は紹介されているので、デジタルイラストを描いたことがない！という方でもすぐに始めることができますよ。

さっそくイラストを描いてみよう！

それでは本題のアニメーション作りへ。まずはキャンバスの設定から。

新規キャンバスを選択する

右上にある「＋」マークをタップするとイラストを描くためのキャンバスサイズを選択できます。

お好きなサイズで構いませんが、用途などが決まっている場合はそのサイズに合わせてキャンバスサイズを指定しましょう。

アニメーションアシストの設定

キャンバスを開いたら、

• 左上にある「アクション」マークをタップ
  
• 「アクション」項目から「キャンバス」をタップ
  
• 「アニメーションアシスト」をオンにする

これで下の部分に「再生」「設定」「フレームを追加」というボタンがあるバーが出現します。このバーでアニメーションの動きを確認できるようになります。

ベースとなるイラストを描く

キャンバスの設定ができたら、さっそくイラストを描いていくっ！

今回は簡単に線画のイラストにしていますが、もちろん色を塗ったりすることも可能なのでお好きなイラストを描いてみましょう。

ふじこ

初めてアプリを触る方は色々自分でタップしてみて操作の感覚を掴んでね

フレームを追加する

ベースのイラストが描けたら、お次は２コマ目のイラストを描くためのフレームを追加します。

右上の「レイヤー」選択→「＋」ボタンで新規レイヤー追加ができます。

もしくは先ほどアニメーションアシスト設定で出てきた下のバーにある「フレームを追加」でもオッケー。
※こちらは連動しているのでどちらでも可

１枚目のイラストが透けて見えるのでそのまま線をなぞってもいいし、どのように動かしたいかを考えながら描いていきましょう。

そして出来上がった２枚目のイラストがこちら。

しゃがんでベーっと舌を出したおちゃらけた表情にチェンジ。ちょっとだけ髪をなびかせたり微調整はしていますがそこまで大幅には変えず。

この要領でフレームを追加し、変化をつけたイラストをどんどん描いていきます。

アニメーションを再生してみる

イラストを描き終えたら、アニメーションで動くかチェックしてみましょう！

• 「設定」を開く
  
• 「ループ」にチェック
  
• 「フレーム/秒」で好みのスピードに変更

今回私は２コマのみなので「ループ」にしましたが、再生の動きには３種類あるのでお好きな動きで動かしてみましょう。

1. ループ
   フレームを最初から最後まで再生し繰り返します。
2. ピンポン
   フレームを最初から最後まで再生→最後から最初まで再生を繰り返します。
3. ワンショット
   フレームを最初から最後まで1回再生し停止します。

イラストを透過させる

「レイヤー」を選択すると、一番下に「背景色」というレイヤーがあるので、そこのチェックを外すと線だけになり周りは透過されます。

※最初のキャンバスサイズ設定時に背景色を無くす項目もありますが、イラストを描くのに白の背景があった方が描きやすいと思うので、イラストが完成した時点でチェックを外すことをおすすめします。

イラストを保存する

それではいよいよ描いたイラストを保存していきましょう！

• 「アクション」を開く
  
• 「共有」をタップ
  
• 「アニメーションGIF」を選択

この画面では「アニメーションGIFの細かい設定が可能」と記載していますが、私はほぼいじってません！
いじるとすれば「フレーム/秒」でコマの動く速さを調節したり。一応の今回の設定としては、

• 最大解像度
• フレーム/秒：２
• ディザ合成：チェックあり
• フレームごとのカラーパレット：チェックなし
• 透明な背景：チェックあり
• アルファのしきい値：38％

このような設定で保存。

設定が完了すれば右上の「書き出し」ボタンでGIFを保存するだけ！

まとめ

今回、ipadのイラストアプリ「Procreate」を使ったGIFアニメーションの作り方をご紹介しました。

イラストなんて描いたことがないよ…って方でも、まずは棒人間とかを描いて動かしてみるのも楽しいですよ！

ふじこ

昔教科書の角にパラパラ漫画みたく落書きしてたなあ

ぜひ自分だけのGIFアニメーションを作ってみて下さいね。

この記事を投稿してはや数ヶ月。

初心者がcocoonでサイト型トップページを完成させた方法と参考にしたブログ・サイトをご紹介

そもそも何故、個人で運営している雑記ブログのトップページをサイト型にしたのか。 カスタマイズはどの様にして進めていったのか。 当サイトがワードプレス無料テーマのcocoonを利用して、現在の形になるまでの経緯を書き留めていこうと思います。 さらに実際にカスタマイズするため、ありがたいことに「コピペOK」と称して詳しいやり方をご紹介されているサイトがたくさんあるので、私が参考にしたブログやサイトを合わせてご紹介していこうと思います。

fujicolife.com

2024.03.26

ありがたいことにたくさんの方に読んでいただき嬉しい限りです！

そして今月、当サイトが一周年を迎えるということで。ベースはそこまで変更していませんが少しトップページのデザインをリニューアルしたので、ご報告も兼ねて今回のデザインのこだわりポイントと、デザインイメージを実現できたヒントをご紹介していきます。

以前までのデザイン

＼　スクロールで全体が見れます。　／

こちらのデザインのイメージとしては、

◎　イラストを交えて柔らかく可愛いデザインに。（素材は全て自分で描きました）
◎　”絵を描く”のイメージとして、絵の具っぽい要素を背景に差し込む。
　　　（うにょってしている黄色い丸）
◎　背景の緑は芝生をイメージ。（ガーデニングのコンテンツがあるので）

こんな感じで、自身のブログのコンテンツに沿ったイメージで制作。

以前の記事にも書きましたが、約１年前に当サイトを開設してから初めてhtmlやCSSといった単語を聞いたようなド素人でしたが、様々な方のお力添えをいただき自分のイメージしたデザインを形にすることができました！

今回のデザイン

そして、今回のデザインがこちら。

＼　スクロールで全体が見れます。　／

リニューアルしました！…といっても、基本はシンプルにしたいのでさほど変わっていない箇所も多いですが。今回のデザインのコンセプトはズバリ！「　ゆったりお家時間　」です！

ふじこ

パチパチパチパチ！

イラストと手描き文字でさらにゆるさをアップさせ（笑）、以前のデザインではカラーを使いすぎたので抑えめに。だけどちょっと楽しくなるようなギミックもちらほら散りばめているので、おうちでのんびりしながらぽ〜っと見ていられるような、そんなゆるりと居心地のいいサイトを目指しました◎

少しでも長く滞在してもらえると嬉しいな、と。

お次はこだわりポイント４選をご紹介。

こだわりポイント①　回転文字デザイン

もうこのデザインがしたかったからリニューアルしたといっても過言ではない。今回のメインビジュアルとして持ってきたこのデザインですが…可愛くないですか？！

ふじこ

自画自賛もしちゃうよね〜

＼　click !　／

おしゃれなwebサイトで結構見かけたこの回転文字デザイン。サイトに動きがあるのってやっぱりワクワクするしいいですよね。

こだわりポイント②　ページ内リンクのイラスト

お次はおうちデザインのセクション内に設置したアーチ窓。

ページ内リンクになっており、クリックすると下へスクロールしなくてもヒューンとカテゴリのある場所へとジャンプしてくれるのです！

そしてこの窓。実はパソコンの場合、カーソルを合わせると…

／　パカッ　＼

こんな感じで、窓から女の子が！

是非パソコンでカーソルくるくるして楽しんで下さい。（笑）

こだわりポイント③　ふわっと文字が動くアニメーション

これは前回のデザインでも各所タイトル部分などに使っていたのですが、画面スクロールに合わせて文字をフェードインさせるアニメーション。

動きがあるサイト大好き人間としてはここは特にやめる選択肢はなく、引き続きふわっとさせています。

しかしこういったアニメーションも「煩わしい」と感じてしまう方はもちろんいるかと思いますので、動かす場所を厳選して楽しむということも大事かなと思います。（当サイトも気をつけます。）

こだわりポイント④　新着記事のアニメーション

「ニュ〜ポスト」の記事にもちょっとしたアニメーションをプラスしています。

大きいサムネにカーソルを合わせると…ここにも女の子が！
是非これもパソコンから見ていただけると楽しいですよ〜。（スマホだと見切れてます…）

＼　click !　／

デザインのヒントはどこから？

デザインのアイデアはいろいろなところに隠れています。

もちろん専門的な参考書を読んでみるのも基本を知るには大事ですが、もっと手軽にインスピレーションを得るなら自分の身の周りにあるものを観察してみるのがおすすめです。

日々何気なく見ているテレビや雑誌なんかにも、じっくり観察してみると「このフォント、可愛いな。」「こういう配色いいな。」といった発見があるかも。

実際に私も、子ども達が好きな「シナプしゅ」を一緒に見ているのですが（お歌の番組）、MVを見ているとパキッとカラフルで目を惹くものもあれば、ゆったりホワホワ、同系色でまとめてあるものもあり。子ども向けとは言いますが、大人でも惹き込まれる世界観がありとても勉強になっています！！

ふじこ

ただのシナプしゅファン。

後はやっぱりいろんなサイトを見ることも大事！

有名かと思いますが、SANKOU!という様々な企業様のコーポレートサイトやwebサイトがまとめられているサイトはよく覗きにいきました。おしゃれなサイトは見るだけでも目の保養になりますよね。

サイトのイメージごとに検索出来るので、「こんなサイトが見てみたい！」が発見しやすいサイトでした。

SANKOU! | Webデザインギャラリー･参考サイト集

Webデザイン制作の参考になるステキなWebサイト･LPを集めたギャラリー。業種･テイストなどで絞込検索可能。最新トレンドをチェック！

sankoudesign.com

カスタマイズ、やってみたいけど難しそうだなと躊躇している方へ

私自身もまだまだカスタマイズに関して勉強真っ最中なので、「こんなデザインやってみたいな」と思ってもスラスラとコードが書ける訳ではありません。

まずはGoogleで検索してみて、想像するカスタマイズを紹介されているサイトを転々としてみる。

しかし、コードがコピペ出来る様になっていたとしても、ズラーっと書かれたコードを見て「？？？」となる方も多いのでは？（私がそうでした。）そもそも「そんな難しいことは出来ないよ〜」と、諦めちゃってる方も多いはず…。せっかくサイトのデザインカスタマイズに興味を持ったのに、もったいない！！！

そんな方に朗報なのが、cocoonをお使いならスキンを使う手もあります。

ART+BEAT MANIFESTO

Cocoonスキン「メイド・イン・ヘブン」の公式ページです！シンプルでおしゃれなデザインが魅力で、SWELL風のトップページを簡単に作成可能。使い方からカスタマイズコード、テンプレートまで全てを網羅しており、コピペで手軽にカスタマイズできる...

ss1.xrea.com

cocoonのスキン「メイド・イン・ヘブン」を制作された方の運営するサイトなのですが、そもそもこのスキンがコーディングの知識がなくとも簡単にカスタマイズが出来るようになっており、（スキン内にカスタマイザーがあり、そこからサイトカラーや見出しを自由に選択できるようになってます！）

• cocoonを使っているのでカスタマイズをやってみたい！
• でも、全く知識がなくてコードはいじれない…。
• サクッと全体をおしゃれにまとめたい！

そんな方にかなりおすすめなスキンになっています。

興味がある方はまずこのスキンを使ってカスタマイズを試してみてはいかがでしょうか。

カスタマイズを振り返って

今回大々的にサイトをカスタマイズしたのは２回目ですが、まだまだ課題はあり。
自分で考えてみるも煮詰まって結局有識者の方に助けていただきながら、なんとかまた理想のデザインに仕上げることができました！（ありがとうございます！！）

「トップページのデザイン変えるぞ！」と意気込んでから完成に至るまで約１ヶ月ほどかかってしまい、その間記事の方が全然進まず…。本末転倒のような感じですが。汗

ふじこ

いいんです。カスタマイズは趣味なので！！！（言い聞かせ）

そう。自分が楽しいのでいいのです。

そして、何かのきっかけで訪問して下さった方が少しでもこのサイトを見て楽しんでもらえたら、それだけで私は嬉しいのです。

そんな私の２度目のカスタマイズ備忘録。最後までご覧いただきありがとうございました！

この度、当サイトのトップページをリニューアルしました！！（パチパチ）

ふじこ

めちゃめちゃ時間もかかったけど…大満足の出来！！

そもそも何故、個人で運営している雑記ブログのトップページをサイト型にしたのか。
カスタマイズはどの様にして進めていったのか。
当サイトがワードプレス無料テーマのcocoonを利用して、現在の形になるまでの経緯を書き留めていこうと思います。

さらに実際にカスタマイズするため、ありがたいことに「コピペOK」と称して詳しいやり方をご紹介されているサイトがたくさんあるので、私が参考にしたブログやサイトを合わせてご紹介していこうと思います。

【cocoonサイト型】リニューアルしたトップページのこだわりポイントやデザインのヒント

ベースはそこまで変更していませんが少しトップページのデザインをリニューアルしたので、ご報告も兼ねて今回のデザインのこだわりポイントと、デザインイメージを実現できたヒントをご紹介していきます。

fujicolife.com

2024.08.06

そもそも何故トップページをサイト型にしたの？

実は…、当サイトは開設して既に７ヶ月が経とうとしています。それなのに記事数は数えられる程度だし、それでものすごくPVを稼いでいるかと言われるともちろんそんなことはありません。

ブログを始めたきっかけも、たまたま友人がブログをやっていて「私もやってみようかな」なんてふわっとした理由で。ぶっちゃけ初めは記事のカテゴリーもしっかり考えておらず、今思えば無計画にも程がありました…。

そんな私も今年に入って、心機一転（？）。

せっかく始めたブログ運営。本気出してやらなきゃ！と、謎にスイッチが入り、じゃあまずは何する？となった時に、”サイトのデザインを整える”ということに着目しました。

元々イラストを描くことが好きで、ブログのアイキャッチは自身で描いたイラスト素材を使って制作し、統一感と独自性を重視してきました。するとどうでしょう。

「イラストに合わせたカラーでボタンの色も変えてみたいなあ…。」

「見出しも調べたらいろんなデザインにすることが出来るんだなあ…。（検索ぽちー）」

え…？

「cocoonでこんな素敵なサイトのデザインが作れるの！？
　（…ｳｽﾞｳｽﾞ）やってみたい！！！！！」

…と、こんな流れで、私のcocoonカスタマイズの門は開かれたのでした。

ふじこ

Webデザインには興味があったのでちょうどいい機会だ…！

要するに自分の気に入ったデザインでブログ運営できるならそっちの方が更新のモチベーションにも繋がるし、自分自身が楽しめるブログでないと、他人様に気に入ってもらおうなんておこがましい話だなということで、私はまずサイトデザインのカスタマイズに挑戦することを決めました。

Webデザイン、やったことあるの？

さて。

サイトのデザインをカスタマイズ出来ることを知り、早速何から始めようかとまずはGoogle先生で検索してみたところ、ある問題にぶち当たりました。それは…、

知識が全くなかったこと。

だってね。
「cocoon 見出し カスタマイズ」と調べて出てきた記事を見てみたら、見出しには【コピペOK】なんて書いてあるもんだから、こちとら楽勝じゃん♪と勘違い。蓋を開けてみれば見たことのない英単語がずらり。

HTML？CSS？なんじゃそりゃああああああ！！！

そうです。私、今年に入った時点ではWebデザインの知識は全くのゼロなのです。（ここでいうカスタマイズ作業は「コーディング」と呼ばれるのかな）学校の授業でも、独学でも。今まで生きてきた中で一切触れてこなかったのです。

ふじこ

そんな私でもここまで形にすることが出来ました！

では、具体的にどの様にして作業を進めていったのか。
もっと効率いいやり方あるんじゃ…？となる点もあるかもしれませんが、初心者なりにあーでもないこーでもないといった試行錯誤する時間も楽しかったりするので。あくまで個人的なやり方ということだけ頭の片隅に入れていただきながら読んでいただけると嬉しいです。

let’s！カスタマイズ！

さあ、決心が固まったところで早速作業に取り掛かりましょう！

まずは大まかなイメージを決める

どんなトップページにしたいのか？

かっこいい系？可愛い系？おしゃれ系？

まずは自分の作りたいイメージを固めるところから始めます。ここがブレてしまうとデザインも「これじゃない感」が出てきます…。
素敵なサイトはどんなカテゴリーであっても”統一感”があるのです。

私のブログはカテゴリーとしては主に「ガーデニング」と「暮らし」について。後は自分で描いたイラストもデザインの一部にしたいなと考えていたので、かっこいいというより可愛いイメージかな？

…と、このように箇条書きでもいいのでイメージを書き出していくと最終的にまとめやすいです。

参考にしたいブログやサイトを探してみる

自分のやりたいデザインの方向性が決まれば、次はお手本を探してみましょう。

デザインのヒントは様々なところから得ることが出来ますよ。
まずはお手軽にGoogleで画像検索。

なぜ画像検索なのか。それは自分の好みのデザインが一目で探せるから！
例えば使われているテーマカラーだったり、フォント等文字だけで探すよりアイキャッチから探した方がサイトのイメージも湧きやすいですよね。

私はcocoonを使用していたので、「cocoon カスタマイズ おしゃれ」で出てきた記事から自分好みのデザインを探しました。

そこでまず見つけたのがyokoさんのブログ。

おしゃれなアイキャッチに惹かれサイトに飛んでみれば、シンプルでスッキリしたデザインにイエローがアクセントとなって爽やかでとても見やすいページとなっており、センスがあるってこういうことなのかーと思わずにはいられなかったとても素敵なブログです。
私もyokoさんの記事を参考にトップページの一部をカスタマイズしました。（ページ下部のデザイン）

このカスタマイズの方法は下記の記事で詳しく説明して下さっているので、気になる方は是非ご覧ください。

【Cocoon】Google検索を駆使してサイト型トップページを作ってみた

今回は「Cocoonでサイト型トップページを作る方法」について書いてみました。ちなみにですが、当ブログのトップページはタイトルにある通り「Google検索」を駆使して出来上がっているため、参考サイトの紹介が多めになっています。

yoko51.com

次に、yokoさんのページから知ったはっちゃんさんのブログ。

cocoonのカスタマイズと言えばこの方！と言っても過言ではないはっちゃんさん。まず訪問した瞬間目に飛び込んでくる素敵なデザインに私は目を奪われました…。同じテーマを使っているとは思えない…！

はっちゃんさんのブログはまさに私のようなカスタマイズ初心者にも分かりやすく丁寧に説明が書かれており、一から十まではっちゃんさんのブログ内で解決出来るくらいカスタマイズについての記事が豊富なので、気になる方は是非一度と言わず何度も訪問するべきサイトです！そして何よりお人柄が良い…。超初歩的な質問にも丁寧に答えて下さったり、私のカスタマイズが完成させられたのもはっちゃんさんのサポートがあったからです…。本当にありがとうございました！

私が特に参考にさせていただいた記事はこちら。
一部有料コンテンツも含みますが、金額以上に有意義すぎる内容です！

Cocoonサイト型トップページの作り方｜シンプル＆おしゃれデザイン【HTML・CSSコピペOK】

更新情報（2026/02/15）リンクボタンのスタイルを修正しました。Cocoonでサイト型トップページは作れる？結論から言うと、Cocoonでもサイト型トップページは作れます。この記事で作れるトップページは、次のような構成です。新着記事一...

turicco.com

超簡単！Cocoonブロック機能でサイト型トップページを作る方法｜コード最小限・初心者向け

Cocoonでオリジナルのトップページを作りたいけど、どこから始めればいいの？そんな方は、サイト型トップページ全体の構成やメリットをまとめたページ Cocoonで作るサイト型トップページガイド｜ブロック版とHTMLカスタマイズ も合わせてチ...

turicco.com

Cocoonでフルワイド（幅いっぱい）にする方法｜全幅表示＋背景デザインの作り方

背景が端まで広がらない余白が消えない横スクロールが出てしまうCocoonでフルワイド（全幅）デザインを作ろうとすると、このあたりでつまずく方が非常に多いです。設定を変えても思ったように広がらず時間だけかかってしまうケースも少なくありません。...

turicco.com

最後に私がトップページをカスタマイズする上で、デザインとしてすごくインスピレーションを受けたサイトがコイケさんのブログ。

コイケさんのブログははっちゃんさんの記事から見つけました。
そんなコイケさんのサイトは、上記で紹介したお二人のサイトとはまた一変。シンプルなデザインの中に遊び心があるというか。とにかくデザインが可愛い…！記事ページのフレームが本を開いた様なデザインになっていたり、鉛筆がゆらゆら動いていたり…。「コイケノート」というブログタイトル通りコンセプトに合ったデザインで、何度も訪れたくなるようなサイトなのです。

私もこんな見ていてワクワクするようなデザインに出来たらいいなあ…といった思いから、本格的にカスタマイズを始めるきっかけとなりました。

私のトップページも一部こちらの記事を参考にカスタマイズしました。（新着記事の部分）

【Cocoon】新着記事を2カラムにして最新記事を目立たせる設定方法【カスタマイズ不要】

Cocoonブロックの「新着記事」を使用し、左に最新の1記事、右に2記事目〜4記事目を表示する超簡単な方法です。

koikenote.com

このやり方はhtmlなどは使わず【カスタマイズ不要】とのことだったので、気軽に挑戦出来ましたよ！

予備知識をつけよう

すでにhtmlやCSSの知識がある方は不要ですが、私のようにまず
「HTML」の意味から覚えなきゃいけないような超初心者の方々へ。

HTMLとは、HyperText Markup Languageの略で、マークアップ言語の1つです。マークアップとは、文章の構成や役割を示すことを意味します。HTMLはWebサイトを作成する際に、コンピューターへ構成指示を出し、表示したい文章や写真などの情報を形作ります。

引用元:ユーキャン

ちなみに合わせて使う「CSS」とは、

CSSとは、Cascading Style Sheetsの略で、HTMLを装飾してWebサイトをきれいに見せる役割があります。HTMLとCSSの違いは指定する対象で、HTMLは文書の構造を、CSSは色やサイズなど装飾を指定します。CSSはHTMLのように単体では使用できず、必ずHTMLとセットで使用します。

引用元:ユーキャン

やりたいデザインのイメージが固まり、サイトのお手本もいくつか見た。そしてやっと作業に取り掛かるぞ！…となっても意味を理解できないまま作業なんて出来ないですよね。
コードがコピペOKだったとしても、ある程度単語を理解していないとどんどん訳が分からなくなっていく…なんてことになりかねません。

ですので、私はとにかく出てくる単語の意味を都度調べるという作業も同時にこなしました。もちろんまだ完璧に理解した訳ではありませんが…。ある程度「この単語はどこのことを指しているのか」ということは理解できるようになりました。すごい進歩！！！（自画自賛）

ふじこ

やっぱり学ぶことって楽しいんだよなあ〜♪

正直この作業も面倒だなあ…と思っちゃう方にはあまりカスタマイズはおすすめ出来ません。新しいことを始めるってこういう地道な努力も少なからず必要だなと思うので。ぜひ楽しみながらカスタマイズをやってみましょう！

ちなみにこんな本を購入しました。
初心者にも分かりやすく、基礎の基礎から丁寧に説明があるのでかなり読みやすかったです！

実装したいCSSを探そう

基本的な知識が入ったところで、いよいよカスタマイズをしてみましょう！

例えば。
比較的カスタマイズしやすい見出しのデザインを変えてみたい。そんな時はGoogleで、

「見出し　CSS　下線」

と、検索すれば見出しに下線が入ったデザインがズラッと出てきます！この時にまた画像検索すれば好みの感じを直感で探しやすいですよ。

後はサイト先でHTMLとCSSをコピペさせていただき、自身のサイトに実装するだけ！

…と、めちゃくちゃ簡単に説明してますが。
じゃあ実際どうすんのよ！？ということなんですが、はっちゃん大先生がこれまた詳しくカスタマイズのやり方を記事にされているので是非参考にしてみて下さい。

見出しデザインをおしゃれにカスタマイズ【Cocoon対応・CSSサンプル付き】

更新情報（2026/02/08） 一部CSSを微調整しました見出しデザインを変えるだけで、記事の読みやすさや視認性は大きく変わりサイト全体の印象もアップします。この記事では、WordPress（無料ブログ含む）で使える見出しデザインのサンプ...

turicco.com

私もカスタマイズを実装するにあたって、根本的なやり方は毎度Googleで調べたり、参考書片手に確認しながらの作業をしています。ぶっちゃけ詳しい解説が出来る程私も詳しくないので…。今回は割愛させて下さい。

ふじこ

もっともっと勉強するぞーっっ！！！

サイト型トップページにして何か変わった？

とうとうサイトのカスタマイズが完成し、初めてページ公開した日。

「やっと完成出来たー！」とXでポストしたのですが、あれよあれよという間にたくさんのいいねやお褒めの言葉も一緒にいただけて！気づけば今まで見たことの無い数のリアクションをいただいておりました…。

ふじこ

嬉しすぎる〜！！

サイトを見てXをフォローして下さった方もいて、（自分からフォローしにいけない小心者）ブログ仲間も増えてやる気もさらに上がったし、Xは交流もしやすいので家で一人で作業することがほとんどの私ですが、繋がりが増えたみたいで嬉しい変化になりました！

そして何より、カスタマイズしたことで更に自分のサイトが好きになれたこと。これが一番大きいです。
元々趣味の雑記ブログなので、カスタマイズは趣味の延長みたいな感じでのんびり進めたし、知識ゼロからのスタートは分からないことが多すぎて心が折れそうになる時もありました…。が、やはり分からないからこそ、インプットする時間もワクワク出来たし、初めてカスタマイズが反映出来た時のあの高揚感。パズルのピースがピタッとハマった時のような嬉しさ。なんだかゲームをしているような感覚で作業を楽しむことが出来ました。

この様に、少しでも自分のサイトを素敵にしてみたい！と考えている方には是非サイトのカスタマイズに挑戦してみてほしいです！！そして、今までカスタマイズに興味がなかった人も、「自分にも出来るかも…？」と、思えるきっかけになれたら嬉しいなと思います。

最後までご覧いただきありがとうございました！