ross/slowtwitch-wp-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Moved to Pop machine

Browse Source
This commit is contained in:
Ross Trottier 2024-06-18 10:50:12 -06:00
parent f52737e7cf
commit 5d098bddce
10 changed files with 1374 additions and 1373 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
404.php
View File

@ -1,47 +1,47 @@
<?php get_header() ?>
<div class="container">
<div class="column two-thirds">
<h1>Oops, this page doesn't exist.</h1>
<p>Check out some of our articles below.</p>
<?php
$post_section_two_args = array(
'showposts' => 10,
'offset' => 0,
'orderby' => 'post_date',
'order' => 'DESC',
'post_type' => 'post',
'post_status' => 'publish'
);
query_posts($post_section_two_args);
?>
<div style="text-align: center;" class="four-o-four-post-grid">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php
$category = get_the_category()[0];
?>
<div class="four-o-four-post-grid-card">
<a href="<?php the_permalink(); ?>">
<img src="<?php the_post_thumbnail_url(); ?>">
</a>
<a href="<?php echo home_url($category->slug) ?>">
<p><?php echo $category->name; ?></p>
</a>
<a style="text-decoration: none; color: black;" href="<?php the_permalink(); ?>">
<h6><?php the_title(); ?></h6>
</a>
</div>
<?php
endwhile;
wp_reset_postdata();
endif;
?>
</div>
</div>
<div class="column one-third">
<img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
<?php dynamic_sidebar('slowtwitch-front-page'); ?>
</div>
</div>
<?php get_header() ?>
<div class="container">
<div class="column two-thirds">
<h1>Oops, this page doesn't exist.</h1>
<p>Check out some of our articles below.</p>
<?php
$post_section_two_args = array(
'showposts' => 10,
'offset' => 0,
'orderby' => 'post_date',
'order' => 'DESC',
'post_type' => 'post',
'post_status' => 'publish'
);
query_posts($post_section_two_args);
?>
<div style="text-align: center;" class="four-o-four-post-grid">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php
$category = get_the_category()[0];
?>
<div class="four-o-four-post-grid-card">
<a href="<?php the_permalink(); ?>">
<img src="<?php the_post_thumbnail_url(); ?>">
</a>
<a href="<?php echo home_url($category->slug) ?>">
<p><?php echo $category->name; ?></p>
</a>
<a style="text-decoration: none; color: black;" href="<?php the_permalink(); ?>">
<h6><?php the_title(); ?></h6>
</a>
</div>
<?php
endwhile;
wp_reset_postdata();
endif;
?>
</div>
</div>
<div class="column one-third">
<img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
<?php dynamic_sidebar('slowtwitch-front-page'); ?>
</div>
</div>
<?php get_footer() ?>

90
archive.php
View File

@ -1,46 +1,46 @@
<?php get_header() ?>
<div class="container">
<div class="column two-thirds">
<?php
custom_breadcrumbs();
$post_count = 1;
$total_posts = $wp_query->post_count;
if (have_posts()) {
while (have_posts()) {
the_post();
?>
<div class="archive-article-card">
<a style="display: contents;" href="<?php the_permalink( ) ?>">
<?php the_post_thumbnail('thumbnail'); ?>
<div class="archive-article-text-block">
<h4 class="archive-article-title"> <?php the_title(); ?> </h4>
<div class="archive-article-author-box">
<?php the_author() ?>
<?php the_date() ?>
</div>
<?php the_excerpt() ?>
</div>
</a>
</div>
<?php
if($post_count < $total_posts) {
?> <hr class="slowtwitch-divider"> <?php
}
?>
<?php
$post_count++;
}
}
the_posts_pagination();
wp_reset_postdata();
?>
</div>
<div class="column one-third archive-category-list">
<img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
<?php dynamic_sidebar('slowtwitch-front-page'); ?>
</div>
</div>
<?php get_header() ?>
<div class="container">
<div class="column two-thirds">
<?php
custom_breadcrumbs();
$post_count = 1;
$total_posts = $wp_query->post_count;
if (have_posts()) {
while (have_posts()) {
the_post();
?>
<div class="archive-article-card">
<a style="display: contents;" href="<?php the_permalink( ) ?>">
<?php the_post_thumbnail('thumbnail'); ?>
<div class="archive-article-text-block">
<h4 class="archive-article-title"> <?php the_title(); ?> </h4>
<div class="archive-article-author-box">
<?php the_author() ?>
<?php the_date() ?>
</div>
<?php the_excerpt() ?>
</div>
</a>
</div>
<?php
if($post_count < $total_posts) {
?> <hr class="slowtwitch-divider"> <?php
}
?>
<?php
$post_count++;
}
}
the_posts_pagination();
wp_reset_postdata();
?>
</div>
<div class="column one-third archive-category-list">
<img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
<?php dynamic_sidebar('slowtwitch-front-page'); ?>
</div>
</div>
<?php get_footer() ?>

198
footer.php
View File

@ -1,100 +1,100 @@
<!-- start footer html
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<hr class="slowtwitch-divider">
</div>
<div class="container">
<div class="row">
<img class="slowtwitch-horizontal-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/ad-mock.jpg" alt="ad mock">
</div>
</div>
<div class="container">
<hr class="slowtwitch-divider">
</div>
<div class="container">
<!-- THIS SHOULD BE TAKEN CARE OF WITH CUSTOM POST TYPES IN ACF -->
<div class="row" class="partner-link-list">
<h4>Our Partners</h4>
</div>
<div class="row">
<a href="https://www.piedmontese.com/">Certified Piedmontese</a> |
<a href="http://www.cervelo.com/en/bikes/p-series">Cervelo</a> |
<a href="https://goodlifeproteins.com/discount/slowtwitch20">Goodlife Brands</a> |
<a href="https://hedcycling.com/">HED</a> |
<a href="https://jakroo.com/">Jakroo</a> |
<a href="https://lazersport.us/">Lazer</a> |
<a href="https://profile-design.com/">Profile Design</a> |
<a href="https://www.sailfish.com/en">Sailfish</a> |
<a href="https://bike.shimano.com/en-US/home.html">Shimano</a> |
<a href="http://speedplay.com/">Speedplay</a> |
<a href="https://ventumracing.com/">Ventum</a> |
<a href="https://www.wahoofitness.com/">Wahoo Fitness</a> |
<a href="https://www.sram.com/en/zipp">Zipp</a> |
<a href="https://zootsports.com/">Zoot Sports</a>
</div>
</div>
<div class="container footer-links">
<div class="row">
<div class="columns eight footer-links-slowtwitch">
<a href="<?php echo home_url('/aboutus') ?>">About</a> |
<a href="<?php echo home_url('/advertise') ?>">Advertise</a> |
<a href="<?php echo home_url('/privacy') ?>">Privacy Policy</a> |
<a href="<?php echo home_url('/agreement') ?>">User Agreement</a>
</div>
<div class="column one footer-links-twitter">
<a style="display: contents;" href="https://www.facebook.com/slowtwitch/">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/twitter-white.svg" alt="facebook logo">
</a>
</div>
<div class="column one footer-links-vimeo">
<a style="display: contents;" href="https://www.facebook.com/slowtwitch/">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/vimeo-white.svg" alt="facebook logo">
</a>
</div>
<div class="column one footer-links-facebook">
<a style="display: contents;" href="https://www.facebook.com/slowtwitch/">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/facebook-white.svg" alt="facebook logo">
</a>
</div>
<div class="column one footer-links-youtube">
<a style="display: contents;" href="https://www.facebook.com/slowtwitch/">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/youtube-white.svg" alt="facebook logo">
</a>
</div>
</div>
</div>
<div class="container footer-newsletter-signup">
<div class="row">
<div class="column one-half">
<h4>Subscribe to Our Newsletter</h4>
<p>This is a placeholder and does not work yet.</p>
<form action="">
<input type="email" placeholder="Email" />
<input type="submit" name="submit" id="submit">
</form>
</div>
<div class="column one-half slowtwitch-logo-footer-container">
<a style="display: contents;" href="<?php echo home_url() ?>">
<span>transition-DOT-area-AT-slowtwitch-DOT-com</span>
<img class="slowtwitch-logo-footer" src="/wp-content/themes/slowtwitch-wp/assets/images/logo.svg" alt="slowtwitch logo">
</a>
</div>
</div>
</div>
<div class="container footer-termination-container">
<div class="row">
<div class="column one-third advertise-with-us-footer-container">
<a style="display: contents;" href="<?php echo home_url('advertise') ?>">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/logo-white.svg" alt="slowtwitch logo">
<span>Advertise With Us</span>
</a>
</div>
<div class="column two-thirds">
<span class="footer-copyright">©1999-2024 Slowtwitch, Inc., and Slowtwitch.com. Reproduction of material from any Slowtwitch.com page without written permission is strictly prohibited.</span>
</div>
</div>
</div>
<?php wp_footer() ?>
</body>
<!-- start footer html
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<hr class="slowtwitch-divider">
</div>
<div class="container">
<div class="row">
<img class="slowtwitch-horizontal-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/ad-mock.jpg" alt="ad mock">
</div>
</div>
<div class="container">
<hr class="slowtwitch-divider">
</div>
<div class="container">
<!-- THIS SHOULD BE TAKEN CARE OF WITH CUSTOM POST TYPES IN ACF -->
<div class="row" class="partner-link-list">
<h4>Our Partners</h4>
</div>
<div class="row">
<a href="https://www.piedmontese.com/">Certified Piedmontese</a> |
<a href="http://www.cervelo.com/en/bikes/p-series">Cervelo</a> |
<a href="https://goodlifeproteins.com/discount/slowtwitch20">Goodlife Brands</a> |
<a href="https://hedcycling.com/">HED</a> |
<a href="https://jakroo.com/">Jakroo</a> |
<a href="https://lazersport.us/">Lazer</a> |
<a href="https://profile-design.com/">Profile Design</a> |
<a href="https://www.sailfish.com/en">Sailfish</a> |
<a href="https://bike.shimano.com/en-US/home.html">Shimano</a> |
<a href="http://speedplay.com/">Speedplay</a> |
<a href="https://ventumracing.com/">Ventum</a> |
<a href="https://www.wahoofitness.com/">Wahoo Fitness</a> |
<a href="https://www.sram.com/en/zipp">Zipp</a> |
<a href="https://zootsports.com/">Zoot Sports</a>
</div>
</div>
<div class="container footer-links">
<div class="row">
<div class="columns eight footer-links-slowtwitch">
<a href="<?php echo home_url('/aboutus') ?>">About</a> |
<a href="<?php echo home_url('/advertise') ?>">Advertise</a> |
<a href="<?php echo home_url('/privacy') ?>">Privacy Policy</a> |
<a href="<?php echo home_url('/agreement') ?>">User Agreement</a>
</div>
<div class="column one footer-links-twitter">
<a style="display: contents;" href="https://www.facebook.com/slowtwitch/">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/twitter-white.svg" alt="facebook logo">
</a>
</div>
<div class="column one footer-links-vimeo">
<a style="display: contents;" href="https://www.facebook.com/slowtwitch/">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/vimeo-white.svg" alt="facebook logo">
</a>
</div>
<div class="column one footer-links-facebook">
<a style="display: contents;" href="https://www.facebook.com/slowtwitch/">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/facebook-white.svg" alt="facebook logo">
</a>
</div>
<div class="column one footer-links-youtube">
<a style="display: contents;" href="https://www.facebook.com/slowtwitch/">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/youtube-white.svg" alt="facebook logo">
</a>
</div>
</div>
</div>
<div class="container footer-newsletter-signup">
<div class="row">
<div class="column one-half">
<h4>Subscribe to Our Newsletter</h4>
<p>This is a placeholder and does not work yet.</p>
<form action="">
<input type="email" placeholder="Email" />
<input type="submit" name="submit" id="submit">
</form>
</div>
<div class="column one-half slowtwitch-logo-footer-container">
<a style="display: contents;" href="<?php echo home_url() ?>">
<span>transition-DOT-area-AT-slowtwitch-DOT-com</span>
<img class="slowtwitch-logo-footer" src="/wp-content/themes/slowtwitch-wp/assets/images/logo.svg" alt="slowtwitch logo">
</a>
</div>
</div>
</div>
<div class="container footer-termination-container">
<div class="row">
<div class="column one-third advertise-with-us-footer-container">
<a style="display: contents;" href="<?php echo home_url('advertise') ?>">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/logo-white.svg" alt="slowtwitch logo">
<span>Advertise With Us</span>
</a>
</div>
<div class="column two-thirds">
<span class="footer-copyright">©1999-2024 Slowtwitch, Inc., and Slowtwitch.com. Reproduction of material from any Slowtwitch.com page without written permission is strictly prohibited.</span>
</div>
</div>
</div>
<?php wp_footer() ?>
</body>
</html>

260
front-page.php
View File

@ -1,131 +1,131 @@
<?php get_header() ?>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<?php
query_posts('showposts=1');
if (have_posts()) : while (have_posts()) : the_post();
$category = get_the_category()[0];
?>
<div style="text-align: center;" class="container front-page-most-recent-post">
<div class="row">
<div class="one-third column">
<a href="<?php the_permalink(); ?>">
<?php the_post_thumbnail(); ?>
</a>
</div>
<div class="two-thirds column">
<a href="<?php echo home_url($category->slug) ?>">
<p><?php echo $category->name; ?></p>
</a>
<a style="text-decoration: none; color: black;" href="<?php the_permalink(); ?>">
<h4><?php the_title(); ?></h4>
</a>
<p class="front-page-most-recent-post-excerpt"><?php the_excerpt(__('(more…)')); ?></p>
<span class="datetime"><?php the_time('F j, Y'); ?></span> -
<?php the_author_posts_link(); ?>
</a>
</div>
</div>
</div>
<?php
endwhile;
endif;
wp_reset_postdata();
$post_section_two_args = array(
'showposts' => 6,
'offset' => 1,
'orderby' => 'post_date',
'order' => 'DESC',
'post_type' => 'post',
'post_status' => 'publish'
);
query_posts($post_section_two_args);
?>
<div style="text-align: center;" class="container front-page-post-grid">
<div class="column two-thirds container front-page-post-grid-card-container">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php
$category = get_the_category()[0];
?>
<div class="front-page-post-grid-card">
<a href="<?php the_permalink(); ?>">
<img src="<?php the_post_thumbnail_url(); ?>">
</a>
<a href="<?php echo home_url($category->slug) ?>">
<p><?php echo $category->name; ?></p>
</a>
<a style="text-decoration: none; color: black;" href="<?php the_permalink(); ?>">
<h6><?php the_title(); ?></h6>
</a>
</div>
<?php
endwhile;
wp_reset_postdata();
endif;
?>
</div>
<div class="column one-third">
<img class="front-page-article-grid-ad-mock" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
</div>
</div>
<div class="container">
<hr class="slowtwitch-divider">
</div>
<div class="container">
<div class="row">
<img class="slowtwitch-horizontal-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/ad-mock.jpg" alt="ad mock">
</div>
</div>
<div class="container">
<hr class="slowtwitch-divider">
</div>
<?php
$post_section_two_args = array(
'showposts' => 8,
'offset' => 7,
'orderby' => 'post_date',
'order' => 'DESC',
'post_type' => 'post',
'post_status' => 'publish'
);
query_posts($post_section_two_args);
?>
<div style="text-align: center;" class="container front-page-post-grid">
<div class="column two-thirds container front-page-post-grid-card-container">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php
$category = get_the_category()[0];
?>
<div class="front-page-post-grid-card">
<a href="<?php the_permalink(); ?>">
<img src="<?php the_post_thumbnail_url(); ?>">
</a>
<a href="<?php echo home_url($category->slug) ?>">
<p><?php echo $category->name; ?></p>
</a>
<a style="text-decoration: none; color: black;" href="<?php the_permalink(); ?>">
<h6><?php the_title(); ?></h6>
</a>
</div>
<?php
endwhile;
wp_reset_postdata();
endif;
?>
</div>
<div class="column one-third">
<?php dynamic_sidebar('slowtwitch-front-page'); ?>
</div>
</div>
<?php get_header() ?>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<?php
query_posts('showposts=1');
if (have_posts()) : while (have_posts()) : the_post();
$category = get_the_category()[0];
?>
<div style="text-align: center;" class="container front-page-most-recent-post">
<div class="row">
<div class="one-third column">
<a href="<?php the_permalink(); ?>">
<?php the_post_thumbnail(); ?>
</a>
</div>
<div class="two-thirds column">
<a href="<?php echo home_url($category->slug) ?>">
<p><?php echo $category->name; ?></p>
</a>
<a style="text-decoration: none; color: black;" href="<?php the_permalink(); ?>">
<h4><?php the_title(); ?></h4>
</a>
<p class="front-page-most-recent-post-excerpt"><?php the_excerpt(__('(more…)')); ?></p>
<span class="datetime"><?php the_time('F j, Y'); ?></span> -
<?php the_author_posts_link(); ?>
</a>
</div>
</div>
</div>
<?php
endwhile;
endif;
wp_reset_postdata();
$post_section_two_args = array(
'showposts' => 6,
'offset' => 1,
'orderby' => 'post_date',
'order' => 'DESC',
'post_type' => 'post',
'post_status' => 'publish'
);
query_posts($post_section_two_args);
?>
<div style="text-align: center;" class="container front-page-post-grid">
<div class="column two-thirds container front-page-post-grid-card-container">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php
$category = get_the_category()[0];
?>
<div class="front-page-post-grid-card">
<a href="<?php the_permalink(); ?>">
<img src="<?php the_post_thumbnail_url(); ?>">
</a>
<a href="<?php echo home_url($category->slug) ?>">
<p><?php echo $category->name; ?></p>
</a>
<a style="text-decoration: none; color: black;" href="<?php the_permalink(); ?>">
<h6><?php the_title(); ?></h6>
</a>
</div>
<?php
endwhile;
wp_reset_postdata();
endif;
?>
</div>
<div class="column one-third">
<img class="front-page-article-grid-ad-mock" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
</div>
</div>
<div class="container">
<hr class="slowtwitch-divider">
</div>
<div class="container">
<div class="row">
<img class="slowtwitch-horizontal-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/ad-mock.jpg" alt="ad mock">
</div>
</div>
<div class="container">
<hr class="slowtwitch-divider">
</div>
<?php
$post_section_two_args = array(
'showposts' => 8,
'offset' => 7,
'orderby' => 'post_date',
'order' => 'DESC',
'post_type' => 'post',
'post_status' => 'publish'
);
query_posts($post_section_two_args);
?>
<div style="text-align: center;" class="container front-page-post-grid">
<div class="column two-thirds container front-page-post-grid-card-container">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php
$category = get_the_category()[0];
?>
<div class="front-page-post-grid-card">
<a href="<?php the_permalink(); ?>">
<img src="<?php the_post_thumbnail_url(); ?>">
</a>
<a href="<?php echo home_url($category->slug) ?>">
<p><?php echo $category->name; ?></p>
</a>
<a style="text-decoration: none; color: black;" href="<?php the_permalink(); ?>">
<h6><?php the_title(); ?></h6>
</a>
</div>
<?php
endwhile;
wp_reset_postdata();
endif;
?>
</div>
<div class="column one-third">
<?php dynamic_sidebar('slowtwitch-front-page'); ?>
</div>
</div>
<?php get_footer() ?>

534
functions.php
View File

@ -1,268 +1,268 @@
<?php
add_action('after_setup_theme', 'slowtwitch_theme_support');
function slowtwitch_theme_support() {
add_theme_support('title-tag');
}
add_action('wp_enqueue_scripts', 'slowtwitch_register_styles');
function slowtwitch_register_styles() {
wp_enqueue_style('slowtwitch-styles', get_template_directory_uri() . '/style.css', array('slowtwitch-skeleton', 'slowtwitch-normalize'), wp_get_theme()->get('version'), 'all');
wp_enqueue_style('slowtwitch-skeleton', get_template_directory_uri() . '/assets/css/skeleton.css', array(), '1.0', 'all');
wp_enqueue_style('slowtwitch-normalize', get_template_directory_uri() . '/assets/css/normalize.css', array(), '1.0', 'all');
}
add_action( 'init', 'slowtwitch_menus' );
function slowtwitch_menus() {
$locations = array(
'primary' => 'Primary Menu',
'footer' => 'Footer Menu'
);
register_nav_menus($locations);
}
function my_widgets_init() {
register_sidebar( array(
'id' => 'slowtwitch-front-page',
'name' => 'Widgets for Front Page',
) );
}
add_action( 'widgets_init', 'my_widgets_init' );
// Breadcrumbs
function custom_breadcrumbs() {
// Settings
$separator = '&gt;';
$breadcrums_id = 'breadcrumbs';
$breadcrums_class = 'breadcrumbs';
$home_title = 'Homepage';
// If you have any custom post types with custom taxonomies, put the taxonomy name below (e.g. product_cat)
$custom_taxonomy = 'product_cat';
// Get the query & post information
global $post,$wp_query;
// Do not display on the homepage
if ( !is_front_page() ) {
// Build the breadcrums
echo '<ul id="' . $breadcrums_id . '" class="' . $breadcrums_class . '">';
// Home page
echo '<li class="item-home"><a class="bread-link bread-home" href="' . get_home_url() . '" title="' . $home_title . '">' . $home_title . '</a></li>';
echo '<li class="separator separator-home"> ' . $separator . ' </li>';
if ( is_archive() && !is_tax() && !is_category() && !is_tag() ) {
echo '<li class="item-current item-archive"><strong class="bread-current bread-archive">' . post_type_archive_title('', false) . '</strong></li>';
} else if ( is_archive() && is_tax() && !is_category() && !is_tag() ) {
// If post is a custom post type
$post_type = get_post_type();
// If it is a custom post type display name and link
if($post_type != 'post') {
$post_type_object = get_post_type_object($post_type);
$post_type_archive = get_post_type_archive_link($post_type);
echo '<li class="item-cat item-custom-post-type-' . $post_type . '"><a class="bread-cat bread-custom-post-type-' . $post_type . '" href="' . $post_type_archive . '" title="' . $post_type_object->labels->name . '">' . $post_type_object->labels->name . '</a></li>';
echo '<li class="separator"> ' . $separator . ' </li>';
}
$custom_tax_name = get_queried_object()->name;
echo '<li class="item-current item-archive"><strong class="bread-current bread-archive">' . $custom_tax_name . '</strong></li>';
} else if ( is_single() ) {
// If post is a custom post type
$post_type = get_post_type();
// If it is a custom post type display name and link
if($post_type != 'post') {
$post_type_object = get_post_type_object($post_type);
$post_type_archive = get_post_type_archive_link($post_type);
echo '<li class="item-cat item-custom-post-type-' . $post_type . '"><a class="bread-cat bread-custom-post-type-' . $post_type . '" href="' . $post_type_archive . '" title="' . $post_type_object->labels->name . '">' . $post_type_object->labels->name . '</a></li>';
echo '<li class="separator"> ' . $separator . ' </li>';
}
// Get post category info
$category = get_the_category();
if(!empty($category)) {
// Get last category post is in
$last_category = end(array_values($category));
// Get parent any categories and create array
$get_cat_parents = rtrim(get_category_parents($last_category->term_id, true, ','),',');
$cat_parents = explode(',',$get_cat_parents);
// Loop through parent categories and store in variable $cat_display
$cat_display = '';
foreach($cat_parents as $parents) {
$cat_display .= '<li class="item-cat">'.$parents.'</li>';
$cat_display .= '<li class="separator"> ' . $separator . ' </li>';
}
}
// If it's a custom post type within a custom taxonomy
$taxonomy_exists = taxonomy_exists($custom_taxonomy);
if(empty($last_category) && !empty($custom_taxonomy) && $taxonomy_exists) {
$taxonomy_terms = get_the_terms( $post->ID, $custom_taxonomy );
$cat_id = $taxonomy_terms[0]->term_id;
$cat_nicename = $taxonomy_terms[0]->slug;
$cat_link = get_term_link($taxonomy_terms[0]->term_id, $custom_taxonomy);
$cat_name = $taxonomy_terms[0]->name;
}
// Check if the post is in a category
if(!empty($last_category)) {
echo $cat_display;
echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>';
// Else if post is in a custom taxonomy
} else if(!empty($cat_id)) {
echo '<li class="item-cat item-cat-' . $cat_id . ' item-cat-' . $cat_nicename . '"><a class="bread-cat bread-cat-' . $cat_id . ' bread-cat-' . $cat_nicename . '" href="' . $cat_link . '" title="' . $cat_name . '">' . $cat_name . '</a></li>';
echo '<li class="separator"> ' . $separator . ' </li>';
echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>';
} else {
echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>';
}
} else if ( is_category() ) {
// Category page
echo '<li class="item-current item-cat"><strong class="bread-current bread-cat">' . single_cat_title('', false) . '</strong></li>';
} else if ( is_page() ) {
// Standard page
if( $post->post_parent ){
// If child page, get parents
$anc = get_post_ancestors( $post->ID );
// Get parents in the right order
$anc = array_reverse($anc);
// Parent page loop
if ( !isset( $parents ) ) $parents = null;
foreach ( $anc as $ancestor ) {
$parents .= '<li class="item-parent item-parent-' . $ancestor . '"><a class="bread-parent bread-parent-' . $ancestor . '" href="' . get_permalink($ancestor) . '" title="' . get_the_title($ancestor) . '">' . get_the_title($ancestor) . '</a></li>';
$parents .= '<li class="separator separator-' . $ancestor . '"> ' . $separator . ' </li>';
}
// Display parent pages
echo $parents;
// Current page
echo '<li class="item-current item-' . $post->ID . '"><strong title="' . get_the_title() . '"> ' . get_the_title() . '</strong></li>';
} else {
// Just display current page if not parents
echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '"> ' . get_the_title() . '</strong></li>';
}
} else if ( is_tag() ) {
// Tag page
// Get tag information
$term_id = get_query_var('tag_id');
$taxonomy = 'post_tag';
$args = 'include=' . $term_id;
$terms = get_terms( $taxonomy, $args );
$get_term_id = $terms[0]->term_id;
$get_term_slug = $terms[0]->slug;
$get_term_name = $terms[0]->name;
// Display the tag name
echo '<li class="item-current item-tag-' . $get_term_id . ' item-tag-' . $get_term_slug . '"><strong class="bread-current bread-tag-' . $get_term_id . ' bread-tag-' . $get_term_slug . '">' . $get_term_name . '</strong></li>';
} elseif ( is_day() ) {
// Day archive
// Year link
echo '<li class="item-year item-year-' . get_the_time('Y') . '"><a class="bread-year bread-year-' . get_the_time('Y') . '" href="' . get_year_link( get_the_time('Y') ) . '" title="' . get_the_time('Y') . '">' . get_the_time('Y') . ' Archives</a></li>';
echo '<li class="separator separator-' . get_the_time('Y') . '"> ' . $separator . ' </li>';
// Month link
echo '<li class="item-month item-month-' . get_the_time('m') . '"><a class="bread-month bread-month-' . get_the_time('m') . '" href="' . get_month_link( get_the_time('Y'), get_the_time('m') ) . '" title="' . get_the_time('M') . '">' . get_the_time('M') . ' Archives</a></li>';
echo '<li class="separator separator-' . get_the_time('m') . '"> ' . $separator . ' </li>';
// Day display
echo '<li class="item-current item-' . get_the_time('j') . '"><strong class="bread-current bread-' . get_the_time('j') . '"> ' . get_the_time('jS') . ' ' . get_the_time('M') . ' Archives</strong></li>';
} else if ( is_month() ) {
// Month Archive
// Year link
echo '<li class="item-year item-year-' . get_the_time('Y') . '"><a class="bread-year bread-year-' . get_the_time('Y') . '" href="' . get_year_link( get_the_time('Y') ) . '" title="' . get_the_time('Y') . '">' . get_the_time('Y') . ' Archives</a></li>';
echo '<li class="separator separator-' . get_the_time('Y') . '"> ' . $separator . ' </li>';
// Month display
echo '<li class="item-month item-month-' . get_the_time('m') . '"><strong class="bread-month bread-month-' . get_the_time('m') . '" title="' . get_the_time('M') . '">' . get_the_time('M') . ' Archives</strong></li>';
} else if ( is_year() ) {
// Display year archive
echo '<li class="item-current item-current-' . get_the_time('Y') . '"><strong class="bread-current bread-current-' . get_the_time('Y') . '" title="' . get_the_time('Y') . '">' . get_the_time('Y') . ' Archives</strong></li>';
} else if ( is_author() ) {
// Auhor archive
// Get the author information
global $author;
$userdata = get_userdata( $author );
// Display author name
echo '<li class="item-current item-current-' . $userdata->user_nicename . '"><strong class="bread-current bread-current-' . $userdata->user_nicename . '" title="' . $userdata->display_name . '">' . 'Author: ' . $userdata->display_name . '</strong></li>';
} else if ( get_query_var('paged') ) {
// Paginated archives
echo '<li class="item-current item-current-' . get_query_var('paged') . '"><strong class="bread-current bread-current-' . get_query_var('paged') . '" title="Page ' . get_query_var('paged') . '">'.__('Page') . ' ' . get_query_var('paged') . '</strong></li>';
} else if ( is_search() ) {
// Search results page
echo '<li class="item-current item-current-' . get_search_query() . '"><strong class="bread-current bread-current-' . get_search_query() . '" title="Search results for: ' . get_search_query() . '">Search results for: ' . get_search_query() . '</strong></li>';
} elseif ( is_404() ) {
// 404 page
echo '<li>' . 'Error 404' . '</li>';
}
echo '</ul>';
}
}
<?php
add_action('after_setup_theme', 'slowtwitch_theme_support');
function slowtwitch_theme_support() {
add_theme_support('title-tag');
}
add_action('wp_enqueue_scripts', 'slowtwitch_register_styles');
function slowtwitch_register_styles() {
wp_enqueue_style('slowtwitch-styles', get_template_directory_uri() . '/style.css', array('slowtwitch-skeleton', 'slowtwitch-normalize'), wp_get_theme()->get('version'), 'all');
wp_enqueue_style('slowtwitch-skeleton', get_template_directory_uri() . '/assets/css/skeleton.css', array(), '1.0', 'all');
wp_enqueue_style('slowtwitch-normalize', get_template_directory_uri() . '/assets/css/normalize.css', array(), '1.0', 'all');
}
add_action( 'init', 'slowtwitch_menus' );
function slowtwitch_menus() {
$locations = array(
'primary' => 'Primary Menu',
'footer' => 'Footer Menu'
);
register_nav_menus($locations);
}
function my_widgets_init() {
register_sidebar( array(
'id' => 'slowtwitch-front-page',
'name' => 'Widgets for Front Page',
) );
}
add_action( 'widgets_init', 'my_widgets_init' );
// Breadcrumbs
function custom_breadcrumbs() {
// Settings
$separator = '&gt;';
$breadcrums_id = 'breadcrumbs';
$breadcrums_class = 'breadcrumbs';
$home_title = 'Homepage';
// If you have any custom post types with custom taxonomies, put the taxonomy name below (e.g. product_cat)
$custom_taxonomy = 'product_cat';
// Get the query & post information
global $post,$wp_query;
// Do not display on the homepage
if ( !is_front_page() ) {
// Build the breadcrums
echo '<ul id="' . $breadcrums_id . '" class="' . $breadcrums_class . '">';
// Home page
echo '<li class="item-home"><a class="bread-link bread-home" href="' . get_home_url() . '" title="' . $home_title . '">' . $home_title . '</a></li>';
echo '<li class="separator separator-home"> ' . $separator . ' </li>';
if ( is_archive() && !is_tax() && !is_category() && !is_tag() ) {
echo '<li class="item-current item-archive"><strong class="bread-current bread-archive">' . post_type_archive_title('', false) . '</strong></li>';
} else if ( is_archive() && is_tax() && !is_category() && !is_tag() ) {
// If post is a custom post type
$post_type = get_post_type();
// If it is a custom post type display name and link
if($post_type != 'post') {
$post_type_object = get_post_type_object($post_type);
$post_type_archive = get_post_type_archive_link($post_type);
echo '<li class="item-cat item-custom-post-type-' . $post_type . '"><a class="bread-cat bread-custom-post-type-' . $post_type . '" href="' . $post_type_archive . '" title="' . $post_type_object->labels->name . '">' . $post_type_object->labels->name . '</a></li>';
echo '<li class="separator"> ' . $separator . ' </li>';
}
$custom_tax_name = get_queried_object()->name;
echo '<li class="item-current item-archive"><strong class="bread-current bread-archive">' . $custom_tax_name . '</strong></li>';
} else if ( is_single() ) {
// If post is a custom post type
$post_type = get_post_type();
// If it is a custom post type display name and link
if($post_type != 'post') {
$post_type_object = get_post_type_object($post_type);
$post_type_archive = get_post_type_archive_link($post_type);
echo '<li class="item-cat item-custom-post-type-' . $post_type . '"><a class="bread-cat bread-custom-post-type-' . $post_type . '" href="' . $post_type_archive . '" title="' . $post_type_object->labels->name . '">' . $post_type_object->labels->name . '</a></li>';
echo '<li class="separator"> ' . $separator . ' </li>';
}
// Get post category info
$category = get_the_category();
if(!empty($category)) {
// Get last category post is in
$last_category = end(array_values($category));
// Get parent any categories and create array
$get_cat_parents = rtrim(get_category_parents($last_category->term_id, true, ','),',');
$cat_parents = explode(',',$get_cat_parents);
// Loop through parent categories and store in variable $cat_display
$cat_display = '';
foreach($cat_parents as $parents) {
$cat_display .= '<li class="item-cat">'.$parents.'</li>';
$cat_display .= '<li class="separator"> ' . $separator . ' </li>';
}
}
// If it's a custom post type within a custom taxonomy
$taxonomy_exists = taxonomy_exists($custom_taxonomy);
if(empty($last_category) && !empty($custom_taxonomy) && $taxonomy_exists) {
$taxonomy_terms = get_the_terms( $post->ID, $custom_taxonomy );
$cat_id = $taxonomy_terms[0]->term_id;
$cat_nicename = $taxonomy_terms[0]->slug;
$cat_link = get_term_link($taxonomy_terms[0]->term_id, $custom_taxonomy);
$cat_name = $taxonomy_terms[0]->name;
}
// Check if the post is in a category
if(!empty($last_category)) {
echo $cat_display;
echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>';
// Else if post is in a custom taxonomy
} else if(!empty($cat_id)) {
echo '<li class="item-cat item-cat-' . $cat_id . ' item-cat-' . $cat_nicename . '"><a class="bread-cat bread-cat-' . $cat_id . ' bread-cat-' . $cat_nicename . '" href="' . $cat_link . '" title="' . $cat_name . '">' . $cat_name . '</a></li>';
echo '<li class="separator"> ' . $separator . ' </li>';
echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>';
} else {
echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>';
}
} else if ( is_category() ) {
// Category page
echo '<li class="item-current item-cat"><strong class="bread-current bread-cat">' . single_cat_title('', false) . '</strong></li>';
} else if ( is_page() ) {
// Standard page
if( $post->post_parent ){
// If child page, get parents
$anc = get_post_ancestors( $post->ID );
// Get parents in the right order
$anc = array_reverse($anc);
// Parent page loop
if ( !isset( $parents ) ) $parents = null;
foreach ( $anc as $ancestor ) {
$parents .= '<li class="item-parent item-parent-' . $ancestor . '"><a class="bread-parent bread-parent-' . $ancestor . '" href="' . get_permalink($ancestor) . '" title="' . get_the_title($ancestor) . '">' . get_the_title($ancestor) . '</a></li>';
$parents .= '<li class="separator separator-' . $ancestor . '"> ' . $separator . ' </li>';
}
// Display parent pages
echo $parents;
// Current page
echo '<li class="item-current item-' . $post->ID . '"><strong title="' . get_the_title() . '"> ' . get_the_title() . '</strong></li>';
} else {
// Just display current page if not parents
echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '"> ' . get_the_title() . '</strong></li>';
}
} else if ( is_tag() ) {
// Tag page
// Get tag information
$term_id = get_query_var('tag_id');
$taxonomy = 'post_tag';
$args = 'include=' . $term_id;
$terms = get_terms( $taxonomy, $args );
$get_term_id = $terms[0]->term_id;
$get_term_slug = $terms[0]->slug;
$get_term_name = $terms[0]->name;
// Display the tag name
echo '<li class="item-current item-tag-' . $get_term_id . ' item-tag-' . $get_term_slug . '"><strong class="bread-current bread-tag-' . $get_term_id . ' bread-tag-' . $get_term_slug . '">' . $get_term_name . '</strong></li>';
} elseif ( is_day() ) {
// Day archive
// Year link
echo '<li class="item-year item-year-' . get_the_time('Y') . '"><a class="bread-year bread-year-' . get_the_time('Y') . '" href="' . get_year_link( get_the_time('Y') ) . '" title="' . get_the_time('Y') . '">' . get_the_time('Y') . ' Archives</a></li>';
echo '<li class="separator separator-' . get_the_time('Y') . '"> ' . $separator . ' </li>';
// Month link
echo '<li class="item-month item-month-' . get_the_time('m') . '"><a class="bread-month bread-month-' . get_the_time('m') . '" href="' . get_month_link( get_the_time('Y'), get_the_time('m') ) . '" title="' . get_the_time('M') . '">' . get_the_time('M') . ' Archives</a></li>';
echo '<li class="separator separator-' . get_the_time('m') . '"> ' . $separator . ' </li>';
// Day display
echo '<li class="item-current item-' . get_the_time('j') . '"><strong class="bread-current bread-' . get_the_time('j') . '"> ' . get_the_time('jS') . ' ' . get_the_time('M') . ' Archives</strong></li>';
} else if ( is_month() ) {
// Month Archive
// Year link
echo '<li class="item-year item-year-' . get_the_time('Y') . '"><a class="bread-year bread-year-' . get_the_time('Y') . '" href="' . get_year_link( get_the_time('Y') ) . '" title="' . get_the_time('Y') . '">' . get_the_time('Y') . ' Archives</a></li>';
echo '<li class="separator separator-' . get_the_time('Y') . '"> ' . $separator . ' </li>';
// Month display
echo '<li class="item-month item-month-' . get_the_time('m') . '"><strong class="bread-month bread-month-' . get_the_time('m') . '" title="' . get_the_time('M') . '">' . get_the_time('M') . ' Archives</strong></li>';
} else if ( is_year() ) {
// Display year archive
echo '<li class="item-current item-current-' . get_the_time('Y') . '"><strong class="bread-current bread-current-' . get_the_time('Y') . '" title="' . get_the_time('Y') . '">' . get_the_time('Y') . ' Archives</strong></li>';
} else if ( is_author() ) {
// Auhor archive
// Get the author information
global $author;
$userdata = get_userdata( $author );
// Display author name
echo '<li class="item-current item-current-' . $userdata->user_nicename . '"><strong class="bread-current bread-current-' . $userdata->user_nicename . '" title="' . $userdata->display_name . '">' . 'Author: ' . $userdata->display_name . '</strong></li>';
} else if ( get_query_var('paged') ) {
// Paginated archives
echo '<li class="item-current item-current-' . get_query_var('paged') . '"><strong class="bread-current bread-current-' . get_query_var('paged') . '" title="Page ' . get_query_var('paged') . '">'.__('Page') . ' ' . get_query_var('paged') . '</strong></li>';
} else if ( is_search() ) {
// Search results page
echo '<li class="item-current item-current-' . get_search_query() . '"><strong class="bread-current bread-current-' . get_search_query() . '" title="Search results for: ' . get_search_query() . '">Search results for: ' . get_search_query() . '</strong></li>';
} elseif ( is_404() ) {
// 404 page
echo '<li>' . 'Error 404' . '</li>';
}
echo '</ul>';
}
}
?>

194
header.php
View File

@ -1,98 +1,98 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php wp_head() ?>
</head>
<body>
<!-- Header html starts here
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="container slowtwitch-desktop-header">
<div class="row">
<div class="ten columns">
<div class="row text-logo-header hide-mobile">
<img class="slowtwitch-logo-header" src="/wp-content/themes/slowtwitch-wp/assets/images/txt-logo.svg" alt="slowtwitch logo">
<p>Subscribe</p>
</div>
<div class="row flex-row">
<a href="<?php echo home_url() ?>" class="slowtwitch-logo-header hide-mobile">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/logo.svg" alt="slowtwitch logo">
</a>
<img class="slowtwitch-mobile-text-logo" src="/wp-content/themes/slowtwitch-wp/assets/images/txt-logo.svg" alt="slowtwitch logo">
<img class="slowtwitch-ad-header hide-mobile" src="/wp-content/themes/slowtwitch-wp/assets/images/ad-mock.jpg" alt="ad mock">
</div>
<div class="row flex-row-right hide-mobile">
<a style="display: contents;" class="slowtwitch-logo-social" href="https://twitter.com/slowtwitch">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/twitter.svg" alt="twitter logo">
</a>
<a style="display: contents;" class="slowtwitch-logo-social" href="https://vimeo.com/slowtwitch">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/vimeo.svg" alt="vimeo logo">
</a>
<a style="display: contents;" class="slowtwitch-logo-social" href="https://www.facebook.com/slowtwitch/">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/facebook.svg" alt="facebook logo">
</a>
<a style="display: contents;" class="slowtwitch-logo-social" href="https://www.youtube.com/slowtwitch">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/youtube.svg" alt="youtube logo">
</a>
<form method="get" action="/">
<div class="searchBarContainer">
<input type="text" class="searchBox" name="s" id="s" placeholder="Search" />
<button class="btn-search">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/search.svg">
</button>
</div>
</form>
</div>
</div>
<label for="open-btn" class="menu-open-btn"><i class="fa fa-bars" aria-hidden="true"></i></label>
<div class="two columns desktop-tag-logos">
<div class="row">
<a href="<?php echo home_url('tag/swim') ?>">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/swim-lrg.svg" alt="swim">
</a>
</div>
<div class="row">
<a href="<?php echo home_url('tag/bike') ?>">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/bike-lrg.svg" alt="run">
</a>
</div>
<div class="row">
<a href="<?php echo home_url('tag/run') ?>">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/running-lrg.svg" alt="run">
</a>
</div>
</div>
</div>
</div>
<nav>
<div class="main-menu-wrapper">
<?php
wp_nav_menu(
array(
'menu' => 'primary',
'container' => '',
'theme_location' => 'primary',
'items_wrap' => '<input type="radio" name="slide" id="open-btn"><input type="radio" name="slide" id="cancel-btn"><ul class="nav-links" id="test"><label for="cancel-btn" class="menu-cancel-btn"><i class="fa fa-remove" aria-hidden="true"></i></label><form class="hide-desktop" method="get" action=""><div class="searchBarContainer"><input type="text" class="searchBox" name="s" id="s" placeholder="Search" /><button class="btn-search"><img src="/wp-content/themes/slowtwitch-wp/assets/images/search.svg"></button></div></form>%3$s</ul>'
)
);
?>
</div>
</nav>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php wp_head() ?>
</head>
<body>
<!-- Header html starts here
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="container slowtwitch-desktop-header">
<div class="row">
<div class="ten columns">
<div class="row text-logo-header hide-mobile">
<img class="slowtwitch-logo-header" src="/wp-content/themes/slowtwitch-wp/assets/images/txt-logo.svg" alt="slowtwitch logo">
<p>Subscribe</p>
</div>
<div class="row flex-row">
<a href="<?php echo home_url() ?>" class="slowtwitch-logo-header hide-mobile">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/logo.svg" alt="slowtwitch logo">
</a>
<img class="slowtwitch-mobile-text-logo" src="/wp-content/themes/slowtwitch-wp/assets/images/txt-logo.svg" alt="slowtwitch logo">
<img class="slowtwitch-ad-header hide-mobile" src="/wp-content/themes/slowtwitch-wp/assets/images/ad-mock.jpg" alt="ad mock">
</div>
<div class="row flex-row-right hide-mobile">
<a style="display: contents;" class="slowtwitch-logo-social" href="https://twitter.com/slowtwitch">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/twitter.svg" alt="twitter logo">
</a>
<a style="display: contents;" class="slowtwitch-logo-social" href="https://vimeo.com/slowtwitch">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/vimeo.svg" alt="vimeo logo">
</a>
<a style="display: contents;" class="slowtwitch-logo-social" href="https://www.facebook.com/slowtwitch/">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/facebook.svg" alt="facebook logo">
</a>
<a style="display: contents;" class="slowtwitch-logo-social" href="https://www.youtube.com/slowtwitch">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/youtube.svg" alt="youtube logo">
</a>
<form method="get" action="/">
<div class="searchBarContainer">
<input type="text" class="searchBox" name="s" id="s" placeholder="Search" />
<button class="btn-search">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/search.svg">
</button>
</div>
</form>
</div>
</div>
<label for="open-btn" class="menu-open-btn"><i class="fa fa-bars" aria-hidden="true"></i></label>
<div class="two columns desktop-tag-logos">
<div class="row">
<a href="<?php echo home_url('tag/swim') ?>">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/swim-lrg.svg" alt="swim">
</a>
</div>
<div class="row">
<a href="<?php echo home_url('tag/bike') ?>">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/bike-lrg.svg" alt="run">
</a>
</div>
<div class="row">
<a href="<?php echo home_url('tag/run') ?>">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/running-lrg.svg" alt="run">
</a>
</div>
</div>
</div>
</div>
<nav>
<div class="main-menu-wrapper">
<?php
wp_nav_menu(
array(
'menu' => 'primary',
'container' => '',
'theme_location' => 'primary',
'items_wrap' => '<input type="radio" name="slide" id="open-btn"><input type="radio" name="slide" id="cancel-btn"><ul class="nav-links" id="test"><label for="cancel-btn" class="menu-cancel-btn"><i class="fa fa-remove" aria-hidden="true"></i></label><form class="hide-desktop" method="get" action=""><div class="searchBarContainer"><input type="text" class="searchBox" name="s" id="s" placeholder="Search" /><button class="btn-search"><img src="/wp-content/themes/slowtwitch-wp/assets/images/search.svg"></button></div></form>%3$s</ul>'
)
);
?>
</div>
</nav>
</div>

48
page.php
View File

@ -1,25 +1,25 @@
<?php get_header() ?>
<div class="container">
<?php
if (have_posts()) {
while (have_posts()) {
the_post();
$post_id = get_the_ID();
?>
<div class="column two-thirds">
<h1 class="article-title"> <?php the_title(); ?> </h1>
<?php
the_content();
}
}
wp_reset_postdata();
?>
</div>
<div class="column one-third">
<img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
<?php dynamic_sidebar('slowtwitch-front-page'); ?>
</div>
</div>
<?php get_header() ?>
<div class="container">
<?php
if (have_posts()) {
while (have_posts()) {
the_post();
$post_id = get_the_ID();
?>
<div class="column two-thirds">
<h1 class="article-title"> <?php the_title(); ?> </h1>
<?php
the_content();
}
}
wp_reset_postdata();
?>
</div>
<div class="column one-third">
<img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
<?php dynamic_sidebar('slowtwitch-front-page'); ?>
</div>
</div>
<?php get_footer() ?>

88
search.php
View File

@ -1,45 +1,45 @@
<?php get_header() ?>
<div class="container">
<div class="column two-thirds search-results-container">
<?php
$post_count = 1;
$total_posts = $wp_query->post_count;
if (have_posts()) {
while (have_posts()) {
the_post();
?>
<div class="archive-article-card">
<a style="display: contents;" href="<?php the_permalink( ) ?>">
<?php the_post_thumbnail('thumbnail'); ?>
<div class="archive-article-text-block">
<h4 class="archive-article-title"> <?php the_title(); ?> </h4>
<div class="archive-article-author-box">
<?php the_author() ?>
<?php the_date() ?>
</div>
<?php the_excerpt() ?>
</div>
</a>
</div>
<?php
if($post_count < $total_posts) {
?> <hr class="slowtwitch-divider"> <?php
}
?>
<?php
$post_count++;
}
}
the_posts_pagination();
wp_reset_postdata();
?>
</div>
<div class="column one-third archive-category-list">
<img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
<?php dynamic_sidebar('slowtwitch-front-page'); ?>
</div>
</div>
<?php get_header() ?>
<div class="container">
<div class="column two-thirds search-results-container">
<?php
$post_count = 1;
$total_posts = $wp_query->post_count;
if (have_posts()) {
while (have_posts()) {
the_post();
?>
<div class="archive-article-card">
<a style="display: contents;" href="<?php the_permalink( ) ?>">
<?php the_post_thumbnail('thumbnail'); ?>
<div class="archive-article-text-block">
<h4 class="archive-article-title"> <?php the_title(); ?> </h4>
<div class="archive-article-author-box">
<?php the_author() ?>
<?php the_date() ?>
</div>
<?php the_excerpt() ?>
</div>
</a>
</div>
<?php
if($post_count < $total_posts) {
?> <hr class="slowtwitch-divider"> <?php
}
?>
<?php
$post_count++;
}
}
the_posts_pagination();
wp_reset_postdata();
?>
</div>
<div class="column one-third archive-category-list">
<img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
<?php dynamic_sidebar('slowtwitch-front-page'); ?>
</div>
</div>
<?php get_footer() ?>

104
single.php
View File

@ -1,53 +1,53 @@
<?php get_header() ?>
<article class="container">
<?php
if (have_posts()) {
while (have_posts()) {
the_post();
$post_id = get_the_ID();
?>
<div class="column two-thirds">
<?php custom_breadcrumbs(); ?>
<h1 class="article-title"> <?php the_title(); ?> </h1>
<div class="article-author-box">
<div class="article-author-name">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/logo.svg" alt="slowtwitch logo">
<?php the_author() ?>
</div>
<div>
<?php the_date() ?>
</div>
</div>
<?php the_content(); ?>
<?php
$related_posts = get_field('related_posts', $post_id);
if (isset($related_posts)) :
?>
<div>
<h3>Related Articles</h3>
<div class="related-posts-grid">
<?php foreach ($related_posts as $post) : setup_postdata($post); ?>
<div class="related-posts-card">
<?php the_post_thumbnail('thumbnail'); ?>
<h6><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h6>
</div>
<?php endforeach;
wp_reset_postdata(); ?>
</div>
</div>
<?php
endif;
}
}
?>
</div>
<div class="column one-third">
<img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
<?php dynamic_sidebar('slowtwitch-front-page'); ?>
</div>
</article>
<?php get_header() ?>
<article class="container">
<?php
if (have_posts()) {
while (have_posts()) {
the_post();
$post_id = get_the_ID();
?>
<div class="column two-thirds">
<?php custom_breadcrumbs(); ?>
<h1 class="article-title"> <?php the_title(); ?> </h1>
<div class="article-author-box">
<div class="article-author-name">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/logo.svg" alt="slowtwitch logo">
<?php the_author() ?>
</div>
<div>
<?php the_date() ?>
</div>
</div>
<?php the_content(); ?>
<?php
$related_posts = get_field('related_posts', $post_id);
if (isset($related_posts)) :
?>
<div>
<h3>Related Articles</h3>
<div class="related-posts-grid">
<?php foreach ($related_posts as $post) : setup_postdata($post); ?>
<div class="related-posts-card">
<?php the_post_thumbnail('thumbnail'); ?>
<h6><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h6>
</div>
<?php endforeach;
wp_reset_postdata(); ?>
</div>
</div>
<?php
endif;
}
}
?>
</div>
<div class="column one-third">
<img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
<?php dynamic_sidebar('slowtwitch-front-page'); ?>
</div>
</article>
<?php get_footer() ?>

1139
style.css
View File

File diff suppressed because it is too large Load Diff