Instantly share code, notes, and snippets.
jchristopher/related.php
Secret
Last active Jun 11, 2017
<?php | |
/** | |
* SearchWP Engine: default | |
* Maximum Results: 3 | |
*/ | |
/** | |
* This is the default SearchWP Related results template. If you would like to | |
* customize this template, DO NOT EDIT THIS FILE. Instead, create a folder | |
* named 'searchwp-related' in your active theme, and copy this file inside. | |
* | |
* You may create multiple results templates based on the post being viewed, | |
* simply append the post type name to the file name like so: | |
* | |
* ~/your-theme-folder/searchwp-related/related-page.php | |
* | |
* That template file will be used whenever you view a Page on your site, while | |
* the default (related.php) template would be used for everything else. | |
* | |
* You may customize the SearchWP engine used to find results by editing | |
* the "SearchWP Engine" name at the top of this file. | |
* | |
* You may customize the number of related entries returned by that engine | |
* by editing the "Maximum Results" at the top of this file. | |
*/ | |
// DO NOT remove global $post; unless you're being intentional | |
global $post; ?> | |
<?php | |
/** | |
* $searchwp_related is an array of posts, defined within the SearchWP Related plugin | |
*/ | |
if ( ! empty( $searchwp_related ) ) : ?> | |
<div class="searchwp-related"> | |
<h4><?php esc_html_e( 'Related Content', 'searchwp_related' ); ?></h4> | |
<ol> | |
<?php | |
// Loop through each related entry and set up the main $post | |
foreach ( $searchwp_related as $post ) : setup_postdata( $post ); ?> | |
<li> | |
<a href="<?php echo esc_url( get_permalink() ); ?>"> | |
<?php the_post_thumbnail(); ?> | |
<span><?php the_title(); ?></span> | |
</a> | |
</li> | |
<?php endforeach; | |
// You MUST reset the $post data once you're done looping through results | |
wp_reset_postdata(); ?> | |
</ol> | |
</div> | |
<?php /* These styles should be moved into your theme and removed from this template */ ?> | |
<style type="text/css"> | |
.searchwp-related > ol { | |
list-style: none; | |
padding: 0; | |
display: flex; | |
align-items: stretch; | |
margin: 0 0 0 -1em; | |
} | |
.searchwp-related > ol > li { | |
flex: 1; | |
padding: 0 0 0 1em; | |
display: flex; | |
align-items: stretch; | |
} | |
.searchwp-related > ol > li > a { | |
display: block; | |
width: 100%; | |
text-decoration: none; | |
background-color: #f7f7f7; | |
border: 1px solid #e7e7e7; | |
border-radius: 2px; | |
} | |
.searchwp-related > ol > li > a > span { | |
display: block; | |
padding: 1em; | |
} | |
.searchwp-related > ol > li > a > img { | |
display: block; | |
max-width: 100%; | |
height: auto !important; | |
} | |
.searchwp-related > ol > li > a:hover { | |
border: 1px solid #e7e7e7; | |
} | |
</style> | |
<?php endif; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This comment has been minimized.
mdorchain commentedJun 11, 2017
I think the template file should be named ~/your-theme-folder/searchwp-related/related.php for it to work with the template loader.