Design & Styles
-
Change the position of your menu
By default, the menu of your site displays at the top of your site. The menu contains your logo and links to your pages. Learn how to change its position.
Portfoliobox 4 | 学ぶ Design & Styles Navigation, Menu, and Logo | Created on: February 20, 2021
-
Add & delete links in the menu
Your menu helps your visitors to easily navigate your website. Adding links to your menus will give them direct access to your content. When a page is created,
Portfoliobox 4 | 学ぶ Design & Styles Navigation, Menu, and Logo | Created on: February 20, 2021
-
Adding a logo
The logo is part of your menu and its position depends on the menu template you use. You can choose to upload an image to replace to the text logo. By default
Portfoliobox 4 | 学ぶ Design & Styles Navigation, Menu, and Logo | Created on: February 20, 2021
-
Hide the menu on certain pages
By default, your website has a menu displayed at the top of your site. You canchange its positionor hide it from a page. To hide the menu from a page:
Portfoliobox 4 | 学ぶ Design & Styles Navigation, Menu, and Logo | Created on: February 20, 2021
-
Edit the global styles of your site
Style changes are edits to the look of your site, like fonts, colors, backgrounds and spacing. You can make default style changes under the Settings tab.
Portfoliobox 4 | 学ぶ Design & Styles Layout & Styles | Created on: February 22, 2021
-
Edit an element of your site
Whenever you mouseover an element on your page, you will see an edit icon. This icon allows you to access the specific element's option.
Portfoliobox 4 | 学ぶ Design & Styles Colors and Fonts | Created on: February 22, 2021
-
Margins, padding & position
You can easily fine-tune your website by editing the margins, padding or position of elements on your page.
Portfoliobox 4 | 学ぶ Design & Styles Layout & Styles | Created on: February 22, 2021
-
Advanced styles
If you are a Pro or Pro Plus user, you have access to Advanced Styles. Here is a sum up of what is included in Advanced Styles.
Portfoliobox 4 | 学ぶ Design & Styles Colors and Fonts | Created on: February 22, 2021
-
Units in Portfoliobox 4
When editing elements of your page such as font size or margins, you might notice that some measurement values are not using pixel which is an absolute unit
Portfoliobox 4 | 学ぶ Design & Styles Layout & Styles | Created on: February 22, 2021
-
Units in Portfoliobox 4
When editing elements of your page such as font size or margins, you might notice that some measurement values are not using pixel which is an absolute unit
Portfoliobox 4 | 学ぶ Design & Styles Colors and Fonts | Created on: February 22, 2021
-
Add a Site Icon
Site Icon is also called favicon (short for “favorite icon”). It is an icon that is displayed on a browser tab next to a website's page title. To upload a
Portfoliobox 4 | 学ぶ Design & Styles Other design settings | Created on: February 22, 2021
-
Customise the wording of your site
Do you want to change the default labels in your CV page, change the "Send" button to another word or customize the wordings or language in your website?
Portfoliobox 4 | 学ぶ Design & Styles Other design settings | Created on: February 22, 2021
-
Edit the mobile style of individual elements
You can edit the way a specific element displays on mobile devices. Editing the mobile styles of a specific element will prevail over the global mobile settings
Portfoliobox 4 | 学ぶ Design & Styles Responsive Design & Mobile Style | Created on: February 22, 2021
-
Create a drop-down menu (sublinks)
A drop-down menu allows you to add sub-menu links that will be placed below the main menu link. Such links are a great tool to create a sense of hierarchy
Portfoliobox 4 | 学ぶ Design & Styles Navigation, Menu, and Logo | Created on: June 2, 2021
-
Edit the mobile version of your site
There are several ways to edit the mobile version of your site. You can edit it directly in the mobile preview or from the Global Mobile Styles.
Portfoliobox 4 | 学ぶ Design & Styles Responsive Design & Mobile Style | Created on: September 8, 2021
-
Mobile preview
You can preview how your site appears on mobile devices by clicking the mobile preview button at the lower left corner of your admin panel.
Portfoliobox 4 | 学ぶ Design & Styles Responsive Design & Mobile Style | Created on: September 8, 2021
-
Edit the global mobile styles
You can edit the default mobile styles, which will apply to your entire mobile site, or the style of specific elements on your site.
Portfoliobox 4 | 学ぶ Design & Styles Responsive Design & Mobile Style | Created on: October 11, 2021
-
Add animations to your website
Animations help you improve the user experience, highlight an element, or simply bring some motion to your website.
Portfoliobox 4 | 学ぶ Design & Styles Layout & Styles | Created on: January 27, 2022
-
Add animations to your website
Animations help you improve the user experience, highlight an element, or simply bring some motion to your website.
Portfoliobox 4 | 学ぶ Design & Styles Other design settings | Created on: January 27, 2022
-
Default margins
All templates have the same default margins when a page or a section is created. Pages with multiple sections looks neat since elements are properly aligned.
Portfoliobox 4 | 学ぶ Design & Styles Layout & Styles | Created on: March 9, 2022
-
Ready-made styles
You can use ready-made color and font combinations for your site. A ready-made combination will reset all Global colors and fonts of the site.
Portfoliobox 4 | 学ぶ Design & Styles Colors and Fonts | Created on: September 23, 2022
-
Copy / Paste styles
You can copy the style of an element and paste it into another element, even a different type.
Portfoliobox 4 | 学ぶ Design & Styles Layout & Styles | Created on: September 28, 2022
-
Copy / Paste styles
You can copy the style of an element and paste it into another element, even a different type.
Portfoliobox 4 | 学ぶ Design & Styles Colors and Fonts | Created on: September 28, 2022
-
Choose Standard System Fonts for your website
Standard System Fonts are stored locally on your device, as they are the default system fonts for both Windows and Mac systems.
Portfoliobox 4 | 学ぶ Design & Styles Colors and Fonts | Created on: September 29, 2022
-
Multilingual website
You can create a multilingual website with Portfoliobox. It requires creativity and a bit of organisation.
Portfoliobox 4 | 学ぶ Design & Styles Other design settings | Created on: October 14, 2022
-
Understand Styles
Understand the different styling options in Portfoliobox: Global styles,Element Styles, and Section Styles.
Portfoliobox 4 | 学ぶ Design & Styles Layout & Styles | Created on: November 7, 2022
-
Understand Styles
Understand the different styling options in Portfoliobox: Global styles,Element Styles, and Section Styles.
Portfoliobox 4 | 学ぶ Design & Styles Colors and Fonts | Created on: November 7, 2022
-
Understand menu and navigation
Your menu helps your visitors to easily navigate your website. Adding links to your menus will give them direct access to your content.
Portfoliobox 4 | 学ぶ Design & Styles Navigation, Menu, and Logo | Created on: November 11, 2022
-
Template settings
When creating a Portfoliobox website, you will choose a style: Minimalistic, Medium, or Large. The style chosen will affect different elements of your website.
Portfoliobox 4 | 学ぶ Design & Styles Colors and Fonts | Created on: March 22, 2023
-
Add a footer to your site
A footer is a section visible at the bottom of your site on all pages. If you edit it on one page, it will also be edited on all pages.
Portfoliobox 4 | 学ぶ Design & Styles Footer - Portfoliobox 4 | Created on: May 29, 2023
-
Delete the footer from your site
You must delete the section(s) added to the footer to delete a footer. Deleting the footer on one page will delete it on all your pages.
Portfoliobox 4 | 学ぶ Design & Styles Footer - Portfoliobox 4 | Created on: May 29, 2023
-
Hide the footer on particular pages
Hiding the footer on certain pages can be done from the page settings.
Portfoliobox 4 | 学ぶ Design & Styles Footer - Portfoliobox 4 | Created on: May 29, 2023
-
Footer sections vs. footer
Footer sections. vs. footer Footer sections. vs. footer Footer sections. vs. footer
Portfoliobox 4 | 学ぶ Design & Styles Footer - Portfoliobox 4 | Created on: May 29, 2023
-
Dynamic Hover Effects for your menu
Add a dash of animation to your menu links. Choose from 10 unique hover effects. Available for main menu links and Links element.
Portfoliobox 4 | 学ぶ Design & Styles Navigation, Menu, and Logo | Created on: August 29, 2023
Create your first website
Sign up to Portfoliobox
Create your first page
Summary of page types
Understand pages, sections, & elements
Add content to your website
Add a section to a page
Add an element within a section
Integrations & third-party elements
Add Image and Video content
Duplicate your content
Organise your content
Set a Startpage for your site
Unpublish / publish a page
Change the URL of a page
Understand menu and navigation
Create a link page
Style your content
Margins, padding & position
Edit the mobile version of your site
Ready-made styles
Understand Styles
Publish your site
Preview your site before publishing it
Publish your site
Choose a domain name
Connect a custom domain
Account & Subscription
Migration to Portfoliobox 4
Choose the right plan
Upgrade your site
Your subscription
Search Engine Optimisation
What is SEO?
Google Search Console
Improve your site visibility
Add Alt-text to your images
-
Create your first page
After signing up, the first thing you want to do is to create your first page. Setting up your first page is not difficult at all, depending on your content
Portfoliobox 3 | Getting Started with Portfoliobox 3 Sign up and Log in - Portfoliobox 3 | Created on: January 30, 2021
-
Creating a blog
A blog is an online journal that you can share your updates and ideas with your website visitors. It's a good idea to have a blog on your website - it is good
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
Create a blog post
A blog post is an individual entry of your online journal on your Portfoliobox website. In a blog post, you can add different types of content block, upload
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
Save a post as a draft
Making a draft or setting your post as unpublished is a great feature where you can set your post to not be visible in public while you are still working on it.
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
Change the order of the posts
The order or placement of your post is determined by the date set of your post. The most recent post will be placed at the top followed by the older posts.
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
Edit a blog post
To edit a blog post on your blog, simply follow the steps below: Select the blog page you wish to edit by going to Your Content > Pages. Afterwards, select the
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
Add tags to a blog post
Tag is used to label or give an identification to your post. It gives your visitors an idea of what your post is about. Another benefit of using a tag is to
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
Disable comments of a blog post
Comments can help you get feedback from your visitors about your blog posts and improve visitor engagement. This feature is enabled automatically after creating
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
View all blog comments
To check all your blog post comments, simply go to the Cog Wheel Icon > Messages > Blog Tab > Comments. The information is placed in the following order:
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
Blog Teaser
Blog Teaser showcases some of the blog posts that can be seen on your blog. Once a visitor of your site clicks the blog post on this section, it will redirect
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
Portfoliobox ${pbVer}: Search Result
-
${data.post_title}
${data.post_meta_description}
${formatDate(data.post_created_at)} | ${data.parent_title} ${data.child_title}