Automattic에서 만든 테마로 워드프레스 테마 변경

작년 초에 이 블로그의 테마를 Maxwell로 변경했다고 오늘 워드프레스 모회사인 Automattic에서 만든 Edin이라는 테마로 변경했습니다.

Automattic에서 만든 Edin 테마로 워드프레스 테마 변경

이 블로그는 현재 가입형 워드프레스의 프리미엄 (Premium) 플랜을 사용하고 있습니다. 프리미엄 플랜에서는 아바다, 엔폴드 등과 같은 외부 테마를 사용할 수 없고 워드프레스닷컴에서 제공하는 프리미엄 테마를 사용할 수 있습니다. 프리미엄 테마라고는 하지만 WordPress.org에서 무료로 제공되는 테마와 같이 비교적 단순한 테마가 대부분입니다. (비즈니스 요금제에서는 플러그인과 외부 테마를 설치할 수 있습니다.)

오늘 외모 > 테마에서 테마 목록을 살펴보니 워드프레스 모회사인 오토매틱(Automattic)에서 만든 테마가 몇 개 올라온 것을 발견했습니다. (설치형 워드프레스에서는 ‘Appearance’가 ‘테마 디자인’으로 번역되어 있지만, 가입형 워드프레스에서는 아직도 이전 표현인 ‘외모’라는 용어가 사용되고 있네요.)

Automattic에서 만든 Edin 테마로 워드프레스 테마 변경

Edin을 비롯하여 Seedlet, Hever 등의 제작자가 Automattic으로 표시되어 있네요.

워드프레스 테마 Edin - 가입형 워드프레스

매우 심플한 블로그 사이트 운영을 원하는 경우 Edin과 같은 테마도 괜찮은 선택 같습니다.

사용자 정의하기에서 설정할 수 있는 항목이 그리 많지 않습니다.

워드프레스 테마 Edin의 테마 옵션 - 가입형 워드프레스

프리미엄 이상 요금제를 사용하는 경우에는 CSS를 사용하여 커스텀이 가능합니다. 저는 본문 글자 크기를 키우고, 사이드바를 고정하는 코드를 추가했습니다. (추후에 참조할 수 있도록 여기에 복사합니다.)

/* 사이드바 고정 */
@media screen and (min-width: 1024px) {
	#secondary {
		position: sticky;
		position: -webkit-sticky;
		top: 10px;
	}
}

/* 헤더 */
@media screen and (min-width: 1024px) {
	.site-title {
		margin-top: -80px !important;
	}
}

/* 이미지 그림자 효과 */
.wp-block-image .aligncenter, .post-thumbnail img {
	box-shadow: 0 0 20px #000000;
	-webkit-box-shadow: 0 0 20px #000000;
	-moz-box-shadow: 0 0 20px #000000;
}

/* 사이드바 위젯 */
.widget-title, .widgettitle {
	font-size: 1.1em !important;
	margin-bottom: 15px !important;
	background-color: #1e73be;
	padding: 5px !important;
	text-align: center;
	color: #fff;
	vertical-align: middle;
	line-height: 1.66em;
	font-weight: 600;
	position: relative;
	display: block;
	letter-spacing: 1px;
}

.widget-title:before, .widgettitle:before {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: -10px;
	left: 50%;
	height: 0;
	width: 0;
	margin-left: -10.5px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #1e73be;
}

/* 최신 글 위젯 */
.widget_recent_entries ul {
	list-style: disc;
	margin-left: 20px;
}

/* 본문 */
.entry-content p {
	font-size: 1.2em;
	line-height: 2em;
}

.entry-content h2 {
	margin-bottom: 25px !important;
	font-size: 1.65em;
	margin: 1.15em 0 .6em;
	font-weight: normal;
	position: relative;
	text-shadow: 0 -1px rgba(0,0,0,0.6);
	line-height: 40px;
	background: #355681;
	background: rgba(53,86,129,0.8);
	border: 1px solid #fff;
	padding: 5px 15px;
	color: white;
	border-radius: 0 10px 0 10px;
	box-shadow: inset 0 0 5px rgba(53,86,129,0.5);
	font-family: 'Muli', sans-serif;
}

/* archive */
.home .entry-title, .archive .entry-title {
	font-size: 1.8em;
}

본문 컨테이너의 최대 너비가 540px로 설정되어 있어 콘텐츠 폭이 조금 좁은 것 같습니다.

개인 블로그를 운영하는 경우 이 블로그와 같이 심플한 테마를 선택하는 것도 괜찮지 않나 생각되네요. 설치형 워드프레스를 사용하는 경우 워드프레스에 대해 조금 알면 GeneratePress와 같은 테마를 사용하여 커스텀하여 사용하는 것도 괜찮을 것 같습니다. 콘텐츠가 많은 블로그나 잡지, 뉴스 사이트의 경우 뉴스페이퍼 (Newspaper)와 같은 테마를 이용하면 약간의 세팅으로 퀄리티 높은 사이트를 만들 수 있을 것입니다.

테마를 변경하면 SEO에 변화가 생겨 구글 등의 검색엔진 유입에 변화가 발생할 수 있습니다. 하지만 이 블로그는 업데이트가 잘 안 되기 때문에 방문자 유입이 매우 낮은 수준입니다. 시간이 될 때 글을 조금씩 작성해보아야겠습니다.

참고

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google photo

Google의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중

This site uses Akismet to reduce spam. Learn how your comment data is processed.