ホーム > サポートメニュー > ユーザー助け合い掲示板

質問内容・回答一覧ツリー

Q. テンプレートMinimalについて。 - 投稿者:しまお(2017年04月13日 00:47) No.7537  
Q. テンプレートMinimalについて。
しまおと申します。

テンプレートMinimalを使用中です。
トップページに表示される記事一覧ですが、[read more]以下の部分の余白(共有アイコンがある点線以下の部分、幅)を表示させないようにすることは可能でしょうか?
一覧ページには表示させずに、スッキリさせたいのですが方法がわかりません。

※現在のHTML
<!DOCTYPE html>
<html lang="ja">
<head>
<meta name="google-site-verification" content="qED-SHRCpFuvHsX47cl4GZ1pagb7GkBuK4uYV344JtM" />
<meta charset="{site_encoding}">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{site_title}</title>
<link rel="stylesheet" href="{site_css}">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Raleway:400,300,400i,300i,700,700i|Playfair+Display:400,400i,700,700i">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="alternate" type="application/rss+xml" href="{site_rss}" title="RSS">
<link rel="alternate" type="application/atom+xml" href="{site_atom}" title="Atom">
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}">
<script src="//imaging.jugem.jp/template/js/cookie.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body onload="javascript:initval();">
<header id="header">
<div id="menu">
<div id="menu-inner" class="clearfix">
<div id="sp-toggle">
<span></span>
<span></span>
<span></span>
</div>

<!-- メニューの設定 #を任意URLに、Menuを任意テキストに変更 -->
<nav id="global-nav">
<ul>
<li><a href="./">Home</a></li>
<li><a href="./?pid=1">About</a></li>
<li><a href="http://shima-o.com/?pid=3">Contact</a></li>;
<!--<li><a href="#">Menu</a></li>-->
<!--<li><a href="#">Menu</a></li>-->
</ul>
</nav>
<!-- メニューここまで -->

<nav id="icon-nav">
<ul>
<!-- SNSリンクの設定 #を任意URLに変更 -->
<!--<li><a href="#" title="Twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#" title="Instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#" title="Facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>-->
<!-- SNSリンクここまで -->
<li><a href="./?mode=rss"><i class="fa fa-rss" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);" class="search-toggle"><i class="fa fa-search" aria-hidden="true"></i></a>
<div id="search-area">
<form method="get" action="./" id="search-form">
<input type="text" name="search" class="search-input" placeholder="Search and hit enter..."><button type="submit" class="search-button"><i class="fa fa-search" aria-hidden="true"></i></button>
</form>
</div></li>
<li><a href="./manage/"><i class="fa fa-lock" aria-hidden="true"></i></a></li>
</ul>
</nav>
</div>
</div>

<!-- BEGIN title -->
<div id="site-branding">
<!-- ロゴここから -->
<div id="logo">
<a href="./"><img src="http://img-cdn.jg.jugem.jp/ade/3502034/20170322_1209139.jpg"></a>;
</div>
<!-- ロゴここまで -->
<h1 class="blog-title">{blog_name}</h1>
<div class="blog-description">{blog_description}</div>
</div>
<!-- END title -->

</header>

<div id="container" class="clearfix">
<main id="primary-column">
<div id="inner">

<!-- BEGIN entry -->
<article id="post{entryarea_id}" class="post section">
<header class="post-header">
<div class="post-date">
<div class="date-inner"><time datetime="{entry_year}-{entry_month}-{entry_day}T{entry_time_only}"><span class="month{entry_month}"></span> {entry_day}, {entry_year}</time></div>
</div>
<h2>{entry_title_link}</h2>
<ul class="post-meta">
<!--<li class="post-author">By: <span>{user_name}</span></li>-->
<li class="post-categories">Category: <span>{category_name}</span></li>
</ul>
</header>
<article class="post-content clearfix">
{entry_description}
<!-- BEGIN entry_sequel_link -->
<div class="post-more-link">
<a href="./?eid={entry_sequel_id}#more" class="more-link">Read More…</a>
</div>
<!-- END entry_sequel_link -->
<!-- BEGIN entry_sequel_items -->
<article id="more" class="post-more clearfix">
{entry_sequel_text}
</article>
<!-- END entry_sequel_items -->
</article>
<footer class="post-footer clearfix">
<!--
<ul class="post-feedbacks">
<li><a href="./?eid={entryarea_id}#comments"><i class="fa fa-comment" aria-hidden="true"></i> {comment_num_only}</a></li>
<li><a href="./?eid={entryarea_id}#trackbacks"><i class="fa fa-refresh" aria-hidden="true"></i> {trackback_num_only}</a></li>
</ul>
-->
<div class="share-button"><a href="javascript:void(0);"><i class="fa fa-share-alt" aria-hidden="true"></i></a></div>
<ul class="post-sharing">
<li><a href="http://twitter.com/share?url={entry_permalink}"; class="twitter-button" title="Twitterでつぶやく" onclick="window.open(this.href, 'mywindow', 'width=600, height=400, menubar=no, toolbar=no, scrollbars=yes'); return false;"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="http://www.facebook.com/share.php?u={entry_permalink}&t={entry_title}"; class="facebook-button" title="Facebookでシェアする" onclick="window.open(this.href, 'mywindow', 'width=600, height=400, menubar=no, toolbar=no, scrollbars=yes'); return false;"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="https://plus.google.com/share?url={entry_permalink}"; class="google-plus-button" title="+1をする!" onclick="window.open(this.href, 'mywindow', 'width=600, height=400, menubar=no, toolbar=no, scrollbars=yes'); return false;"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
<li><a href="http://b.hatena.ne.jp/add?mode=confirm&url={entry_permalink}"; class="b-hatena-button" title="はてブする" onclick="window.open(this.href, 'mywindow', 'width=600, height=400, menubar=no, toolbar=no, scrollbars=yes'); return false;">&nbsp;</a></li>
</ul>
</footer>
</article>
{trackback_auto_discovery}
<!-- END entry -->

<!-- BEGIN related_entry -->
<nav id="related-posts" class="page section">
<h3><span><i class="fa fa-heart" aria-hidden="true"></i></span>同じカテゴリーの記事</h3>
<!-- BEGIN related_entry_items -->
<div class="related-item clearfix">
<h4><a href="/?eid={related_entry_item_id}">{related_entry_item_title}</a></h4>
<div class="related-date"><span>{related_entry_item_date}</span></div>
</div>
<!-- END related_entry_items -->
</nav>
<!-- END related_entry -->

<!-- BEGIN sequel -->
<nav id="pagination-post" class="section">
<ul class="clearfix">
<li class="nextpost"><a href="{next_permalink}"><i class="fa fa-angle-left" aria-hidden="true"></i> <span>前の記事</span><br>{next_title}</a></li>
<li class="prevpost"><a href="{prev_permalink}"><span>次の記事</span> <i class="fa fa-angle-right" aria-hidden="true"></i><br>{prev_title}</a></li>
</ul>
</nav>
<!-- END sequel -->

<!-- BEGIN comment_area -->
<section id="comments" class="page section">
<h3><span><i class="fa fa-comment" aria-hidden="true"></i></span> Comments</h3>
<!-- BEGIN comment -->
<article id="comment{comment_id}" class="comment">
<div class="comment-name">{comment_name}</div>
<div class="comment-content">{comment_description}</div>
<div class="comment-date">{comment_time_24}</div>
</article>
<!-- END comment -->
</section>
<section id="respond" class="page section">
<h3><span><i class="fa fa-pencil" aria-hidden="true"></i></span>Leave a Reply</h3>
<form method="post" action="./?mode=comment" name="comment_area" id="comment_area">
<input type="hidden" name="entry_id" value="{entry_id}">
<div class="clearfix">
<div class="comment-form-author">
<label for="name">Name</label><br>
<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}">
</div>
<div class="comment-form-email">
<label for="email">E-mail (公開されません。)</label><br>
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}">
</div>
<div class="comment-form-url">
<label for="url">URL</label><br>
<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}">
</div>
</div>
<div class="comment-form-description">
<label for="description">Comment</label><br>
<textarea tabindex="4" id="description" name="description" rows="5"></textarea>
</div>
<div class="comment-form-cookie">
<input type="checkbox" name="set_cookie" id="set_cookie" value="1"> <label for="set_cookie" class="checkbox">入力情報を登録する</label>
</div>
<input tabindex="5" type="submit" value="Submit" onclick="javascript:setval();">
</form>
</section>
<!-- END comment_area -->

<!--<!-- BEGIN trackback_area -->
<section id="trackbacks" class="page section">
<h3><span><i class="fa fa-refresh" aria-hidden="true"></i></span> Trackback</h3>
<div class="trakback-form">
<span>Trackback URL</span><br>
<input type="text" value="{trackback_url}" readonly="readOnly" onfocus="this.select()">
</div>
<!-- BEGIN trackback -->
<article id="trackback{trackback_id}" class="trackback">
<div class="trackback-title">{trackback_title}</div>
<div class="trackback-content">{trackback_excerpt}</div>
<ul class="trackback-meta">
<li>{trackback_blog_name}</li>
<li>{trackback_time_24}</li>
</ul>
</article>
<!-- END trackback -->
</section>
<!-- END trackback_area -->-->

<!-- BEGIN profile_area -->
<article id="author-info" class="page section">
<h3><span><i class="fa fa-user" aria-hidden="true"></i></span>Others</h3>
<p><!--{profile_name}<br>-->
{profile_description}</p>
</article>
<!-- END profile_area -->

<!-- BEGIN page -->
<nav id="pagination-page" class="section">
{full_pager_link}
</nav>
<!-- END page -->

</div>
</main>

<aside id="secondary-column">
<!-- BEGIN selected_entry -->
<section id="recent-posts" class="widget">
<h3>最新の記事</h3>
<ul>
<!-- BEGIN latest_entry_items -->
<li><a href="./?eid={latest_entry_item_id}">{latest_entry_item_title}({latest_entry_item_date})</a></li>
<!-- END latest_entry_items -->
</ul>
</section>
<!-- END selected_entry -->

<!-- BEGIN category -->
<section id="categories" class="widget">
<h3>Categories</h3>
<ul>
<!-- BEGIN category_items -->
<li><a href="./?cid={category_item_id}">{category_item_name} ({category_item_num})</a></li>
<!-- END category_items -->
</ul>
</section>
<!-- END category -->

<!-- BEGIN freespace1 -->
<section id="freespace1" class="widget">
<h3>{freespace_title1}</h3>
{freespace_contents1}
</section>
<!-- END freespace1 -->

<!-- BEGIN freespace2 -->
<section id="freespace2" class="widget">
<h3>{freespace_title2}</h3>
{freespace_contents2}
</section>
<!-- END freespace2 -->

<!-- BEGIN freespace3 -->
<section id="freespace3" class="widget">
<h3>{freespace_title3}</h3>
{freespace_contents3}
</section>
<!-- END freespace3 -->

<!-- BEGIN freespace4 -->
<section id="freespace4" class="widget">
<h3>{freespace_title4}</h3>
{freespace_contents4}
</section>
<!-- END freespace4 -->

<!-- BEGIN freespace5 -->
<section id="freespace5" class="widget">
<h3>{freespace_title5}</h3>
{freespace_contents5}
</section>
<!-- END freespace5 -->

<!--
<!-- BEGIN calendar -->
<section id="calendar" class="widget">
<h3>Calendar</h3>
{calendar2}
</section>
<!-- END calendar -->
-->

<!--
<!-- BEGIN archives -->
<section id="archives" class="widget">
<h3>Archives</h3>
<ul>
<!-- BEGIN archives_items -->
<li><a href="./?month={archives_item_id}">{archives_item_eng} ({archives_item_num})</a></li>
<!-- END archives_items -->
</ul>
</section>
<!-- END archives -->
-->

<!-- BEGIN recent_comment -->
<section id="recent-comments" class="widget">
<h3>Recent Comments</h3>
<ul>
<!-- BEGIN recent_comment_items -->
<li><a href="./?eid={recent_comment_item_entry_id}#comments">{recent_comment_item_title}<br>
{recent_comment_item_name} ({recent_comment_item_date})</a></li>
<!-- END recent_comment_items -->
</ul>
</section>
<!-- END recent_comment -->

<!-- BEGIN recent_trackback -->
<section id="recent-trackbacks" class="widget">
<h3>Recent Trackbacks</h3>
<ul>
<!-- BEGIN recent_trackback_items -->
<li><a href="./?eid={recent_trackback_item_entry_id}#trackbacks">{recent_trackback_item_title}<br>
{recent_trackback_item_blog_name} ({recent_trackback_item_date})</a></li>
<!-- END recent_trackback_items -->
</ul>
</section>
<!-- END recent_trackback -->

<section id="anout-me" class="widget">
<h3>Others</h3>
{user_list}
</section>


<!-- BEGIN amazon -->
<!--
<section id="amazon" class="widget">
<h3>Recommend</h3>
{amazon_item}
</section>
-->
<!-- END amazon -->


<!-- BEGIN link -->
<section id="Links" class="widget">
<h3>Links</h3>
{link_list}
</section>
<!-- END link -->

<!--<section id="mobile" class="widget">
<h3>Mobile</h3>
{site_qrcode}
</section>
<section id="ad" class="widget">
{ad}
</section>-->
</aside>
</div>

<footer id="footer">
<div id="footer-inner" class="clearfix">
<div id="copyright">
&copy; 2016-2017 shiamoke no blog
</div>
<div id="designed">
Designed by <a href="http://dithis.jugem.jp/"><FONT color="#00B7FF">Talamh Tairngire</FONT></a></br>powered by <a href="https://jugem.jp/"><FONT color="#00B7FF">JUGEM</FONT></a>
</div>
</div>
<div id="totop"><a href="#header"><i class="fa fa-angle-up" aria-hidden="true"></i><br><span>Page Top</span></a></div>
</footer>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-smooth-scroll/2.0.0/jquery.smooth-scroll.min.js"></script>
<script>
$(function() {
$('a[href^="#"]').smoothScroll();
var showFlug = false;
var pageTop = $('#totop');
pageTop.css('bottom', '-100px');
var showFlug = false;
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
if (showFlug == false) {
showFlug = true;
pageTop.stop().animate({ 'bottom' : '50px' }, 200);
}
} else {
if (showFlug) {
showFlug = false;
pageTop.stop().animate({ 'bottom' : '-100px' }, 200);
}
}
});
$('#sp-toggle').click(function() {
$(this).toggleClass('active');
$('body').toggleClass('open');
});
$('.search-toggle').click(function() {
$('#search-area').slideToggle();
});
$('.share-button').click(function() {
$(this).next().toggleClass('visible');
});
});
</script>
</body>
</html>

※現在のCSS
@charset "EUC-JP";

/* --------------------------------------------------
Minimal - v2.0 - 2017.01.08

Copyright (c) 2017 tsui - http://dithis.jugem.jp/

Released under the MIT license
http://opensource.org/licenses/MIT
-------------------------------------------------- */

/* --------------------------------------------------
normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css
-------------------------------------------------- */
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;fontsize:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}

/* --------------------------------------------------
Global Styles
-------------------------------------------------- */
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html {
font-size: 65%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
color: #333333;
font-size: 14px;
font-size: 1.4rem;
font-family: "Raleway", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
line-height: 1.8;
background-color: #ffffff;
word-wrap: break-word;
overflow-wrap: break-word;
}
/*コピーの時の色 */
::-moz-selection {
color: #ffffff;
text-shadow: none;
background-color: #00B7FF;
}
::selection {
color: #ffffff;
text-shadow: none;
background-color: #00B7FF;
}

::-webkit-input-placeholder {
color: #cccccc;
}
::-moz-placeholder {
color: #cccccc;
opacity: 1;
}
:-ms-input-placeholder {
color: #cccccc;
}
:placeholder-shown {
color: #cccccc;
}

/* clearfix */
.clearfix, p {
*zoom: 1;
}
.clearfix:before, p:before {
content: "";
display: table;
}
.clearfix:after, p:after {
content: "";
display: table;
clear: both;
}

/* --------------------------------------------------
Typography
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
font-family: "Playfair Display", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-weight: 700;
margin: 0 0 1.5em;
margin: 0 0 2rem;
}
h1 {
font-size: 30px;
font-size: 3.0rem;
font-family: "Raleway", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
display: inline-block;
position: relative;
}
h1:after {
width: 100%;
height: 1px;
background-color: #FFC600;
content: "";
opacity: 0;
-webkit-transition: height .3s, opacity .3s, transform .3s;
transition: height .3s, opacity .3s, transform .3s;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
position: absolute;
bottom: 0;
left: 0;
}
h1:hover:after {
height: 3px;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
h1 a:link {
color: #333333;
}
h1 a:visited {
color: #333333;
}
h1 a:hover, h1 a:focus {
color: #cccccc;
}
h1 a:active {
color: #333333;
}

h2 {
font-size: 20px;
font-size: 2.0rem;
text-align: center;
}
h2 a:link {
color: #333333;
}
h2 a:visited {
color: #333333;
}
h2 a:hover, h2 a:focus {
color: #cccccc;
}
h2 a:active {
color: #333333;
}

h3 {
font-size: 18px;
font-size: 1.8rem;
background-color: #f5f5f5;
padding: 10px;
}

h4 {
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
border-left: 2px solid #FFC600;
padding: 10px;
}

h5 {
font-size: 14px;
font-size: 1.4rem;
border-left: 2px solid #eeeeee;
padding: 0 10px;
}

h6 {
font-size: 14px;
font-size: 1.4rem;
}

p, blockquote, pre {
margin: 0 0 1.5em;
margin: 0 0 2rem;
}

blockquote {
border: 1px solid #eeeeee;
position: relative;
padding: 20px 20px 20px 50px;
}
blockquote:before {
color: #eeeeee;
font-family: Times, Georgia, serif;
font-size: 80px;
line-height: 1;
font-weight: 700;
content: "\201C";
position: absolute;
top: -5px;
left: 5px;
}

pre {
font-family: Consolas, "Courier New", Courier, Monaco, monospace;
border: 1px solid #eeeeee;
border-left: 5px solid #eeeeee;
white-space: pre-wrap;
word-wrap: break-word;
padding: 20px;
}


hr {
height: 1px;
background-color: #eeeeee;
border: 0;
display: block;
margin: 1.5em 0;
margin: 2rem 0;
}

/* ----- Lists ----- */
dl, ul, ol {
margin: 0 0 1.5em;
margin: 0 0 2rem;
}
dl dt {
font-weight: 700;
padding: 10px 0;
}
dl dd {
background-color: #f5f5f5;
padding: 10px;
margin: 0 0 0 20px;
}

/* ----- Table ----- */
table {
width: 100%;
border: 1px solid #eeeeee;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
margin: 0 0 1.5em;
margin: 0 0 2rem;
}
table caption {
font-weight: bold;
text-align: center;
}
table th {
background-color: #f5f5f5;
border: 1px solid #eeeeee;
padding: 10px;
}
table td {
background-color: #ffffff;
border: 1px solid #eeeeee;
padding: 10px;
}

/* ----- Forms ----- */
input, button, select, textarea {
color: #333333;
line-height: inherit;
font-family: inherit;
background-color: #ffffff;
border: 1px solid #eeeeee;
border-radius: 2px;
padding: 10px;
}
input:focus, textarea:focus {
border: 1px solid #c2f2f2;
-webkit-box-shadow: 0 0 5px 0 #c2f2f2;
box-shadow: 0 0 5px 0 #c2f2f2;
}
input[type="submit"], input[type="reset"], input[type="button"], button {
color: #ffffff;
background-color: #13448f;
border: 0;
cursor: pointer;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus, button:hover, button:focus {
background-color: #00B7FF;
}

/* ----- Hyperlinks ----- */
a {
text-decoration: none;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
}
a:link {
color: #13448f;
}
a:visited {
color: #13448f;
}
a:hover, a:focus {
color: #00B7FF;
}
a:active {
color: #13448f;
}

/* ----- Image ----- */
img {
max-width: 100%;
height: auto;
padding: 10px;
}

/* --------------------------------------------------
Layouts
-------------------------------------------------- */
/* ----- Header ----- */
/* Menu */
#menu {
height: 50px;
background-color: #13448f;
border-bottom: 5px solid #00B7FF
}

#menu-inner {
width: 90%;
max-width: 1200px;
position: relative;
margin: 0 auto;
}

#sp-toggle {
display: none;
}

/* ----- ヘッダーアイコン ----- */
#global-nav {
float: left;
}
#global-nav ul {
font-size: 0;
list-style: none;
padding: 0;
margin: 0;
}
#global-nav ul li {
font-size: 12px;
font-size: 1.2rem;
text-transform: uppercase;
display: inline-block;
position: relative;
margin: 0 40px 0 0;
}
#global-nav ul li a {
color: #ffffff;
line-height: 50px;
}
#global-nav ul li a:hover {
color: #00B7FF;
}

#icon-nav {
float: right;
}
#icon-nav ul {
font-size: 0;
list-style: none;
padding: 0;
margin: 0;
}
#icon-nav ul li {
font-size: 14px;
font-size: 1.4rem;
display: inline-block;
margin: 0 0 0 20px;
}
#icon-nav ul li a {
color: #ffffff;
line-height: 50px;
}
#icon-nav ul li a:hover {
color: #00B7FF;
}

#search-area {
display: none;
position: absolute;
right: 0;
}
#search-area #search-form {
z-index: 2;
position: relative;
}
#search-area #search-form .search-input {
width: 280px;
padding: 10px 40px 10px 10px;
}
#search-area #search-form .search-button {
color: #333333;
background-color: transparent;
z-index: 3;
position: absolute;
right: 0;
bottom: 0;
}

#site-branding {
text-align: center;
padding: 100px 0;
}

/* ----- Container ----- */
#container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}

/* ----- Main content ----- */
#primary-column {
width: 100%;
float: left;
margin: 0 -280px 0 0;
}

/* ----- 自 記事右ラインとサイドの間隔 ----- */
#inner {
margin: 0 320px 0 0;
}

/* Post and Pages 自 記事下のコンテンツ間の幅*/
.section {
margin: 0 0 20px;
}

/* ----- 自 記事周りのライン ----- */
.post {
border: 1px solid #eeeeee;
padding: 40px;
background-color: #ffffff;
}

.post-header {
text-align: center;
margin: 0 0 1.5em;
margin: 0 0 2rem;
}
.post-header .post-date {
color: #ffffff;
font-size: 12px;
font-size: 1.2rem;
line-height: 30px;
text-transform: uppercase;
position: relative;
margin: 0 0 1.5em;
margin: 0 0 2rem;
}
.post-header .post-date .date-inner {
background-color: #FFC600;
display: inline-block;
position: relative;
padding: 0 15px;
}
.post-header .post-date .date-inner:before {
width: 0;
height: 0;
border: 15px solid #FFC600;
border-left-color: transparent;
content: "";
position: absolute;
top: 0;
left: -15px;
}
.post-header .post-date .date-inner:after {
width: 0;
height: 0;
border: 15px solid #FFC600;
border-right-color: transparent;
content: "";
position: absolute;
top: 0;
right: -15px;
}

.month01:before {
content: "January";
}

.month02:before {
content: "February";
}

.month03:before {
content: "March";
}

.month04:before {
content: "April";
}

.month05:before {
content: "May";
}

.month06:before {
content: "June";
}

.month07:before {
content: "July";
}

.month08:before {
content: "August";
}

.month09:before {
content: "September";
}

.month10:before {
content: "October";
}

.month11:before {
content: "November";
}

.month12:before {
content: "December";
}

.post-header .post-meta {
color: #cccccc;
font-size: 0;
font-family: "Playfair Display", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-style: italic;
list-style: none;
padding: 0;
margin: 0;
}
.post-header .post-meta li {
font-size: 14px;
font-size: 1.4rem;
display: inline-block;
}
.post-header .post-meta li + li:before {
color: #cccccc;
content: "/";
padding: 0 10px;
}
.post-header .post-meta li span {
font-family: "Raleway", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-style: normal;
}

.post-content {
margin: 0 0 1.5em;
margin: 0 0 2rem;
}

.post-more-link {
text-align: center;
margin: 1.5em 0;
margin: 2rem 0;
}
.post-more-link a.more-link {
color: #333333;
font-family: "Playfair Display", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-style: nomal;
border: 1px solid #eeeeee;
display: inline-block;
position: relative;
padding: 10px 20px;
}
.post-more-link a.more-link:before, .post-more-link a.more-link:after {
content: "";
opacity: 0;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
}
.post-more-link a.more-link:before {
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.post-more-link a.more-link:after {
border-right: 1px solid #333333;
border-left: 1px solid #333333;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
.post-more-link a.more-link:hover:before, .post-more-link a.more-link:hover:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.service_button, .jugem_theme {
margin: 0em 0 0 !important;
margin: 0rem 0 0 !important;
}
.post-footer {
width: 100%;
line-height: 30px;
text-align: center;
border-top: 1px dashed #eeeeee;
padding: 1.5em 0 0;
padding: 2rem 0 0;
}
.post-footer .post-feedbacks {
font-size: 0;
float: left;
list-style: none;
padding: 0;
margin: 0;
}
.post-footer .post-feedbacks li {
font-size: 14px;
font-size: 1.4rem;
display: inline-block;
margin: 0 10px 0 0;
}
.post-footer .share-button {
float: right;
margin: 0 0 0 20px;
}
.post-footer .share-button a {
width: 30px;
height: 30px;
color: #ffffff;
background-color: #13448f;
border-radius: 50%;
display: block;
}
.post-footer .post-sharing {
font-size: 0;
text-align: right;
list-style: none;
float: right;
opacity: 0;
visibility: hidden;
padding: 0;
margin: 0;
}
.post-footer .post-sharing li {
font-size: 14px;
font-size: 1.4rem;
text-align: center;
display: inline-block;
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
margin: 0 0 0 20px;
}
.post-footer .post-sharing li a {
width: 30px;
height: 30px;
color: #ffffff;
border-radius: 50%;
display: block;
}
.post-footer .post-sharing li a.twitter-button {
background-color: #55acee;
}
.post-footer .post-sharing li a.twitter-button:hover {
background-color: #2279bb;
}
.post-footer .post-sharing li a.facebook-button {
background-color: #3b5998;
}
.post-footer .post-sharing li a.facebook-button:hover {
background-color: #082665;
}
.post-footer .post-sharing li a.google-plus-button {
background-color: #dd4b39;
}
.post-footer .post-sharing li a.google-plus-button:hover {
background-color: #aa1806;
}
.post-footer .post-sharing li a.b-hatena-button {
background-color: #008fde;
background-image: url(http://img-cdn.jg.jugem.jp/0a8/3540663/20160711_192031.png);
background-repeat: no-repeat;
background-position: center center;
}
.post-footer .post-sharing li a.b-hatena-button:hover {
background-color: #005cab;
}
.post-footer .post-sharing.visible {
opacity: 1;
visibility: visible;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.post-footer .post-sharing.visible li {
opacity: 1;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
-webkit-transition-delay: .1s;
transition-delay: .1s;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.post-footer .post-sharing.visible li:nth-child(2) {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.post-footer .post-sharing.visible li:nth-child(3) {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.post-footer .post-sharing.visible li:nth-child(4) {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.post-footer .post-sharing.visible li:nth-child(5) {
-webkit-transition-delay: .5s;
transition-delay: .5s;
}

.page {
border: 1px solid #eeeeee;
padding: 40px;
}
.page h3 {
background-color: transparent;
padding: 0;
position: relative;
padding: 0 0 0 50px;
}
.page h3 span {
width: 30px;
height: 60px;
color: #ffffff;
font-size: 18px;
line-height: 60px;
text-align: center;
background-color: #13448f;
display: inline-block;
position: absolute;
top: -40px;
left: 0;
}
.page h3 span:before {
width: 0;
height: 0;
border: 15px solid #13448f;
border-bottom-color: transparent;
content: "";
z-index: -1;
position: absolute;
bottom: -15px;
left: 0;
}

/* Related Posts */
#related-posts .related-item {
border-bottom: 1px dashed #eeeeee;
padding: 5px 0;
}
#related-posts .related-item h4 {
width: 70%;
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
border: 0;
float: left;
padding: 5px 0;
margin: 0;
}
#related-posts .related-item h4 a {
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
overflow: hidden;
}
#related-posts .related-item .related-date {
width: 30%;
text-align: right;
float: right;
}
#related-posts .related-item .related-date span {
font-size: 12px;
font-size: 1.2rem;
background-color: #f5f5f5;
border-radius: 18px;
display: inline-block;
padding: 3px 8px;
margin: 4px 0 0;
}

/* Comments */
#comments .comment {
border-bottom: 1px dashed #eeeeee;
padding: 0 0 1.5em;
padding: 0 0 2rem;
margin: 0 0 1.5em;
margin: 0 0 2rem;
}
#comments .comment .comment-name {
font-weight: bold;
}
#comments .comment .comment-date {
font-size: 12px;
font-size: 1.2rem;
text-align: right;
padding: 0;
margin: 0;
}

#respond #comment_area label {
font-size: 12px;
font-size: 1.2rem;
text-transform: uppercase;
display: inline-block;
}
#respond #comment_area input[type="text"] {
width: 100%;
}
#respond #comment_area textarea {
width: 100%;
}
#respond #comment_area .comment-form-author {
width: 33.333%;
float: left;
padding: 0 10px 0 0;
margin: 0 0 10px;
}
#respond #comment_area .comment-form-email {
width: 33.333%;
float: left;
padding: 0 5px;
margin: 0 0 10px;
}
#respond #comment_area .comment-form-url {
width: 33.333%;
float: left;
padding: 0 0 0 10px;
margin: 0 0 10px;
}
#respond #comment_area .comment-form-description, #respond #comment_area .comment-form-cookie {
margin: 0 0 10px;
}
#respond #comment_area input[type="submit"] {
width: 30%;
}

/* Trackbacks */
#trackbacks .trakback-form {
margin: 0 0 1.5em;
margin: 0 0 2rem;
}
#trackbacks .trakback-form span{
font-size: 12px;
font-size: 1.2rem;
text-transform: uppercase;
}
#trackbacks .trakback-form input[type="text"] {
width: 60%;
background-color: #f5f5f5;
border: 0;
}
#trackbacks .trakback-form input[type="text"]:focus {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
#trackbacks .trackback {
border-bottom: 1px dashed #eeeeee;
padding: 0 0 1.5em;
padding: 0 0 2rem;
margin: 0 0 1.5em;
margin: 0 0 2rem;
}
#trackbacks .trackback .trackback-title {
font-weight: bold;
}
#trackbacks .trackback .trackback-meta {
font-size: 0;
text-align: right;
list-style: none;
padding: 0;
margin: 0;
}
#trackbacks .trackback .trackback-meta li {
font-size: 12px;
font-size: 1.2rem;
display: inline-block;
}
#trackbacks .trackback .trackback-meta li + li:before {
color: #cccccc;
content: "/";
padding: 0 10px;
}

/* ----- Paginations (次の記事 ページ数字) ----- */
#pagination-post {
font-size: 12px;
font-size: 1.2rem;
}
#pagination-post ul {
width: 100%;
list-style: none;
padding: 0;
margin: 0;
}
#pagination-post ul li {
width: 49%;
}
#pagination-post ul li a {
width: 100%;
color: #333333;
text-overflow: ellipsis;
white-space: nowrap;
background-color: #f5f5f5;
display: block;
overflow: hidden;
padding: 20px;
}
#pagination-post ul li a:hover {
background-color: #cccccc;
}
#pagination-post ul li a span {
text-transform: uppercase;
}
#pagination-post .nextpost {
float: left;
}
#pagination-post .prevpost {
text-align: right;
float: right;
}

#pagination-page {
font-size: 12px;
font-size: 1.2rem;
}
#pagination-page span a {
color: #ffffff;
background-color: #13448f;
display: inline-block;
padding: 10px;
margin: 0 5px 0 0;
}
#pagination-page span a:hover {
background-color: #00B7FF;
}
#pagination-page .current {
color: #333333;
background-color: #f5f5f5;
display: inline-block;
padding: 10px;
margin: 0 5px 0 0;
}
#pagination-page .pager_prev, #pagination-page .pager_next {
font-size: 12px;
font-size: 1.2rem;
text-transform: uppercase;
}

/* ----- Asides サイドバー----- */
#secondary-column {
width: 280px;
float: right;
}

.widget {
margin: 0 0 50px 0;
background-color: #ffffff;
}
.widget h3 {
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
text-align: center;
color: #ffffff;
background-color: #134490;
padding: 10px;
}
.widget ul {
list-style: none;
padding: 0;
}
.widget ul li {
padding: 10px;
border-bottom: 1px dashed #eeeeee;
}
.widget ul li a {
color: #333333;
}
.widget ul li a:hover {
color: #00B7FF;
}

#calendar table {
width: 280px;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
border: 1px solid #eeeeee;
text-transform: uppercase;
margin: 0 auto;
}
#calendar table td {
width: 40px;
height: 40px;
text-align: center;
vertical-align: middle;
border: 1px solid #eeeeee;
padding: 0;
}

/* ----- Footer ----- */
#footer {
border-top: 5px solid #00B7FF;
clear: both;
padding: 20px 0;
background-color: #13448f;
color: #ffffff;
}

#footer-inner {
width: 90%;
max-width: 1200px;
font-size: 12px;
font-size: 1.2rem;
margin: 0 auto;
}

#copyright {
float: left;
}

#designed {
float: right;
}

#totop {
text-align: center;
z-index: 5;
position: fixed;
right: 100px;
bottom: 50px;
}
#totop a {
color: #333333;
display: block;
}
#totop a:hover {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
#totop .fa {
font-size: 50px;
}
#totop a span {
font-size: 12px;
font-size: 1.2rem;
text-transform: uppercase;
opacity: 0;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
}
#totop a:hover span {
opacity: 1;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}

/* ----- Misc. ----- */
.emoji {
vertical-align: middle;
}

.rounded {
border-radius: 10px;
}

.circle {
border-radius: 50%;
}

.frame {
border: 1px solid #eeeeee;
}

.shadow {
-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .2);
box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .2);
}

.photo {
background-color: #fff;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
padding: 10px;
}

.video {
height: 0;
overflow: hidden;
position: relative;
padding: 30px 0 56.25%;
margin: 0;
}
.video iframe, .video embed, .video object, .video video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.pull-right {
display: inline;
float: right;
margin: 0 0 0 20px;
}

.pull-left {
display: inline;
float: left;
margin: 0 20px 0 0;
}

.clear {
clear: both;
}

a.btn {
color: #fff;
text-shadow: 1px 1px 0 #00a1ff;
background-color: #00d8ff;
background: -webkit-gradient(linear, left top, left bottom, from(#00d8ff), to(#00a1ff));
background: -webkit-linear-gradient(top, #00d8ff, #00a1ff);
background: -moz-linear-gradient(top, #00d8ff, #00a1ff);
background: -o-linear-gradient(top, #00d8ff, #00a1ff);
background: -ms-linear-gradient(top, #00d8ff, #00a1ff);
background: linear-gradient(top, #00d8ff, #00a1ff);
border: 1px solid #00a1ff;
border-radius: 3px;
display: inline-block;
padding: 5px 10px;
margin: 3px;
}
a.btn:hover {
background: #00B7FF;
}

.aa {
font-size: 16px;
line-height: 18px;
font-family: "MS Pゴシック", "MS PGothic", sans-serif;
white-space: pre;
}

.none {
display: none;
}

.align-left {
text-align: left;
}

.align-center {
text-align: center;
}

.align-right {
text-align: right;
}

/* --------------------------------------------------
Media Queries
-------------------------------------------------- */
@media screen and (max-width: 1024px) {
#menu-inner, #container, #footer-inner {
width: 95%;
}
}
@media screen and (max-width: 768px) {
#sp-toggle {
width: 30px;
height: 25px;
display: inline-block;
float: left;
cursor: pointer;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
z-index: 5;
position: relative;
top: 13px;
}
#sp-toggle span {
width: 100%;
height: 3px;
background-color: #ffffff;
border-radius: 3px;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
position: absolute;
left: 0;
}
#sp-toggle span:nth-of-type(1) {
top: 0;
}
#sp-toggle span:nth-of-type(2) {
top: 11px;
}
#sp-toggle span:nth-of-type(3) {
top: 22px;
}
#sp-toggle.active {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
#sp-toggle.active span {
background-color: #ffffff;
}
#sp-toggle.active span:nth-child(1) {
-webkit-transform: translateY(11px) rotate(-45deg);
-ms-transform: translateY(11px) rotate(-45deg);
transform: translateY(11px) rotate(-45deg);
}
#sp-toggle.active span:nth-child(2) {
-webkit-transform: translateY(0) rotate(45deg);
-ms-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
#sp-toggle.active span:nth-child(3) {
opacity: 0;
}

#global-nav {
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(0, 0, 0, .8);
display: table;
float: none;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
opacity: 0;
visibility: hidden;
z-index: 3;
position: fixed;
top: 0;
left: 0;
}
#global-nav ul {
display: table-cell;
vertical-align: middle;
position: relative;
}
#global-nav ul li {
display: block;
opacity: 0;
-webkit-transition: none;
transition: none;
margin: 0 0 0 100px;
}
#global-nav ul li a {
width: 100%;
color: #ffffff;
display: block;
}
#global-nav ul li a:after {
width: 0;
height: 0;
}

.open #global-nav {
opacity: 1;
visibility: visible;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.open #global-nav ul li {
opacity: 1;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
-webkit-transition-delay: .1s;
transition-delay: .1s;
margin: 0;
}
.open #global-nav ul li:nth-child(2) {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.open #global-nav ul li:nth-child(3) {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.open #global-nav ul li:nth-child(4) {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.open #global-nav ul li:nth-child(5) {
-webkit-transition-delay: .5s;
transition-delay: .5s;
}

#primary-column {
width: 100%;
float: none;
margin: 0;
}

#inner {
margin: 0;
}

#secondary-column {
width: 100%;
float: none;
margin: 0 0 50px;
}

#totop {
right: 10px;
}
}
@media screen and (max-width: 480px) {
h1 {
font-size: 24px;
font-size: 2.4rem;
}

h2 {
font-size: 18px;
font-size: 1.8rem;
}

h3 {
font-size: 16px;
font-size: 1.6rem;
}

h4 {
font-size: 14px;
font-size: 1.4rem;
}

#menu-inner {
width: 100%;
padding: 0 20px;
margin: 0;
}

#container {
width: 100%;
padding: 0 10px;
margin: 0;
}

#site-branding {
padding: 50px 20px;
}

.post, .page {
padding: 20px;
}

.page h3 span{
top: -20px;
}

#pagination-post ul li a {
padding: 10px;
}

#footer {
padding: 20px;
}

#footer-inner {
width: 100%;
margin: 0;
}

#copyright {
text-align: center;
float: none;
}

#designed {
text-align: center;
float: none;
}
}
  • 記事ID:No.7537
  • 投稿日時:2017年04月13日 00:47 (2017年04月18日 06:48更新)

回答一覧(返信数 3 件)

投稿者:3steps A. Re: テンプレートMinimalについて。

.post-footerと、その要素の外側にある枠の.postのpaddingで調整してはいかがでしょうか

.post-footerの上側paddingを調整すればいいのですが、ここだけを狭く変更すると今度はシェアボタンの下側の余白が気になると思うので、
.postの下側paddingと、.post-footerの上側paddingを同じ値に指定してあげるといいでしょう。

見栄えに関わる余白は閲覧側の環境に左右されないように、相対的単位(emやrem)よりも絶対的単位(pxやpt)で指定した方が調整しやすいです(個人的な感想です)。

上下の余白を10pxにしたいなら、

.post-footer のpaddingを padding: 10px 0 0 に
そして.post のpadding値を 40px 40px 10px に
それぞれ変更してみてください

なお.post-footerの上側paddingの元の値(2rem)はモダンブラウザで22px相当でした。

以下お節介です。気に障るようでしたら無視してくださって構いません。


モダンブラウザ向けにremで数値指定を上書きするのは良いと思いますが、px単位で指定した方が良いもの、相対値指定で良いもの、remを使って上書きしなければならないものが混在しているように見受けられますので、一度整理してみてはいかがでしょうか

  • 投稿日時:2017年04月15日 03:49
投稿者:free-sp A. Re: テンプレートMinimalについて。

> 一覧ページには表示させずに、スッキリさせたい

一覧ページとはトップページの事で、今見えてる物を消したいという意味でしょうか?

トップページで今表示されてる記事下のシェアボタンを消したい、
で、個別記事表示の時は表示させたい、という事なんでしょうか?

  • 投稿日時:2017年04月17日 12:56
投稿者:3steps A. Re: Re: テンプレートMinimalについて。

テンプレート見た所、シェアアイコン制御用の○の上下の空白の調整かと思ったんですが。
なるほど幅ってそういう意味でしたか。
たしかに改めて質問文見るとそう読み取れますね。

勘違い回答したっぽくて恥ずかしいw

  • 投稿日時:2017年04月18日 06:48