-
Notifications
You must be signed in to change notification settings - Fork 2
/
single.php
91 lines (77 loc) · 2.8 KB
/
single.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<?php /* Template Name: Article */ ?>
<html>
<head>
<title>Ping!<?php echo wp_title(); ?></title>
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/bootstrap.css">
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.article_header {
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="wrapper">
<?php get_header(); ?>
<?php
$post_id = get_the_ID();
$tile_img = get_post_meta( $post_id, 'tile-img', true );
// echo '<div class="top_image" style="background-image: url(\'' . $tile_img . '\');"></div>';
?>
<div id="main">
<div id="content">
<?php the_post(); ?>
<!-- <div class="article_header" style="background: url('<?php echo $tile_img; ?>'); background-size: cover; background-position: fixed; background-repeat: no-repeat;"> -->
<h1 class="post_title"><?php the_title(); ?></h1>
<h4 class="post_time">Posted on <?php the_time('F jS, Y') ?> by <?php the_author(); ?> </h4>
<ul class="tags_area">
<?php
$tags = get_the_tags();
foreach ( $tags as $tag ) {
$tag_link = get_tag_link( $tag->term_id );
echo "<li class='tag anim'><a href='{$tag_link}' title='{$tag->name} Tag' class='{$tag->slug}'>";
echo "{$tag->name}</a></li>";
}
?>
</ul>
<!-- </div> -->
<hr />
<p><?php the_content(__('(more...)')); ?></p>
<hr />
<div class="social_plugins">
<div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div> <a href="https://twitter.com/share" class="twitter-share-button">Tweet</a> <div class="g-plusone" data-size="medium"></div>
</div>
<!-- <hr /> -->
<?php comments_template(); ?>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
</div>
<div id="delimiter">
</div>
</div>
</body>
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.js"></script>
<script src="https://apis.google.com/js/platform.js" async defer></script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<script>
var original_text;
$('.coming-soon').hover(function() {
original_text = $(this).text();
$(this).text('Coming Soon');
}, function() {
$(this).text(original_text);
});
</script>
</html>