Live links images and h2 headings are gone

Support
1

Hi there,

I am new to local. I want my client to look at the website I made through a live link, but the images (.svgs) do not show, and the headings seem to have disappeared.

What to do? Mac os Monterey and Local 6.4.3

2

Hi @aakraak!

Live Links don’t match your Local Site URL (ie: mysite.local), so Local attempts to rewrite these on the fly. Live Links is broadly compatible with many themes, plugins, and custom code snippets. However, some images, front-end assets, or other HTML elements may be missing from your site when viewing it over Live Links. Try the tips below:

  • Run the following WP-CLI command
    wp search-replace 'SITEURL' 'LOCALURL' --skip-columns=guid

  • Replace SITEURL with your production URL like https://localwp.com

  • Replace LOCALURL is your Local Site URL like http://mysite.local

  • Trust Local’s SSL certificate

  • Disable certain types of plugins: caching, security, force HTTPS/SSL

  • You may also need to do some cache troubleshooting, like flushing the browser cache or using a cache-busting (ex /?nocache1234) string after running any Search and Replace.

3

Oke,

Thanks for your reply and sorry for me being a noob but;

  • How do I * Run the WP-CLI command wp search-replace 'SITEURL' 'LOCALURL' --skip-columns=guid
  • How do I replace the SITEURL with your production URL like https://localwp.com? I do not have a production URL yet, I only have the local website.
  • How do I replace LOCALURL is your Local Site URL like http://mysite.local
  • How do I trust Local’s SSL certificate
  • How do I use a cache-busting (ex /?nocache1234) string after running any Search and Replace.
4

Jeej! I figured a part out:

  1. I opened the “open site shell” in local
  2. I entered the following command (myliveurl = this is where you can past your own live link url)
    wp search-replace ‘https://localhost/’ ‘https://myliveurl.localsite.io/’ --skip-columns=guid.
  3. press enter :stuck_out_tongue_winking_eye:

But now, some image are still not visible, in the inspect mode, I see that the images have http, instead of the live link, which is https.

How can I change the images so they use https?

5

Hi @aakraak

You should see a Trust button when looking here: Image 2022-11-11 at 8.14.12 AM

More details about securing your site in Local here: SSL in Local - Local

Once you have things Trusted and Secured, if you’re still seeing links served over HTTP instead of HTTPS you can run another search and replace them like this:

`wp search-replace ‘http://testsite.com/’ ‘https://testsite.com/)’ --skip-columns=guid

6

Screenshot 2022-11-11 at 16.10.21
Screenshot 2022-11-11 at 16.10.211260×96 11.1 KB

I see this, how can I change this?

7

Hi @aakraak

Click on Local (upper left on your mac) > Preferences > Advanced > and then you should see Router Mode and a drop-down to change it.

More details about this here: What is Router Mode? - Local

8

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.