{"id":1677,"date":"2022-08-14T22:34:07","date_gmt":"2022-08-14T22:34:07","guid":{"rendered":"https:\/\/phox.whmcsdes.com\/docs\/?p=1677"},"modified":"2022-08-14T22:35:14","modified_gmt":"2022-08-14T22:35:14","slug":"portfolio-widget","status":"publish","type":"post","link":"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/","title":{"rendered":"Portfolio Widget"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"65\" height=\"59\" src=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/wdes-widget-portfolio.png\" alt=\"\" class=\"wp-image-1679\"\/><\/figure>\n\n\n\n<p>The Portfolio widget will be helpful if you need to showcase your creative works. It\u2019s perfect for displaying photos for photographers models, estate agents, designers, artists, architects, etc.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Portfolio Widget Sample<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"926\" src=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/portfolio-1024x926.jpg\" alt=\"\" class=\"wp-image-1680\" srcset=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/portfolio-1024x926.jpg 1024w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/portfolio-300x271.jpg 300w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/portfolio-768x694.jpg 768w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/portfolio.jpg 1327w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Content<\/h4>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"299\" height=\"632\" src=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/portfolio-content.png\" alt=\"\" class=\"wp-image-1682\" srcset=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/portfolio-content.png 299w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/portfolio-content-142x300.png 142w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\"><li><strong>Items<\/strong><ul><li><strong>item<\/strong><ul><li><strong><strong>Title, Description<\/strong><\/strong>: Define the title and the description. Depending on what\u00a0Preset\u00a0will be chosen in the\u00a0Settings\u00a0section this text will be shown over the picture on hover or under it;<\/li><li><strong>Image<\/strong>: Upload the picture to show in your portfolio.<\/li><li><strong>Category<\/strong>: This field helps you to categorize the images. The name of the category you type into this field will be displayed at the top of the portfolio. Once you click any category, the photos are filtered, and only the ones related to the selected category are shown;<\/li><li><strong>Link Text, Link URL<\/strong>: If you want to add a button to the portfolio item, you can add the text on the button and a link to these fields. The button will appear only when you add the link.<\/li><li><strong>Image Link<\/strong>: In this drop-down menu, you choose how the link will be opened \u2013 in the lightbox or on a separate page.<\/li><\/ul><\/li><\/ul><\/li><li><strong>Layout Settings<\/strong><ul><li><strong>Layout type<\/strong>: This is the way the items will be placed in the grid.\u00a0<strong>Masonry\u00a0<\/strong>is a layout where all the pictures have the same width and their height is changed proportionally. In the\u00a0<strong>Grid\u00a0<\/strong>layout, all images have the same width and height. If you choose the\u00a0<strong>Justify\u00a0<\/strong>layout, the pictures will be unified by their height and the width will be changed proportionally. And the\u00a0<strong>List\u00a0<\/strong>will place all the images in a list, one under another;<\/li><li><strong>Layout Presets<\/strong>: In this drop-down menu, you choose where the content will be placed. In\u00a0<strong>Image with Text Box on hover<\/strong>\u00a0the title, description, and button overlay half of the picture on hover. In\u00a0the <strong>Image with Text Below<\/strong>\u00a0all the data is placed under the picture. If you choose\u00a0<strong>Only Image<\/strong>\u00a0only the zoom icon will be shown on the overlay. And in\u00a0the <strong>Image with Full Text box when hovering<\/strong>\u00a0the text information and the button overlays the whole picture on hover;<\/li><li><strong>Columns<\/strong>: In this drop-down, you can select the number of columns, from 1 to 6;<\/li><li><strong>Items Gap<\/strong>: You can change the gap between items with the help of the slider and by typing the value into the field;<\/li><li><strong>HTML Tag<\/strong>: Set the tag of the Title.<\/li><\/ul><\/li><li><strong>Filter Settings<\/strong><ul><li><strong>Enable Filter:<\/strong> This option will allow you to show\/hide Filter.<\/li><li><strong>\u201cAll\u201d Filter Label<\/strong>: The categories you create in the items section are placed at the top of the portfolio and can be used to filter the items. There is also an\u00a0<strong>All\u00a0<\/strong>filter that shows all the items. In this field, you can rename it.<\/li><li><strong>Separator Icon:<\/strong> Change the separator icon between the categories list.<\/li><\/ul><\/li><\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Style<\/h4>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/portfolio-style-410x1024.png\" alt=\"\" class=\"wp-image-1686\" width=\"299\" srcset=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/portfolio-style-410x1024.png 410w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/portfolio-style-120x300.png 120w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/portfolio-style.png 594w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\"><li><strong>Filter Container<\/strong><ul><li><strong>Background Type:\u00a0<\/strong>Choose, whether you want to use\u00a0<strong>classic<\/strong>\u00a0or\u00a0<strong>gradient<\/strong>\u00a0type for the filter container. The customization options vary for each type.<\/li><li><strong>Padding<\/strong>: Set the preferable custom padding. Fill in the values for the\u00a0top, bottom, right,\u00a0and\u00a0left\u00a0padding in pixels or % to apply your custom padding.<\/li><li><strong>Margin:<\/strong>\u00a0Define the margins<\/li><li><strong>Border Type<\/strong>: Select the needed type of border to use.<\/li><li><strong>Border Radius<\/strong>: Set the border radius to make the angles more smooth and round.<\/li><li><strong>Box Shadow<\/strong>: Apply the shadow and change the shadow\u2019s settings, such as\u00a0color, blur, spread,\u00a0and\u00a0position.<\/li><\/ul><\/li><li><strong>Filter Items<\/strong><ul><li><strong>Alignment:<\/strong> Align the filter items to the left, right, or center.<\/li><li><strong>Separator Color:<\/strong> Choose the color of the separator.<\/li><li><strong><strong>Separator<\/strong><\/strong> <strong>Size:<\/strong> Choose the size of the separator.<\/li><li><strong>Padding<\/strong>: Set the preferable custom padding. Fill in the values for the\u00a0top, bottom, right,\u00a0and\u00a0left\u00a0padding in pixels or % to apply your custom padding.<\/li><\/ul><ul><li><strong>Margin:<\/strong>\u00a0Define the margins<\/li><li>Switch between\u00a0<strong>Normal &amp; Hover<\/strong>\u00a0modes to customize the\u00a0Filter Items.<ul><li><strong>Color:<\/strong> Choose the color of the filter item.<\/li><li><strong>Typography:<\/strong> Change the typography options for the filter items<\/li><li><strong>Background Type:\u00a0<\/strong>Choose, whether you want to use\u00a0<strong>classic<\/strong>\u00a0or\u00a0<strong>gradient<\/strong>\u00a0type for the filter container. The customization options vary for each type.<\/li><li><strong>Border<\/strong>: Select the needed type of border to use.<\/li><li><strong>Border Radius<\/strong>: Set the border-radius to make the angles more smooth and round.<\/li><li><strong>Box Shadow<\/strong>: Apply the shadow and change the shadow\u2019s settings, such as\u00a0color, blur, spread,\u00a0and\u00a0position.<\/li><\/ul><\/li><\/ul><\/li><li><strong>Item<\/strong><ul><li><strong>Padding<\/strong>: Set the preferable custom padding. Fill in the values for the\u00a0top, bottom, right,\u00a0and\u00a0left\u00a0padding in pixels or % to apply your custom padding.<\/li><li><strong>Border<\/strong>: Select the needed type of border to use.<\/li><li><strong>Border Radius<\/strong>: Set the border-radius to make the angles more smooth and round.<\/li><li><strong>Box Shadow<\/strong>: Apply the shadow and change the shadow\u2019s settings, such as\u00a0color, blur, spread,\u00a0and\u00a0position.<\/li><\/ul><\/li><li><strong>Content<\/strong><ul><li><strong>Container<\/strong><ul><li><strong>Background Type:\u00a0<\/strong>Choose, whether you want to use\u00a0<strong>classic<\/strong>\u00a0or\u00a0<strong>gradient<\/strong>\u00a0type for the content container. The customization options vary for each type.<\/li><li><strong>Padding<\/strong>: Set the preferable custom padding. Fill in the values for the\u00a0top, bottom, right,\u00a0and\u00a0left\u00a0padding in pixels or % to apply your custom padding.<\/li><li><strong>Margin:<\/strong>\u00a0Define the margins<\/li><li><strong>Border<\/strong>: Select the needed type of border to use.<\/li><li><strong>Border Radius<\/strong>: Set the border-radius to make the angles more smooth and round.<\/li><li><strong>Box Shadow<\/strong>: Apply the shadow and change the shadow\u2019s settings, such as\u00a0color, blur, spread,\u00a0and\u00a0position.<\/li><\/ul><\/li><li><strong>Image<\/strong><ul><li><strong>Border Radius<\/strong>: Set the border-radius to make the angles more smooth and round.<\/li><\/ul><\/li><li><strong>Title<\/strong><ul><li><strong>Alignment:<\/strong> Align the Widget to the left, right, or center.<\/li><li><strong>Color:<\/strong> Choose the color of the title.<\/li><li><strong>Typography:<\/strong> Change the typography options for the title.<\/li><li><strong>Padding<\/strong>: Set the preferable custom padding. Fill in the values for the\u00a0top, bottom, right,\u00a0and\u00a0left\u00a0padding in pixels or % to apply your custom padding.<\/li><li><strong>Margin:<\/strong>\u00a0Define the margins<\/li><\/ul><\/li><li><strong>Category<\/strong><ul><li><strong>Alignment:<\/strong> Align the Widget to the left, right, or center.<\/li><li><strong>Color:<\/strong> Choose the color of the category.<\/li><li><strong>Typography:<\/strong> Change the typography options for the category.<\/li><li><strong>Padding<\/strong>: Set the preferable custom padding. Fill in the values for the\u00a0top, bottom, right,\u00a0and\u00a0left\u00a0padding in pixels or % to apply your custom padding.<\/li><li><strong>Margin:<\/strong>\u00a0Define the margins<\/li><\/ul><\/li><li><strong>Button<\/strong><ul><li><strong>Alignment:<\/strong> Align the Widget to the left, right, or center.<\/li><li><strong>Text Alignment<\/strong>: Choose the text alignment inside the button.<\/li><li><strong>Padding<\/strong>: Set the preferable custom padding. Fill in the values for the\u00a0top, bottom, right,\u00a0and\u00a0left\u00a0padding in pixels or % to apply your custom padding.<\/li><li><strong>Margin:<\/strong> Define the margins.<\/li><li>Switch between\u00a0<strong>Normal &amp; Hover<\/strong>\u00a0modes to customize the button.<ul><li><strong>Text Color:<\/strong> Choose the color of the button.<\/li><li><strong>Background Color<\/strong>: Choose the button background color.<\/li><li><strong>Typography:<\/strong> Change the typography options for the button.<\/li><li><strong>Border<\/strong>: Select the needed type of border to use.<\/li><li><strong>Border Radius<\/strong>: Set the border-radius to make the angles more smooth and round.<\/li><li><strong>Box Shadow<\/strong>: Apply the shadow and change the shadow\u2019s settings, such as\u00a0color, blur, spread,\u00a0and\u00a0position.<\/li><\/ul><\/li><\/ul><\/li><li><strong>Order<\/strong><ul><li><strong>Title Order:<\/strong> Set the title order.<\/li><li><strong>Category Order:<\/strong> Set the category order.<\/li><li><strong>Description Order:<\/strong> Set the description order.<\/li><li><strong>Button Order:<\/strong> Set the button order.<\/li><\/ul><\/li><\/ul><\/li><li><strong>Lightbox<\/strong><ul><li><strong>Background Type:\u00a0<\/strong>Choose whether you want to use\u00a0<strong>classic<\/strong>\u00a0or\u00a0<strong>gradient<\/strong>\u00a0type for the lightbox Header. The customization options vary for each type.<\/li><\/ul><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The Portfolio widget will be helpful if you need to showcase your creative works. It\u2019s perfect for displaying photos for photographers models, estate agents, designers, artists, architects, etc. Portfolio Widget Sample Content Items item Title, Description: Define the title and the description. Depending on what\u00a0Preset\u00a0will be chosen in the\u00a0Settings\u00a0section this text will be shown over [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[8],"tags":[57,25,84,27],"class_list":["post-1677","post","type-post","status-publish","format-standard","hentry","category-elementor","tag-elementor","tag-phox","tag-portfolio","tag-theme"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Portfolio Widget - Phox Documentation<\/title>\n<meta name=\"description\" content=\"The Portfolio widget will be helpful if you need to showcase your creative works. It\u2019s perfect for displaying photos for photographers models, estate agents, designers, artists, architects, etc.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Portfolio Widget - Phox Documentation\" \/>\n<meta property=\"og:description\" content=\"The Portfolio widget will be helpful if you need to showcase your creative works. It\u2019s perfect for displaying photos for photographers models, estate agents, designers, artists, architects, etc.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Phox Documentation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/whmcsdes\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-14T22:34:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-14T22:35:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/wdes-widget-portfolio.png\" \/>\n<meta name=\"author\" content=\"ijeto\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@whmcsdes\" \/>\n<meta name=\"twitter:site\" content=\"@whmcsdes\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ijeto\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/\"},\"author\":{\"name\":\"ijeto\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f\"},\"headline\":\"Portfolio Widget\",\"datePublished\":\"2022-08-14T22:34:07+00:00\",\"dateModified\":\"2022-08-14T22:35:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/\"},\"wordCount\":1172,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#organization\"},\"image\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/wdes-widget-portfolio.png\",\"keywords\":[\"elementor\",\"phox\",\"portfolio\",\"theme\"],\"articleSection\":[\"Elementor\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/\",\"name\":\"Portfolio Widget - Phox Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/wdes-widget-portfolio.png\",\"datePublished\":\"2022-08-14T22:34:07+00:00\",\"dateModified\":\"2022-08-14T22:35:14+00:00\",\"description\":\"The Portfolio widget will be helpful if you need to showcase your creative works. It\u2019s perfect for displaying photos for photographers models, estate agents, designers, artists, architects, etc.\",\"breadcrumb\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#primaryimage\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/wdes-widget-portfolio.png\",\"contentUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/wdes-widget-portfolio.png\",\"width\":65,\"height\":59},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/phox.whmcsdes.com\/docs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio Widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#website\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/\",\"name\":\"Phox Documentation\",\"description\":\"Hosting WordPress Theme\",\"publisher\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/phox.whmcsdes.com\/docs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#organization\",\"name\":\"WHMCSdes\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png\",\"contentUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png\",\"width\":400,\"height\":400,\"caption\":\"WHMCSdes\"},\"image\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/whmcsdes\",\"https:\/\/x.com\/whmcsdes\",\"https:\/\/www.instagram.com\/whmcsdes\/\",\"https:\/\/www.linkedin.com\/company\/whmcsdes\",\"https:\/\/www.youtube.com\/channel\/UC8fIGmE0nDeKXizKml3wV5w\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f\",\"name\":\"ijeto\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g\",\"caption\":\"ijeto\"},\"sameAs\":[\"http:\/\/phox.whmcsdes.com\/docs\"],\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/author\/ijeto\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Portfolio Widget - Phox Documentation","description":"The Portfolio widget will be helpful if you need to showcase your creative works. It\u2019s perfect for displaying photos for photographers models, estate agents, designers, artists, architects, etc.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/","og_locale":"en_US","og_type":"article","og_title":"Portfolio Widget - Phox Documentation","og_description":"The Portfolio widget will be helpful if you need to showcase your creative works. It\u2019s perfect for displaying photos for photographers models, estate agents, designers, artists, architects, etc.","og_url":"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/","og_site_name":"Phox Documentation","article_publisher":"https:\/\/www.facebook.com\/whmcsdes","article_published_time":"2022-08-14T22:34:07+00:00","article_modified_time":"2022-08-14T22:35:14+00:00","og_image":[{"url":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/wdes-widget-portfolio.png","type":"","width":"","height":""}],"author":"ijeto","twitter_card":"summary_large_image","twitter_creator":"@whmcsdes","twitter_site":"@whmcsdes","twitter_misc":{"Written by":"ijeto","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#article","isPartOf":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/"},"author":{"name":"ijeto","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f"},"headline":"Portfolio Widget","datePublished":"2022-08-14T22:34:07+00:00","dateModified":"2022-08-14T22:35:14+00:00","mainEntityOfPage":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/"},"wordCount":1172,"commentCount":0,"publisher":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#organization"},"image":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/wdes-widget-portfolio.png","keywords":["elementor","phox","portfolio","theme"],"articleSection":["Elementor"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/","url":"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/","name":"Portfolio Widget - Phox Documentation","isPartOf":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#primaryimage"},"image":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/wdes-widget-portfolio.png","datePublished":"2022-08-14T22:34:07+00:00","dateModified":"2022-08-14T22:35:14+00:00","description":"The Portfolio widget will be helpful if you need to showcase your creative works. It\u2019s perfect for displaying photos for photographers models, estate agents, designers, artists, architects, etc.","breadcrumb":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#primaryimage","url":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/wdes-widget-portfolio.png","contentUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2022\/08\/wdes-widget-portfolio.png","width":65,"height":59},{"@type":"BreadcrumbList","@id":"https:\/\/phox.whmcsdes.com\/docs\/portfolio-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/phox.whmcsdes.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Portfolio Widget"}]},{"@type":"WebSite","@id":"https:\/\/phox.whmcsdes.com\/docs\/#website","url":"https:\/\/phox.whmcsdes.com\/docs\/","name":"Phox Documentation","description":"Hosting WordPress Theme","publisher":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/phox.whmcsdes.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/phox.whmcsdes.com\/docs\/#organization","name":"WHMCSdes","url":"https:\/\/phox.whmcsdes.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png","contentUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png","width":400,"height":400,"caption":"WHMCSdes"},"image":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/whmcsdes","https:\/\/x.com\/whmcsdes","https:\/\/www.instagram.com\/whmcsdes\/","https:\/\/www.linkedin.com\/company\/whmcsdes","https:\/\/www.youtube.com\/channel\/UC8fIGmE0nDeKXizKml3wV5w"]},{"@type":"Person","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f","name":"ijeto","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g","caption":"ijeto"},"sameAs":["http:\/\/phox.whmcsdes.com\/docs"],"url":"https:\/\/phox.whmcsdes.com\/docs\/author\/ijeto\/"}]}},"_links":{"self":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts\/1677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/comments?post=1677"}],"version-history":[{"count":12,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts\/1677\/revisions"}],"predecessor-version":[{"id":1696,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts\/1677\/revisions\/1696"}],"wp:attachment":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/media?parent=1677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/categories?post=1677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/tags?post=1677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}