Skip to content

Configuration

Setup

Now you need to update and config your website,for first you need to access on src/data open config.json files and change with your needed.

You can change title, description ,and others for your website.

JSON Files Example

{
"url": "insert your url domain in here",
"title": "Title for your website blog",
"description": "Description for your website and blog",
"favicon": "URL Image for favicon",
"image": "Image cover for twitter card and open graph url in here",
}

Json Code

"favicon": "/img/astrojs.svg",
"image": "/img/astro.svg",
"navbar": "Photo Art",
"nav_list": [
{
"nav": "Your navbar menu name",
"link": "URL For your navbar area"
},
{
"nav": "About",
"link": "/about"
},
{
"nav": "Add new nemu nav here",
"link": "URL Link for new nav menu in here"
}
],

output Navbar area

For add new navbar you can copy and paste from example code, for example look like this..

{
"nav": "New nav",
"link": "Link url new nav in here"
},

complete implementation code

"nav_list": [
{
"nav": "Home",
"link": "/"
},
{
"nav": "New nav",
"link": "Link url new nav in here"
},

Footer area

Json Files

"nav_footer":
{
"menu_1": "Menu",
"menu_2": "Social",
"menu_3": "Contact"
} ,
"social": [
{
"title": "Facebook",
"link": "https://www.facebook.com"
},
{
"title": "Youtube",
"link": "your youtubechanel url here.."
},
{
"title": "Instagram",
"link": "your instagram url in here.."
}
],
"contact":
{
"address": "Hollywood - presinteia , 77th",
"city": "Sesame Street",
"country": "Merduso - USA.",
"phone": "+62895339403223",
"email": "axcora@gmail.com"
}
}

output Footer area

Nav footer for header menu widget - Social for social widget area - Contact for contact widget area.


Page

Page JSON files is for change title and description for all your index page , like gallery , blog ,and others.

Json code

"page":
{
"blog_title": "Blog Update",
"blog_text": "Creative ART Blog Article",
"image_title": "Image Gallery",
"image_text": "Creative ART Image Gallery",
"video_title": "Videos Cinema",
"video_text": "Creative ART Videos Cinema ART",
"categories_title": "Categories",
"categories_text": "Creative ART blog Categories",
"tags_title": "Tags",
"tags_text": "Creative ART blog tags",
"concept_title": "Concept",
"concept_text": "Creative ART blog Concept",
"genre_title": "Genre",
"genre_text": "Creative ART genre",
"keyword_title": "Keyword",
"keyword_text": "Creative ART keyword",
"style_title": "Style",
"style_text": "Creative ART style",
"work_title": "Work",
"work_text": "Creative ART work"
} ,

Just change title and text with your needed, for update page title and description.


Json

Complete JSON Code Implementation

{
"url": "http://localhost:4321",
"title": "Creative Photo ART",
"description": "Berkarya lah dengan kegilaan yang mahal, bukan berkarya dengan kemahalan yang gila - The ART of Photography.",
"favicon": "/img/astrojs.svg",
"image": "/img/astro.svg",
"navbar": "Photo Art",
"nav_list": [
{
"nav": "Home",
"link": "/"
},
{
"nav": "About",
"link": "/about"
},
{
"nav": "Service",
"link": "/services"
},
{
"nav": "Gallery",
"link": "/gallery"
},
{
"nav": "Blog",
"link": "/blog"
},
{
"nav": "Contact",
"link": "/contact"
}
],
"nav_footer":
{
"menu_1": "Menu",
"menu_2": "Social",
"menu_3": "Contact"
} ,
"page":
{
"blog_title": "Blog Update",
"blog_text": "Creative ART Blog Article",
"image_title": "Image Gallery",
"image_text": "Creative ART Image Gallery",
"video_title": "Videos Cinema",
"video_text": "Creative ART Videos Cinema ART",
"categories_title": "Categories",
"categories_text": "Creative ART blog Categories",
"tags_title": "Tags",
"tags_text": "Creative ART blog tags",
"concept_title": "Concept",
"concept_text": "Creative ART blog Concept",
"genre_title": "Genre",
"genre_text": "Creative ART genre",
"keyword_title": "Keyword",
"keyword_text": "Creative ART keyword",
"style_title": "Style",
"style_text": "Creative ART style",
"work_title": "Work",
"work_text": "Creative ART work"
} ,
"social": [
{
"title": "Facebook",
"link": "https://www.fiverr.com/creativitas/"
},
{
"title": "Youtube",
"link": "https://www.fiverr.com/creativitas/design-your-modern-website-using-jekyll"
},
{
"title": "Instagram",
"link": "https://www.fiverr.com/creativitas/create-your-custom-website-and-app"
}
],
"contact":
{
"address": "Hollywood - presinteia , 77th",
"city": "Sesame Street",
"country": "Merduso - USA.",
"phone": "+62895339403223",
"email": "axcora@gmail.com"
}
}