I'm using contact form 7 plugins, I create form and then save the generated code in the contact page. But, in the preview page didn't show any form.
You just missed out the the_content function to call. Please add this code in your template file from container start to container end. Please check the HTML as per your design .
<div class="contianer"><!--container start here -->
<div class="row">
<!-- map column -->
<div class="col-lg-8 mb-4">
<!-- google map iframe goes here -->
</div>
<!-- contact details here -->
<div class="col-lg-4 mb-4">
<?php the_content(); ?>
</div>
</div>
</div> <!--container end here -->
<?php endwhile; endif; ?>
You need to add the Wordpress loop somewhere in that contact-us.php template, otherwise WP won't load what you define as content in the WP editor (which in your case is the content form)
Related
I'm using the <!--nextpage--> function to page break and split the page on Wordpress.
The problem is, whenever <!--nextpage--> is inserted, the position of sidebar is moved to where it shouldn't be.
It's like this on page.php:
<div class="main">
<?php
if (have_posts()) :
...
?>
<?php wp_link_pages(); ?>
</div>
<?php get_sidebar(); ?>
So if I understand correctly, .main and get_sidebar are on the same level.
But when I actually make some page using this template, an output is like this:
<div class="main">
<div class="section">
...
<div class="content">
// pagination is inserted here
</div>
<aside class="sidebar">
...
</aside>
</div>
</div>
In other words, get_sidebar(aside tag) automatically moves into .section.
This is extremely confusing to me, and really don't know what to do here.
Why does Wordpress decide to put it inside of .section? Why can't it be faithful to the template?
Now the sidebar is positioned at the end of content instead of being on the right side.
What are the possible causes and solution to this issue?
Thank you for reading.
I need help to display post featured image in my homepage in wordpress. I think I miss something.
<!-- POST FEATURE IMAGE-->
<section id="project-features">
<div class="container">
<div class="section-header">
<h2>PORTFOLIO</h2>
<div class="row">
<div class="col-sm-4">
<!--feature image, if you not uploaded yet nothing happen-->
<?php
if(has_post_thumbnail()){
the_post_thumbnail();
}
?>
<img src="<?php the_post_thumbnail(); ?>" alt="aaaa">
</div><!-- end col-->
</div><!--end row-->
</div><!--end section header-->
</div><!-- end container-->
</section><!--end project features-->
This should be simple. Enable post thumbnails in functions.php, read all of them on your frontpage.php, style them as needed and make permalinks to original posts where you have pictures loaded using WordPress media.
It's pretty simple. If you have knowledge on PHP and WordPress then you can create a loop of your post then you can simply add a permalink to your post detail and only print out the featured image on the post. You can also add a div on hover and print the post title on it.
I have a simple website which I would like to add a row above the navigation that would contain a phone number and maybe some social links.
I am a theme called Hestia Pro and cannot find where to add this extra row
I am looking for some pointers as to where this would get added in the sites theme.
The website is www.gpoint.co.uk
Craig
Your theme is built with bootstrap
you can check your theme files and go to header.php
check the the tag <header>
and inside it you can add:
<header>
.....
<div class="row">
<div class="container">
<div class="col-sm-4">
Telephone
</div>
<div class="col-sm-4">
email
</div>
<div class="col-sm-4">
support
</div>
</div>
</div>
</header>
thats it :)
There is a pattern node is inserted into the slider (in an item):
<div class="item"> <!-- Wrap contents -->
<div class="image"> <!-- Insert image-->
<img src="<?=file_create_url($content['field_img_slide_1']['#items'][0]['uri'])?>"alt=""/>
</div>
<div class="desc">
<h2><?=$content['field_h1_slide_1']["#items"][0][value];?></h2> <!--Insert title-->
<div class="info"><?=$content['field_h2_slide_1']["#items"][0][value];?></di><!--Insert title 2-->
<?=$content['body']["#items"][0][value];?> <!--Insert text -->
</div>
</div>
The code of the slider:
<div class="m-slider">
<div class="sliderBox">
<?php print render(module_invoke('views', 'block_view', 'flock_salon-block_1')); // These items are inserted for the slider ?>
</div>
</div>
When I have only one slide, everything is displayed perfectly. When I add the second slide, it is displayed under the first (incorrectly displayed)
Slider screenshot: http://i65.fastpic.ru/big/2014/0807/96/25ac215abd233ee409ed3dd6459ced96.png
The second slide lies on top of the first
What prescribe in the template node to fix slider displaying?
This most often occurs when there are errors in running javascript code or finding a javascript file/library. Open up your developer tools (F12 in most major browsers) and check the console for errors that may be halting your code before it gets to rendering the slider functionality.
I am using theme Banshee on (http://adriangraphics.com/truturf/) and can't figure out how to put a header image (as seen on http://globalsynturf.com/) above the navigation. I want my logo, along with phone number, etc above the navigation on my WordPress site. I'm assuming I have to change the Header PHP, but unsure how.
In your header.php find:
<div class="row">
Then inside of this find:
<div class="3">
<div id="logo">
Take the contents of this entire div, and cut it.
Then above the <div class="row">, make the following:
<div class="row">
<div class="span12">
<div id="logo">
//rest of the logo code
</div>
</div>
</div>