Portafoglio
Client: Crosswinds Framework
Date: December 5, 2023
Category: WordPress Themes
![screenshots of various demo sites built with Portafoglio](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/12/portafoglio-cover-psd-1024x576.png&nocache=1)
The Portafoglio theme was the first WordPress premium block theme I built, and it really taught me a lot about how to create block themes.
In addition to the design challenges for crafting a good theme for a freelancer’s website, I also had to learn how to create a block theme in general. I learned that the process has to be different for block themes.
Instead of spending the vast majority of my time in PHP and CSS, I need to build out patterns and template parts in the block and site editors first and copy them over to the theme files. And to be honest, I find that a lot more fun than writing PHP and hoping that works while reloading the page constantly.
The end result was a wonderful theme that works for any freelancer, whether they are a photographer, videographer, writer, designer or work in another field. And I became a much better WordPress block theme developer.
![Screenshots of the various block patterns in the patterns modal for the Portafoglio WordPress](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/02/portafoglio-block-patterns.png&nocache=1)
![Screenshots of the blog page and single post templates with various theme variations for the Portafoglio WordPress theme](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/02/portafoglio-custom-blog.png&nocache=1)
![Screenshots of the portfolio page template and single portfolio templates with various theme variations for the Portafoglio WordPress theme](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/02/portafoglio-custom-portfolio.png&nocache=1)
![Screenshot of the design website theme demo for the Portafoglio WordPress theme](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/02/portafoglio-design-home-1024x768.png&nocache=1)
![Screenshot of the various possible headers and footers for the Portafoglio WordPress theme](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/02/portafoglio-header-footer-1024x1024.png&nocache=1)
![Screenshots of the site editor, patterns modal and homepage template for the Portafoglio WordPress theme](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/02/portafoglio-no-code-customize-1024x1024.png&nocache=1)
![Screenshot of the homepage for the personal website demo for the Portafoglio WordPress](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/02/portafoglio-personal-home-1024x768.png&nocache=1)
![Screenshot of the homepage for the photography demo site for the Portafoglio WordPress](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/02/portafoglio-photography-home-1024x768.png&nocache=1)
![Screenshot of page templates for the Portafoglio WordPress](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/02/portafoglio-starting-guide.png&nocache=1)
![Three screenshots from the Portafoglio WordPress theme](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/02/portafoglio-updated-hero.png&nocache=1)
![Screenshot of the homepage for the video demo site for the Portafoglio WordPress](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/02/portafoglio-videography-home-1024x768.png&nocache=1)
![Screenshot for the writer demo site for the Portafoglio WordPress](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/02/portafoglio-writing-home-1024x768.png&nocache=1)
![Screenshots of Portafoglio in the WordPress site editor](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/12/portafoglio-editor-1024x1024.png&nocache=1)
![Screenshot of the page patterns screen in Portafoglio](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/12/portafoglio-page-patterns-1024x1024.png&nocache=1)
![Screenshots of the many patterns that come with Portafoglio](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/12/portafoglio-patterns-1024x576.png&nocache=1)
![Screenshots of the portfolio page template and single portfolio templates with various theme variations for the Portafoglio WordPress theme](https://jacobmartella.com/wp-content/webpc-passthru.php?src=https://jacobmartella.com/wp-content/uploads/2023/12/portafoglio-portfolio.png&nocache=1)