when I enter the distribution address XXXXXX.cloudfront.net, it also points to the same error!!??
There seems to be some configuration error in your Wordpress site. You say that "when I put the domain name of my site in a browser" that you get a 403 error. That's the HTTP error code for "Forbidden" - you don't have access. You'll need to fix that problem first so that you can get to your Wordpress site in a browser; then you can use CloudFront as the CDN.
However: That you are getting a 403 error means that the web server is running and is providing a response. So that's a start.
Cloudfare 403 ERRORasked 5 months ago
How can I use the same domain name in different AWS accounts?asked 3 years ago
AccessDenied when trying to paste the full path in the browserasked 5 months ago
Cloudfront S3 origin response 403 for the Options requestAccepted Answerasked a month ago
CloudFront 403 when loading image/scriptsasked 3 days ago
How to use the same ACM certificate with CloudFront and ELBAccepted Answerasked 4 years ago
How do i fix the "ERROR: The request is missing a valid API key." from my wordpress installationasked 6 months ago
In order to shrink the root volume of the AWS EBSasked 5 months ago
403 ERROR The request could not be satisfied.asked 2 months ago
403 Error Using Browser - Expressvpn/My Account Sectionasked 5 months ago