Connecting to Headless Wordpress

Hi guys. First of all I am not a dev guy. I do only a little css, js and php but I am a self-taught.
My question is: I can find only connecting frontity to a domain, but how can I connect frontity to a Headless Wordpress that is hosted on a normal server ?

In your frontity.settings.json you can connect to https://yourwebsite.com/wp-json via:

image

Further explanation can be found here: https://docs.frontity.org/getting-started/connecting-to-wordpress

If you’d like to learn more about WP REST API, please see here: https://developer.wordpress.org/rest-api/

1 Like

exactly, but what if I only host my WordPress on a server and I don’t have a domain connected to it? Then what should I put in the URL field?
Tx.

Hi @alin, Welcome to the Frontity community. If you don’t have a domain then you could add an entry in the hosts file on your development machine mapping the IP address of the server to any made up domain. This will only work for development, you will need a domain for deploying your finished site.

I don’t know if I expressed exactly what I meant to. Basically I have a wordpress installation on remarketingo.com

I have finished my app with Frontity and connected it to remarketingo.com in settings.frontity.js

But now I would like to add that domain to the app itself.

If I do that how can i connect the WordPress installation afterwards since Will have no domain connected to it?

Hi Alin,

This is a networking issue. You need to point the domain to our instance in CloudFlare. This documentation is not for your exact use case, but may provide some insight into a similar issue:https://community.cloudflare.com/t/how-do-i-connect-heroku-app-to-my-domain-name-at-cloudflare/61848

If I understand your issue correctly. Let me know how it works out!

Hi @alin

OK, now I understand your issue. Thanks for the clarification.

We recommend that you put the WordPress site on a sub-domain, e.g. wp.remarketingo.com, update the url in frontity.settings.js to point to the new sub-domain, and then direct remarketingo.com to the Frontity installation.

To do this you will have to change either the A record or CNAME on your domain.

Hope this helps.

2 Likes

Hi @mburridge

Tx for the explanation.

Last question is, how can I prevent google from indexing both domain and subdomain but still receive metadata from yoast in WordPress installation?

Hi @alin

You can use the @frontity/head-tags package to get the Yoast head tags. The latest version of Yoast adds them to the WP REST API.

To stop search engines from indexing the WordPress site display no content there. Create a minimal theme which is just the bare bones needed, i.e. a styles.css and an index.php. The index.php file could just have a wp_die() statement.

1 Like