Portfolio Custom URL

Description: change portfolio item in Portfolio Overview Page to custom page/url

#1. Install Code

First, click Gear icon on Portfolio Page

Portfolio custom url 1

Click Advanced > Paste this code

<!-- @tuanphan - Portfolio Custom URL -->
<script>window.addEventListener("load",function(){const e=document.querySelectorAll(".portfolio-hover-item,.grid-item");e.forEach(e=>{const t=e.getAttribute("href");t&&fetch(t).then(e=>e.text()).then(t=>{const r=new DOMParser,o=r.parseFromString(t,"text/html"),n=o.querySelector("a[data-custom-url]");if(n){const t=n.getAttribute("data-custom-url"),r=n.getAttribute("data-target");t&&(e.setAttribute("href",t),r&&(e.setAttribute("target",r),"_blank"===r&&e.setAttribute("rel","noopener noreferrer")))}}).catch(e=>{console.error("Error:",e)})})});</script>

Portfolio custom url 2

#2. Usage

Edit Portfolio item where you want to change it to custom page/url

Portfolio custom url 3

Add a Code Block

Portfolio custom url 4

Paste this code into Code Block. Remember to change URL

<a data-custom-url="https://instagram.com" data-target="_blank"></a>

Portfolio custom url 5

#3. Customize

To make URL/Page open Same Tab, you can change

_blank

to

_self

Portfolio custom url 6

Buy me a coffee