05 Change the Order of Sections

Reorder Sections

Step 1: Open data/site.json. Find the sections array. The order of entries determines the display order on the page.

    "sections": [
        {
            "file": "data/about.json",
            "id": "about",
            "enabled": true
        },
        {
            "file": "data/publications.json",
            "id": "publications",
            "enabled": true
        },
        {
            "file": "data/research.json",
            "id": "research",
            "enabled": true
        },
        {
            "file": "data/education.json",
            "id": "education",
            "enabled": true
        },
        {
            "file": "data/contact.json",
            "id": "contact",
            "enabled": true
        }
    ]
}

Step 2: Move entries up or down to change the order. For example, to show Contact before Research, move the contact entry above research:

    "sections": [
        {
            "file": "data/about.json",
            "id": "about",
            "enabled": true
        },
        {
            "file": "data/publications.json",
            "id": "publications",
            "enabled": true
        },
        {
            "file": "data/contact.json",
            "id": "contact",
            "enabled": true
        },
        {
            "file": "data/research.json",
            "id": "research",
            "enabled": true
        },
        {
            "file": "data/education.json",
            "id": "education",
            "enabled": true
        }
    ]
}

Step 3: Save the file and refresh your browser. The sections will appear in the new order.