워드프레스 유료 테마 NEWSMAG  소개

 

 

 

오늘은 요즈음 많이 사용하는 워드프레스 유료 테마를 소개하고자 합니다.
매거진(잡지, 신문, 언론, 뉴스 등) 형태의 대표적인 테마인 <NewsMag 테마>인데요.

지난해인가 한 번 (NewsPaper 워드프레스 테마)를 소개해드린 적이 있는데,
바로 거기서 만든 거의 비슷한 레이아웃의 테마가 바로 뉴스매그 <NewsMag> 테마입니다.

워드프레스 추천 테마 NewsPaper v4.5 심플하지만 댄디한 테마

NEWSMAG 워드프레스 테마


블로그나 매거진 뉴스 형태로 활용되도록 제작된 테마이기 때문에 뉴스를 테마로한 블로그 웹사이트를 만드는데도 손색이 없어 보입니다.

인터넷 익스플로러 8~11, 파이어폭스, 사파리, 오페라, 크롬, 엣지 등에 최적화 제작되었으며 우커머스 지원, 비비프레스,
 비주얼 컴포저 등의 플러그인을 지원합니다.
 
하지만 개인적으로는 레이아웃이나 디자인이 깔끔하고! 군더더기가 별로 없다는 점이 가장 마음에 들어 구입하게 되었는데요.

결정적으로~! 보통의 유료 테마들이 59$ 가격을 고수하는 반면
이 NEWSMAG 테마는 불과 49$ 이라는 상대적으로 조금 저렴한 가격도 구입을 결정하는데 한몫을 했습니다.

샘플사이트로 보는 테마 구성, 디자인


 

사이트 바로가기

 

깔끔하게 정리된 홈페이지 샘플 사이트 (링크) 의 모습입니다.

위의 테마가 기본 테마인데요. 말씀드린 대로 매거진 형태이면서도 깔끔함을 유지하고 있어서 좋았습니다.

테마의 기본 테마라고 말씀드리는 것은 <테마속의 옵션 설정에 따라 다른 형태의 테마로 설정이 가능> 하기 때문에 그렇게 말씀드린 것입니다.


실제로 대부분의 유료 테마들은 1개의 유료 테마에서도 다양한 디자인의 버전을 제공하기 때문에
마치 전혀 다른 테마를 운영하는 것처럼 꾸밀 수도 있습니다.

물론, 기본 뼈대는 거의 같긴 합니다. 하지만 디자인이나 포인트 색상이 달라지는 효과는
마치 전혀 다른 웹사이트를 만든 것 같은 착각을 주기에 충분합니다. :)
 

NEWSMAG 테마에서는 위와 같이 자동차, 동물, 스캔들(연예), 여행, 패션, IT, 영상, 스포츠, 클래식 등
총 10가지의 버전을 제공하고 있습니다.

사용자의 입맛대로 조금 더 특색 있는 사이트를 꾸미는데 도움을 준다는 정도로 생각하시면 좋겠네요!

실제 개인 호스팅에 설치해보니


조금 더 빠른 웹사이트 구축과 구입한 테마의 환경 설정 및 결과물에 대한 조금 더 빠른 인식을 위해서 위와 같이 샘플 콘텐츠 들을 미리 설치해볼 수도 있습니다.

제가 설치할 때는 어떤 문제가 생기면서

오류가 나버리는 바람에.. 썸네일 이미지 몇 개가 깨져버렸는데요. 작동하는 데는 아무 이상이 없었습니다. ㅜ_ㅜ


테마 가격, 판매량 및 평가

지원하는 버전이나 기본 기능들에 대한 설명과 가격, 테마 평가 별점, 실구매 횟수입니다.

714건의 평가가 있었는데도 별 5개 수준이면 상당히 좋은 수준인 것 같습니다.
그리고 약 7천여 건의 구매가 이루어졌다는 점이나, 코멘트도 활발하고,
제작사 업체로 준수한 서비스를 제공하므로 구입하는데 큰 제한사항은 없는 무난한 유료 테마로 보입니다.

워드프레스 유료 테마는 달러($)로 구입해야 하기 때문에 환율 변동에도 조금 민감한 편입니다.

물론.. 그래 봐야 몇 천원 차이이긴 하지만 이게 한두 건이 넘어가면 사용자 입장에서는 원 달러 환율이 오르내림에 점점 민감? 해지더라고요. 뭐.. 애드센스 수입이 있으니 오르는 게 보통은 좋긴 하지만요. ^^;

테마포레스트에서 구입했고 <테마가격 49$ + 수수료 2$ = 51$ (한화 \ 6만원)>을 지불했습니다.

지불 방식은 해외 사용이 가능한 카드라면 신용, 체크 둘 다 되며, 보안이 잘 되어 있어 그런가
카드번호와 CVS 넘버, 유효기간 정도만 입력하면 바로 승인이 떨어집니다.

 

 

 

 

 

 

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

float 이용해서 메뉴를 만들어 보겠습니다.

우리가 리스트에 CSS를 적용하기 전에 float에 대해서 먼저 배워 보도록 합시다.
태그{float:값}
값에는 left, right, none


p태그로 텍스트를 넣었다 하고 float:left를 적용하면
그 p 태그는 왼쪽에 위치하게 되고 right를 적용하면 오른쪽에 위치 하게 됩니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>float</title>
<style>
    p{float:left}
</style>
</head>
<body>
<div>
    <p>Hello</p>
</div>
</body>
</html>
----------------------
이사실을 이해했다면
메뉴를 만들수가 있습니다

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>float</title>
<style>
</style>
</head>
<body>
    <ul>
    <li><a href="#">메일</a></li>
    <li><a href="#">카페</a></li>
    <li><a href="#">블로그</a></li>
    <li><a href="#">지식iN</a></li>
    <li><a href="#">쇼핑</a></li>
    <li><a href="#">사전</a></li>
    <li><a href="#">뉴스</a></li>
    <li><a href="#">증권</a></li>
    <li><a href="#">부동산</a></li>
    <li><a href="#">지도</a></li>
    <li><a href="#">영화</a></li>
    <li><a href="#">뮤직</a></li>
    <li><a href="#">책</a></li>
    <li><a href="#">웹툰</a></li>
    </ul>
</body>
</html>
위 소스의 결과는 
 

 


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>float</title>
<style>
 ul{width:650px;height:30px;background:green;list-style:none}
 ul li{float:left}     
 ul li a{font-size:12px;color:yellow;font-weight:bold;text-decoration:none}
</style>
</head>
<body>
 <ul>
 <li><a href="#">메일</a></li>
 <li><a href="#">카페</a></li>
 <li><a href="#">블로그</a></li>
 <li><a href="#">지식iN</a></li>
 <li><a href="#">쇼핑</a></li>
 <li><a href="#">사전</a></li>
 <li><a href="#">뉴스</a></li>
 <li><a href="#">증권</a></li>
 <li><a href="#">부동산</a></li>
 <li><a href="#">지도</a></li>
 <li><a href="#">영화</a></li>
 <li><a href="#">뮤직</a></li>
 <li><a href="#">책</a></li>
 <li><a href="#">웹툰</a></li>
 </ul>
</body>
</html>
위 소스의 결과는

------------------------

 

위 3가지 학습을 종합해서 만들어 보면 아래와같은 소스가 됩니다.

 

 

그리고 결과는

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,