Getting Started with the Web Developer Starter Site

This Starter Site template is an ideal solution for web developers or any other type of freelancers who want a portfolio site for their services. With a contemporary design style, mono-typography,  and rich customization options, it comes in both Gutenberg and Elementor versions.

Demos: Gutenberg / Elementor

🧩 Integrations

The Web Developer starter site uses a very simple setup that is based on Neve’s customization options and Otter Blocks. All layouts have been created as static pages, so you can easily replace them with your own content. Layouts for Post Archives and Single Posts are powered by Neve’s customizer.

Blog Archive

Single Post

📝 Note: Read more about using Neve Single Post options in this doc.

🧰 Customizations

Change Styles

A great way to quickly customize your starter site is through Neve’s Customizer (in Neve > Customize). Try out the different font presets under the “Typography” panel and the different Color Palettes located under “Colors and Background”. These will result in a completely new look and feel within seconds.

📝 Note: Read more about Neve Typography here.

📝 Note: Read more about Neve Global Colors here.

Single Portfolio

Portfolio layouts are provided as static pages, and do not follow a template. You can start editing the content of the existing pages and replace it with your own. If you want to create a new portfolio item, you can duplicate a page and replace the content.

Portfolio Page

There are two variations provided in your portfolio layout; feel free to pick the one that works best for you.

Creating Custom Post types

You can also create a more advanced setup by creating a custom post type for your portfolio items, and use Neve Custom Layouts to create dynamic templates for this new post type.

📝 Note: For creating new post types, you can use a plugin like Pods – Custom Content Types and Fields - Plugins.

Custom CSS

The starter site makes use of a tiny amount of custom CSS to make minor design adjustments (mainly add border)on some elements. You can find it under the “Additional CSS” panel in the Customizer.

🗂 Useful Resources

Here are some articles from our blog that are related to this starter site. Have a look and get inspired to take your website to the next level.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us