Illustfolio Lumina - イラストレーターのための新しいポートフォリオサイトテンプレート
ここでは、設定しておくと何かと便利な、おすすめの設定項目やアイデアを紹介します。
すべてを行う必要はありませんが、ご自分に合いそうだと思ったものを取り入れてみてください。
Tumblrのユーザーブログには2種類のURLの見え方があります。
Illustfolio Luminaが使えるのは、Tumblr外部のURLのみです。そこで、Tumblr外部だけでなく「内部からどう見えるか」にも気を配っておくと、自己アピールの効果が高まります。
<aside> ℹ️ 「ブログのタイトル」「色」は、Illustfolio Luminaと設定が共用です。
「ブログの説明」と「ヘッダー画像」は、Illustfolio Luminaテーマには影響を与えません。Tumblr内部に限った見え方として設定できます。
</aside>
Tumblr内部ではページへのリンク（Illustfolio Luminaで画面右上に表示されるナビゲーション）を表示できません。
その代わりに「ブログの説明」内にaタグでリンクを貼る方法があります。
（下記のスクリーンショット参照）
詳しくはTumblrのヘルプをご覧ください。
ソーシャルアカウント以外で、自分に関連したサイト（例: コミッションや通販サイト）のリンクを貼りたいときは、以下の手順でナビゲーションに追加します。
これで、上部のナビゲーションにリンクが表示されるようになります。
<aside> 💡 この設定にはテーマのバージョンv0.1.5以上が必要です。
</aside>
Fontsourceを使って、1,000種類以上のフォントをタイトルや本文に設定できます。
同種のサービスにGoogle Fontsがあります。基本的な設定方法は同じです。
Fontsourceのサイトで使いたいフォントを選びます。
フォント詳細画面で [CDN] の [Copy CSS] で、コードをコピーします。
Tumblrの「ブログ設定」→「テーマの編集」で、テーマカスタマイズ画面を開きます。
[詳細設定] → [カスタムCSSを追加] に、コピーしたコードを貼り付けます。
[カスタムCSSを追加]に、以下のコードを追記します。括弧 [] 内は書き換えてください。
:root {
--font-title: '[使いたいフォントのfont-family]'; /* タイトル用フォント */
--font-body: '[使いたいフォントのfont-family]'; /* 本文用フォント */
}
自分の名刺にサイトのURLを載せると、名刺を渡した相手に見てもらえる可能性があります。
URLをそのまま名刺に載せても勿論よいのですが、QRコードも併せて載せておくことで、より簡単にアクセスしてもらうことができます。
QRコードを作成できるサービスはいくつかありますが、Adobeの無料ツールがシンプルでおすすめです。
<aside> ✍️ テーマの更新情報をニュースレターでお知らせしますので、登録をおすすめします。 頻度は1ヶ月に1通程度です。登録はいつでも解除できます。
</aside>
<aside> 🤯 操作につまづいたと感じたら: どこが分かりにくかったのか、ぜひ教えてください！ 改善に役立てます。 本ドキュメントのトップページ「フィードバック・問い合わせ先」からお知らせください。
</aside>
