Yuuga Theme

Appearance

Tutorials ​

WARNING

Some tutorials here require code editing. If you need support, feel free to contact us at the email address specified in the README or package.json file.

How to get the Yuuga theme folder ​

  1. Download the yuuga.zip via email or Gumroad Library after purchasing the theme. If you have made changes to the source code and want to keep it, download the current running Yuuga theme
  2. Extract the downloaded zip to a folder, let's say yuuga

    WARNING

    Some unzip tools will default extract into the current folder, and others will extract into a new folder. So be careful.

  3. Now you have the Yuuga theme folder, yuuga, and you can follow the tutorials here or start development
  1. Go to the Yuuga theme folder
  2. Open the default.hbs file in your code editor (we recommend VSCode)
  3. Search Add more social links below in the file using your code editor's search feature for a quick search
hbs
                            </a>
                        </li>
                    {{/if}}

                    {{!-- Add more social links below --}}
                </ul>

                {{navigation type="secondary"}}
            </div>
  1. After filling out the form below, paste the following code snippet beneath the Add more social links below. Do the same thing if you want to add more links!



* Required

TIP

You can find and copy social media SVG icons from Remix Icons, Mage Icons, Box Icons, etc.

hbs
<li>
    <a href="" target="_blank" aria-label="">
        
    </a>
</li>

TIP

Save the links that you have created in your notes. This will be very helpful if you want to update the Yuuga theme in the future.

  1. Save the changes and then zip the theme again
  2. Upload the zip file to see the changes

How to change the default number of posts per page/load ​

The default number of posts per page/load in the Yuuga theme is 6 posts. You can change this number by following the steps below.

  1. Go to the Yuuga theme folder
  2. Open the package.json file in your code editor (we recommend VSCode)
  3. Search the posts_per_page property in the file using your code editor's search feature for a quick search
json
{
  // ...
  "config": {
    "posts_per_page": 6
    // ...
  }
}
  1. Replace the value with the expected number
  2. Save the changes and then zip the theme again
  3. Upload the zip file to see the changes