--- title: "How to create Website Portfolio/Showcase Page in WordPress?" url: https://nexterwp.com/docs/create-website-portfolio-showcase-page-in-wordpress/ date: 2023-02-22 modified: 2026-04-15 author: "Aditya Sharma" description: "Are you a creative professional looking to showcase your work in an attractive and organised way?  A portfolio page is one of the most effective and efficient ways to present..." image: https://nexterwp.com/wp-content/uploads/2024/05/create-website-portfolio-showcase-page-in-wordpress-1024x519.jpg word_count: 408 --- # How to create Website Portfolio/Showcase Page in WordPress? ## Key Takeaways - Nexter Blocks includes the Dynamic Device block, which helps create portfolio pages with image scrolling effects. - The Dynamic Device block requires installation and activation as part of Nexter Blocks to access its features. - Users can enhance their portfolio page by selecting a tall vertical image for optimal scrolling effects. Are you a creative professional looking to showcase your work in an attractive and organised way?  A portfolio page is one of the most effective and efficient ways to present your portfolio to prospective employers, clients, and peers. Portfolios serve as an introduction to you and your work and help demonstrate your capabilities and creativity. WordPress is one of the most popular platforms for creating websites and can be a perfect choice for creating your portfolio/showcase page. But creating a portfolio/showcase page in the default WordPress block editor can be challenging. For this, you can use the Nexter Blocks. It has a suite of powerful blocks, such as the Dynamic Device block, which can help you create fantastic portfolio pages. *To check the complete feature overview documentation of the Nexter Blocks* Dynamic Device block, [click here](/docs/dynamic-device-block-settings-overview/). ***Requirement  - This block is a part of the Nexter Blocks*, make sure its installed & activated to enjoy all its powers.** [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-device-mockups/) To create a portfolio page in WordPress using The Dynamic Device block, follow the steps -  1. To create a page, go to **Pages** > **Add New **from the dashboard. 2. In the page title, add **Portfolio** and click on the **Publish** button. 3. Add the Container block from the Nexter Blocks and choose your preferred column layout. 4. Then, add the Dynamic Device block to one of the columns. 5. From the **Layout** section, choose **Normal**. After selecting the appropriate device type and mockup, go to **Content Type **and choose **Image **from the section. 6. Now, add your image from the **Upload Image** section. ![](https://nexterwp.com/wp-content/uploads/2023/02/dynamic-device-normal-image-vertical-new.png) > *Note: Make sure to choose a tall vertical image for a good scrolling effect. You can use this *[*free tool *](https://screenshot.guru/)*to create long website screenshots from a url.* 7. Now go to **Style** > **Image** and turn on the **Scroll Image** toggle. This will make your image scroll when someone hovers over it. ![](https://nexterwp.com/wp-content/uploads/2023/02/dynamic-device-style-image-scroll-image-transition-duration-new.png) If you want to add a manual scroll to your image, you can turn on the **Manual Scroll** toggle. 8. Select the Dynamic Device block and click on three dots. Then from the dropdown, click on **Duplicate**. 9. Then drag and drop the block to another column and just change the image of your block. Following this process, you can quickly create a beautiful portfolio page with an image scrolling effect inside device mockups. Also, check [How to show a live website in a mockup using iframes in WordPress](https://nexterwp.com/docs/how-to-show-a-live-website-in-a-mockup-using-iframes-in-wordpress/). ## Frequently Asked Questions **Q: What should I do if the Dynamic Device block isn't displaying correctly?** A: If the Dynamic Device block isn't showing as expected, ensure that the Nexter Blocks plugin is installed and activated. This block is essential for creating the portfolio showcase page. Additionally, check if you're using the correct settings in the Layout section, particularly the device type and content type. If issues persist, consider reviewing the [complete feature overview documentation](https://nexterwp.com/docs/dynamic-device-block-settings-overview/). **Q: Can I use Nexter Blocks to create a portfolio for a specific industry?** A: Nexter Blocks is versatile enough to create a portfolio for various industries, including creative fields like design, photography, and development. The Dynamic Device block allows you to showcase images in a visually appealing way, making it suitable for any professional looking to highlight their work. Tailor your layout and images to fit your specific industry needs for the best impact. **Q: What image size works best for the Dynamic Device block?** A: For optimal results with the Dynamic Device block, it's recommended to use tall vertical images. This format enhances the scrolling effect when users hover over the image. If you're unsure about the dimensions, consider using a free tool to create long website screenshots from a URL, ensuring your images fit well within the mockup. **Q: How can I add multiple images to my portfolio using the Dynamic Device block?** A: To add multiple images, duplicate the Dynamic Device block after you've set it up with your first image. Click on the three dots of the block and select Duplicate. Then, drag the duplicated block to another column and change the image as needed. This method allows you to efficiently create a cohesive portfolio layout with various images. **Q: Does using the Dynamic Device block affect my website's loading speed?** A: NexterWP products, including the Dynamic Device block, are designed to be lightweight, with the Nexter Theme being under 50KB. This means they should not significantly impact your website's loading speed. However, always optimize your images for web use to ensure fast loading times, as large image files can slow down performance.