1"use strict";(self.webpackChunkswftdigital_docs=self.webpackChunkswftdigital_docs||[]).push([[8970],{1707:(e,s,o)=>{o.r(s),o.d(s,{assets:()=>a,contentTitle:()=>r,default:()=>u,frontMatter:()=>i,metadata:()=>d,toc:()=>c});var t=o(4848),n=o(8453);const i={title:"Custom Domains with WordPress",id:"custom-domains-with-wordpress"},r="Custom Domains with WordPress",d={id:"wordpress/custom-domains-with-wordpress",title:"Custom Domains with WordPress",description:"Following the custom domains guide, you can setup a custom domain for serving images on your WordPress site,",source:"@site/docs/wordpress/03-custom-domains.mdx",sourceDirName:"wordpress",slug:"/wordpress/custom-domains-with-wordpress",permalink:"/docs/wordpress/custom-domains-with-wordpress",draft:!1,unlisted:!1,tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"Custom Domains with WordPress",id:"custom-domains-with-wordpress"},sidebar:"tutorialSidebar",previous:{title:"Plugin Setup",permalink:"/docs/wordpress/plugin-setup"},next:{title:"Chrome Plugin",permalink:"/docs/chrome-plugin"}},a={},c=[];function m(e){const s={a:"a",code:"code",h1:"h1",li:"li",ol:"ol",p:"p",...(0,n.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.h1,{id:"custom-domains-with-wordpress",children:"Custom Domains with WordPress"}),"\n",(0,t.jsxs)(s.p,{children:["Following the ",(0,t.jsx)(s.a,{href:"../custom-domains",children:"custom domains"})," guide, you can setup a custom domain for serving images on your WordPress site,\ninstead of using the default domain provided by PerceptPixel."]}),"\n",(0,t.jsxs)(s.p,{children:["The way the WordPress plugin works is by creating a ",(0,t.jsx)(s.a,{href:"../custom-origins#remote-storage-1",children:"Remote Storage"})," source in your PerceptPixel organization,\nand then configuring it's origin to your WordPress content directory. We can point a custom domain"]}),"\n",(0,t.jsxs)(s.ol,{children:["\n",(0,t.jsxs)(s.li,{children:["In the ",(0,t.jsx)(s.a,{href:"../custom-domains#adding-a-custom-domain",children:"Adding a Custom Domain"}),' section, you may select the WordPress storage source in the "Storage" field.']}),"\n",(0,t.jsxs)(s.li,{children:["If you missed doing this, you may do the same in the ",(0,t.jsx)(s.a,{href:"../custom-domains#manage-a-custom-domain",children:"Manage a Custom Domain"})," section."]}),"\n",(0,t.jsxs)(s.li,{children:["Enable Media URLs on this Custom Domain, and hit ",(0,t.jsx)(s.code,{children:"Save"}),"."]}),"\n",(0,t.jsx)(s.li,{children:'Once "Media URLs" are enabled, go back to your WordPress site, under Settings > "PerceptPixel Settings", and hit the "Refresh" button.'}),"\n",(0,t.jsx)(s.li,{children:'You should now see the Custom Domain in the "CDN Base URL" field.'}),"\n",(0,t.jsx)(s.li,{children:"WordPress will now serve images from the custom domain you've configured."}),"\n"]}),"\n",(0,t.jsx)("img",{src:"https://img.perceptpixel.com/brjexrkh/custom-domains/05-change-source.png",alt:"Change or Select Storage Source"}),"\n",(0,t.jsx)("img",{src:"https://img.perceptpixel.com/brjexrkh/custom-domains/08-wp-refresh.png",alt:"Refresh PerceptPixel Settings"}),"\n",(0,t.jsx)("img",{src:"https://img.perceptpixel.com/brjexrkh/custom-domains/09-wp-custom.png",alt:"Custom Domain in WordPress Settings"})]})}function u(e={}){const{wrapper:s}={...(0,n.R)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(m,{...e})}):m(e)}},8453:(e,s,o)=>{o.d(s,{R:()=>r,x:()=>d});var t=o(6540);const n={},i=t.createContext(n);function r(e){const s=t.useContext(i);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function d(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),t.createElement(i.Provider,{value:s},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.