🇬🇧 English

🇯🇵 日本語

Illustfolio Lumina Docs


Getting Started

Posting Works

Customizing

Creating Pages

Publishing the Site

Recommended Settings

Update the Theme

FAQ

Release Notes


Illustfolio Lumina - The Portfolio Site Template for Illustrators

Illustfolio Lumina / Legal

I introduce recommended settings and tips. You don't have to do everything, but try incorporating the ones that you think suit you.

Enhancing Your Internal Tumblr Profile

There are two types of URL appearances for Tumblr user blogs.

Illustfolio Lumina can only be used with the external Tumblr URL. Therefore, not only the external view but also paying attention to how it looks internally can enhance your self-appeal.

How to Fill in Your Internal Tumblr Profile

<aside> ℹ️ "Blog Title" and "Color" are shared settings with Illustfolio Lumina.

"Blog Description" and "Header Image" do not affect the Illustfolio Lumina theme. You can set them as views limited to within Tumblr.

</aside>

How to Add Page Links to Your Internal Tumblr Profile

You cannot display links to pages (navigation shown at the top right in Illustfolio Lumina) internally on Tumblr.

Instead, you can add links using the a tag within the "Blog Description."

(See the screenshot below)

https://prod-files-secure.s3.us-west-2.amazonaws.com/7d4dae6a-6078-4b08-81a4-4a5d38eae500/d83d85cf-717b-489d-8c6c-5b917d65b518/スクリーンショット_2024-07-17_0.19.31.png

https://prod-files-secure.s3.us-west-2.amazonaws.com/7d4dae6a-6078-4b08-81a4-4a5d38eae500/c0e15840-75c8-40e6-91de-1a5db85e225b/IMG_5100.jpg

For more details, please refer to Tumblr's help.

Blog Pages

Adding Links to Commission or Online Store Sites

If you want to add links to sites related to you (e.g., commission or online store sites) other than social accounts, follow these steps:

This will display the link in the top navigation.

https://prod-files-secure.s3.us-west-2.amazonaws.com/7d4dae6a-6078-4b08-81a4-4a5d38eae500/3055fd1b-8107-4cff-b249-f7db7d85db90/スクリーンショット_2024-07-17_21.04.30.png

Using fonts not available on Tumblr

<aside> 💡 This setting requires theme version v0.1.5 or higher.

</aside>

Using Fontsource, you can set over 1,000 fonts for titles and body text.

A similar service called Google Fonts is also available. The basic setup process is the same.

:root {
  --font-title: '[font-family you want to use]'; /* Title font */
  --font-body: '[font-family you want to use]'; /* Body text font */
}

Create a QR code and put it on your business card

Putting your site's URL on your business card increases the chance that people you give your card to will visit your site.

While it's fine to simply put the URL on the business card, including a QR code alongside it can make it even easier for people to access your site.

There are several services that can create QR codes, but Adobe's free tool is simple and recommended.

Free Online QR Code Generator | Adobe Express

<aside> 🤯 Having trouble?

Did you encounter any difficulties? Please let me know! You can inform me through the ‘Feedback/Contact’ section on the top page of this document.

</aside>