Replace featured image with google map widget

Hi @jerichotrans,

I’m glad to hear you’re enjoying Sela!

I can see that you’ve already added a Google Map to a widget on the right of that page. Were you able to figure this one out for yourself?

For reference: You can embed a Google Map directly to a Text widget by copying embed code directly from Google. They have steps for grabbing this embed code here:

https://support.google.com/maps/answer/144361?co=GENIE.Platform%3DDesktop&hl=en

You could also activate Jetpack and then make use of the plugin’s Google Maps shortcode, as explained here:

https://en.support.wordpress.com/google-maps/

Finally, there are many plugins in the repository that will ease the process of adding a Google Map to your site. I encourage you to have a browse about:

https://ww.wp.xz.cn/plugins/search.php?q=google+maps

I’d be happy to help with extra questions, too.

Thanks for the reply, i’m thinking if how about replacing the banner image here at this link http://jerichotransport.x10host.com/contact-us/ with google map instead, is it possible?

Oh, I see that I misunderstood your initial question. I’m sorry about that, thank you for clarifying!

Replacing the theme’s featured image with a Google Map is possible but fairly advanced, and requires some knowledge of HTML and basic PHP.

As a starting point, you should create a child theme. In case you’re not aware of what a child theme is or how it works, you can find a great introduction here:

Before I talk further about adding a Google Map as your featured image, I’m going to answer your other question:

and how can i make this page’s template be the same with the front page but not acquiring the widgets there!

You can find the code for the front page template in the parent theme’s page-templates/front-page.php file.

To create a special template for your “contact us” page, create a file named page-contact-us.php in your child theme and copy/paste the content from page-templates/front-page.php.

The theme will check for page-contact-us.php and load it prior to the other file as per the theme’s template hierarchy, which is explained further here:

https://developer.ww.wp.xz.cn/themes/template-files-section/page-template-files/page-templates/#creating-a-custom-page-template-for-one-specific-page

You can edit the code as you wish and remove the following to stop the front page widgets loading:

<?php get_sidebar( 'front-page' ); ?>

Back to your Google Map: This can also be added via your newly created page-contact-us.php file but, as mentioned, is fairly advanced.

I found the following tutorial that may help you out:

http://martyspellerberg.com/2012/03/using-the-wordpress-featured-image-post-thumbnail-as-a-google-maps-marker/

Alternatively, you could consider adding the embed code directly to the file, rather than trying to match it up to a featured image.

Let me know if that information is helpful! I’ll be happy to walk through any specifics of setting up a child theme too.