Illustfolio Lumina - The Portfolio Site Template for Illustrators
I introduce recommended settings and tips. You don't have to do everything, but try incorporating the ones that you think suit you.
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.
<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>
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)
For more details, please refer to Tumblr's help.
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.
<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.
Choose the font you want to use on the Fontsource.
On the font details page, click on [CDN] and copy the code under “Copy CSS”.
Open the Tumblr “Blog Settings” ➔ “Edit Theme” to open the theme customization screen.
[Advanced Settings] ➔ [Add Custom CSS], then paste the copied code.
After adding the custom CSS, add the following code. Please replace the text inside the brackets [ ]
.
:root {
--font-title: '[font-family you want to use]'; /* Title font */
--font-body: '[font-family you want to use]'; /* Body text font */
}
For example, if you want to use "Literata" for the title and "Outfit" for the body text, the settings would be as follows:
After confirming that the fonts are applied correctly, press "Save" to save the design.
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>