Force CDN URL on Nav Based Imagery

How can I force images in the navigation to use the JetPack CDN URL?

htttps://usatcorp.com

Bad: https://usatcorp.com/wp-content/uploads/2020/09/USAT-Logo-Main-Nav.png
Good: https://i1.wp.com/usatcorp.com/wp-content/uploads/2020/09/USAT-Logo-Main-Nav.png

is there a way to manually replace “x-brand img” from the backend?

Jesse @ USAT

Hello Jesse,

Thanks for writing in! The URL https://i1.wp.com will appear if are using Jetpack plugin. Simply install Jetpack and enabled the Site Accelerator module. This module will cache all the images and change the URLs using like the one you have labeled as good URL.

Home this works for you. Kindly let us know.

Sorry please check again, I had a problem with Jetpack and it turned itself off entirely. I put it back on, but still, the only image on the page that doesn’t use the CDN is the main header nav logo.

Hi Jesse,

To better help you we need to examine your backend. please give us the following information in a Secure Note.

  • WordPress Login URL
  • Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.

added the note to my previous post

Hi Jesse,

For some reason your your jetpack account was turned off. Can you log in again your Jetpack account to further investigate your concerns.

Let us know how it goes.

Thank you.

No idea how that keeps happening. I reactivated it just now.

Hey Jesse,

We’re sorry for all the confusion here. The following details are the correct answers to your questions.

Please contact Jetpack support if they could help with this because according to Jetpack’s documentation, it cannot change the database entries and it will only work for the content so that means it cannot change the Brand Image nor any other parts of a theme.

This requires custom development but what I can do is point you in the right direction.

The Brand Image is stored in and sourced from the wp_options table in the database so there are 2 ways you can proceed with this.

  1. Change the stored URL in the database. You can do that using a Search & Replace plugin like shown in this video https://youtu.be/tnE8VzNwA30. Just note that what’s shown will change the exact image in all of wp_options.

  2. Change the source in the _brand.php theme template. This means you first need to understand how to customize our themes. You can learn here https://theme.co/docs/best-practices.
    image

Another method is you use an Image Optimization plugin that can change the database and/or all images in the frontend like shown in the video here https://youtu.be/M4GCDahSTnE.

Please just note that we are not responsible for any issues that might arise from my suggestions and we can’t provide any enhancements. My goal here is to help you understand what our theme is doing.

Hope that helps and thank you for understanding.

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