Formation Pro 추가 CSS / 워드프레스 테마

본문 폰트 크기 / 줄간격 등

1. 추가CSS에 아래 코드 집어넣거나

body {
line-height: 200%;
font-size: 16px;
color: #000000;
}

 

2.

textarea {
color: #747474;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.9;
}

를

textarea {
color: #000000;
font-size: 14px;
font-size: 1.4rem;
line-height: 2.1;
}

로 바꾸어 줌

---

애드센스 노랑배경 없애기

1. 추가css에 아래 코드 집어넣거나

ins {
background: transparent;
text-decoration: none;
}

 

2.

혹은

애드센스 바탕화면에 옅은 노란색이 나오지 않도록 style.css 에서 fff9c0 를 찾아 ffffff 로 바꿔줌

---

글 한개 볼 때 featured image 안보이게 하기

remove the following code from the content.php and conte-single.php files:

<div class="blog-image">
				<?php
			if ( has_post_thumbnail() ) {
    $image_src = wp_get_attachment_image_src( get_post_thumbnail_id(),'featured' );
     echo '<img alt="post" class="imagerct" src="' . $image_src[0] . '">';
}
  			?>
    </div>

 

 

색상변경은 entry-header의 efefef -> eaf1f9 로 바꾸고, margin 10 짜리 없애줘서 쓸데없는 공간 없애기

전체크기는 폭 1000이상 되는 것 모두 1000px 로 통일하고
(1160을 찾아서 모두 1000으로 통일하면 됨)

본문사이즈 730px 가 될 수 있도록 22.3%로 만들어주고
#content {
margin: 0 22.3% 0 0;
}

우측 위젯 20%=200px 로 만들어준다.
#tertiary {
background: #FFF;
float: right;
margin: 0 0.2em 0.4em;
padding: 0.6em 1em 0;
position: relative;
width: 20%;
border-radius:0.2em;
}

 

---

Featured Image 제거

단일 포스트에서 제거하려면 content-single.php 에서 아래를 제거…

<?php
if ( has_post_thumbnail() ) {
$image_src = wp_get_attachment_image_src( get_post_thumbnail_id(),’featured’ );
echo ‘<img alt=”post” class=”imagerct” src=”‘ . $image_src[0] . ‘”>’;
}
?>

 

 

홈페이지와 페이지 화면에서 제거하려면 content.php의 아래의 부분에서,

<article id=”post-<?php the_ID(); ?>” <?php post_class(); ?>>
<div class=”blog-image”>
<?php
if ( has_post_thumbnail() ) {
$image_src = wp_get_attachment_image_src( get_post_thumbnail_id(),’featured’ );
echo ‘<img alt=”post” class=”imagerct” src=”‘ . $image_src[0] . ‘”>’;
}
?>
</div>

아래의 부분을 제거.

<?php
if ( has_post_thumbnail() ) {
$image_src = wp_get_attachment_image_src( get_post_thumbnail_id(),’featured’ );
echo ‘<img alt=”post” class=”imagerct” src=”‘ . $image_src[0] . ‘”>’;
}
?>

 

---

본문 넓이에 따라 표시되게 하기 안되게 하기

style에는 아래의 코드를…

<div class=”aladin720″>

</div>

<div class=”aladin350″>
</div>

css에는 아래의 코드를 넣는다.
@media(max-width:770px) { .aladin720 { clear:both; width:0px; height:0px; display:none; } }
@media(min-width:770px) { .aladin350 { clear:both; width:0px; height:0px; display:none; } }