The7 테마 페이지 상단 레이아웃 및 타이틀 지정하기

저는 지금 The7 테마를 사용하고 있습니다.
이것은 테마포레스트 2위 안에 들고 있으면서 가격 또한 39달러밖에 하지 않습니다.
그래도 고급 플러그인은 모두 제공이 되고 있습니다.

오늘은 각 페이지별로 상단 이미지 및 타이틀 그리고 서브타이틀 지정하는 방법을 알아볼까 합니다.
이것은 The7 테마 옵션에 들어가면 블로그 포스팅에도 지정할 수 있으나 이것은 포스를 볼 때 동일한 이미지와 타이틀, 그리고 서브타이틀이 지정되어 나옵니다.

그러나 페이지는 각각 독립된 상단 배경이미지, 타이틀, 서브타이틀을 지정하실 수 있습니다.

그럼 페이지별로 상단 배경이미지, 타이틀, 서브타이틀 지정하는 법을 알아 볼까 합니다.

우선 페이지를 하나 만들어 주세요. 저는 기존의 페이지를 사용하도록 하겠습니다.
이 기능을 사용하기 위해서는 Page Head Option에서 Fancy title을 클릭하셔서 활성화 시켜 주셔야 합니다.

the7테마설정

Fancy title layout 지정

여기를 보시면 레이아웃을 지정해 주는 곳인데요 타이틀과 서브타이틀 그리고 breadcrumbs를 지정하는 곳입니다.
또한 Minimum height(px) 배경이미지 상단 높이를 지정하는 곳인데요 저는 400px로 지정했습니다.
그리고 Top, Bottom padding padding 지정하실 수 있습니다.

the7테마설정

BREADCRUMBS

여기는 블로그 상단의 경로의 텍스트 색상 및 배경색상을 설정하는 곳인데요 배경색은 검정색이 낫습니다.

TITLE

페이지의 타이틀을 지정하는 곳입니다.
Page title을 클릭하시면 페이지 제목 그대로 설정이 되기 때문에 Custom title을 클릭하셔서 본인이 적고 싶은 타이틀 제목을 적으시면 됩니다.
타이틀이기 때문에 글씨크기가 조금 크면 좋을 듯 싶습니다.
폰트 색상 지정하실 수 있습니다.

the7테마설정

SUBTITLE

말 그대로 타이틀 밑에 적용할 타이틀을 지정하는 곳입니다.
서브타이틀 크기 및 글씨 색상 지정도 타이틀처럼 지정하실 수 있습니다.

the7테마설정

BACKGROUND

이것은 상단 레이아웃 부분에 색상 및 배경이미지를 지정하는 곳입니다.
전에 레이아웃에 400px를 지정해 놓았으면 배경이미지는 400px 보다 조금 더 큰 것으로 올리시면 되겠습니다.
포지션 또한 지정하실 수 있습니다

the7테마설정

그런마음에 페이지 저장하시고 보시면 이쁜 페이지 레이아웃 적용된 것을 보실 수 있습니다.

the7테마설정

#the7테마, #the7테마사용법, #the7테마사용방법, #the7테마설치하기, 

워드프레스 The7 테마 배경색 및 배경이미지 설정하기

안녕하세요.
제가 현재 사용하고 있는 테마는 The7 테마 입니다.
다목적 테마이기도 하고 인기가 있는 테마입니다. 그러나 기본적으로 비주얼 컴포저를 사용해서 만들었기 때문에 최적화 시키지 않으면 상당히 무겁게 느껴질 것입니다. 그래서인지는 몰라도 엘리먼트로 만들어진 데모가 몇 개 올라오고 있습니다.
아무래도 비주얼 컴포저보다 엘리먼트가 가볍긴 합니다.
그리고 이 테마는 우리나라에서 점차 많이 사용하고 있는 테마 중에 하나입니다.

오늘은 The7 테마에서 배경색을 설정하는 것을 포스팅 하도록 하겠습니다.

관리자 로그인 => Theme Option => Page Titles

the7테마설정
먼저 워드프레스를 로그인 합니다.
그러면 위의 그림과 같이 The7 테마옵션이 상단에 보이는데요 그 중에서 왼쪽 하단에 위치한 Page Titles을 클릭합니다.
여기는 페이지의 상세한 부분을 설정하는 곳이라 생각하시면 되겠습니다.

Theme Option => Page Titles => Style => Background

the7테마설정
페이지 타이틀을 클릭하시면 보시다시피 레이아웃, 스타일, 타이틀 등 여러가지 옵션이 보일텐데요 여기에서 스타일을 클릭해 주세요
타이틀 스타일이 나오고 여기에서 백그라운드를 설정하신 다음에 다음을 보시면 백그라운드가 보실텐데요 페이지에 나타날 색상을 설정하는 곳입니다.

Theme Option => Page Titles => Style => Background Images

the7테마설정
그런다음 밑은 백그라운드 이미지 설정하는 곳입니다.
백그라운드 이미지 활성화 시킨다음에 페이지 타이틀에 이미지를 설정하시면 페이지 타이틀에 배경색보다 배경 이미지가 설정이 됩니다.

#the7테마, #the7테마설정, #워드프레스the7테마

워드프레스 The7테마 메뉴 아이콘 변경하기

 

안녕하세요
워드프레스에는 수많은 테마가 있습니다.
비슷하면서도 차별적인 요소로 수많은 사람들에게 인기를 모으고 있습니다.

The7 테마

현재 제가 사용하고 있는 테마는 The7 테마 입니다.
테마포레스트에서 아바다 다음으로 인기를 모으고 있습니다.
기본적으로 The7테마가 기본적으로 무겁게 느껴지고 또한 비주얼 컴포저가 포함이 되어 있어서 누구나 손쉽게 만들 수 있는데 이것으로 인하여 더 무거울 수 있습니다.

The7 테마 메뉴 아이콘 변경

오늘은 The7테마에서 메뉴 아이콘 변경하는 법을 알아보도록 하겠습니다.
메뉴 앞에 아이콘이 붙어져 있으면 보기에는 좋으나 로딩속도에는 안 좋다고 합니다.

the7테마설정


먼저 본인의 워드프레스 블로그 및 웹사이트 대시보드에 들어옵니다.
그런다음에 테마 디자인 => 메뉴 를 클릭합니다.
그러면 본인이 만든 메뉴가 보일 것인데요 여기에서 밑에 Primary Menu 가 표시되어 있는 메뉴를 선택을 합니다.

the7테마설정

The7 테마 Mega Menu 

두번째로 아이콘을 변경할 메뉴를 선택합니다.
그러면 밑에 The7 Mega Menu 가 보일 텐데요 여기를 클릭합니다.

the7테마설정

The7 테마 Mega Menu 세부 설정

The7 Mega Menu 를 클릭을 하면 세부적으로 설정해야 할 창이 새롭게 나타나는데요 여기에서 두번째 Icon를 클릭한 다음 본인 메뉴에 맞는 아이콘을 찾으시면 됩니다.
그런 다음에 하단에 저장하기를 클릭하시면 메뉴에 아이콘이 변경 됩니다.

the7테마설정

이상 워드프레스 The7테마 메뉴아이콘 변경하는 방법을 알아 보았습니다.

#the7, #the7테마, #the7워드프레스테마, #the7theme, #the7테마사용법, #the7테마메뉴, #the7테마사용방법, #the7테마메뉴아이콘변경

The7테마 풋메뉴(The7Theme foot menu) 설정하기

안녕하세요..
보시다시피 저는 워드프레스 다용도 테마인 The7테마를 사용하고 있습니다.
여러가지 기능이 모두 갖추어져 있다고 하시면 될 것입니다.

메뉴도 상단과 하단으로 나누어져 있고 설정에 따라 숨김도 할 수가 있고 또 다르게 메뉴를 생성할 수도 있습니다.
오늘은 The7테마 풋메뉴(foot menu) 설정하는 방법을 알아보도록 하겠습니다.
The7테마 풋메뉴는 어떻게 하단을 설정하느냐에 따라 다르겠지만 기본은 보시다시피 저작권(카피라이트) 옆에 나오도록 되어 있습니다.

워드프레스 the7테마 저작권정보 변경하기

하단의 풋메뉴는 대쉬보드 > 테마 > 메뉴에서 설정할 수 있습니다.
우선 풋메뉴를 하나 만들어 주세요..
기존의 하단 메뉴를 사용하시는 것도 괜찮으나 저는 새롭게 만들었습니다.

그런다음에 밑에 메뉴설정이 있습니다.
가장 중요한 부분이라고 하시면 될 것입니다. 하단 풋메뉴의 숨길 수도 있고 나오게 할 수도 있습니다.

the7테마설정

또한 이곳이 어느 곳에 메뉴를 설정하느냐인데요 저는 Header Microwidget2 와 Botton Menu 에 체크를 했습니다.
Header Microwidget2 메뉴는 상단 메뉴위의 최상단 위치이며 Botton Menu 는 카피라이트 옆의 풋메뉴의 설정을 말합니다.
하단 풋메뉴를 없애거나 변경하고 싶다면 위와 같이 하단 메뉴를 하나 생성하시고 이 체크박스를 없애면 되겠습니다.

초기의 The7테마를 구입을 하고 난뒤에는 하단 풋메뉴에 4개의 메뉴가 있을 것입니다.
하단 풋 메뉴 이것을 어떻게 바꾸고 싶으신 분은 대쉬보드 > 테마 > 메뉴에서 위와 같이 하시면 됩니다.

#the7, #the7테마, #the7워드프레스테마, #the7theme, #the7테마사용법, #the7테마메뉴, #the7테마풋메뉴, #the7테마사용방법, #the7테마하단메뉴

워드프레스 The7테마 메가메뉴 사용 및 설정하기

안녕하세요.
오랜만에 저의 블로그에 소소한 변화를 주었습니다.
벌써 눈치 채셨는 분은 아셨겠지만 The7테마 메가메뉴를 적용했습니다.

The7테마를 사용하면서 이것을 사용할까말까 하다가 하지 않았는데 오늘에서야 사용하게 되었습니다.
매거진 뉴스페이퍼 테마와는 사뭇 다른 느낌입니다.
매거진 테마에서의 메가메뉴는 케테고리별 블로그 포스팅 썸네일과 함께 조금 더 세심하게 되어 있는 듯 합니다.

그럼 The7테마 메가메뉴 설정하는 방법을 알아보도록 하겠습니다.
The7테마의 메가메뉴는 메뉴에서 설정 하도록 되어 있습니다.

우선 테마 대쉬보드 > 디자인 > 메뉴 를 클릭합니다.
상단에 메뉴를 찾습니다.

the7테마설정

그러면 상단 루트메뉴에서 아래 The7 Mega Menu를 클릭합니다.
맨 먼저 눈에 띄는 것이 상단 이미지의 설정입니다.
이것은 메가 메뉴 옆의 이미지를 설정하는 곳입니다. 현재는 No Icon으로 되어 있습니다.

the7테마설정중요한 것은 아래로 내려 오시면 Enable Mega Menu 이라는 것이 있습니다.
여기를 꼭 활성화 시켜 주셔야 합니다.
Number of columns 이곳도 체크를 해 주셔야 합니다. 메가메뉴의 가로 혹은 세로를 설정하는 곳이라 생각 하시면 됩니다.
그리고 나서 저장을 한 다음에 빠져 나옵니다.

the7테마설정

메가메뉴로 설정할 서브메뉴를 루트메뉴 밑에 설정해 둡니다.
저는 서브 아이템으로 Apple iPhone과 Apple watch를 설정했습니다.

the7테마설정

그러고 나서 첫번째 Apple iPhone 서브아이템에서 밑 The7 Mega Menu를 클릭합니다.
여기는 쉽게 말해서 메가메뉴때 보여질 서브메뉴 Apple iPhone 카테고리를 설정하는 곳이라 생각하시면 됩니다.

the7테마설정Icon Type중 이미지는 앞에서도 언급 했듯이 메가메뉴 옆에 보여 질 이미지입니다.
Position은 위치이며 Size는 크기입니다. 50px로 되어 있으나 이 크기는 너무 작은 느낌이라 저는 60px로 했습니다.
그러나 이곳은 서브메뉴가 2개, 3개이면 똑같은 방법으로 해 주셔야 제대로 보실 수가 있을 것입니다.

#the7, #the7테마, #the7워드프레스테마, #the7theme, #the7테마사용법, #the7테마메뉴, #the7테마메가메뉴, #the7테마사용방법

워드프레스 The7테마 vs Betheme 최적화

안녕하세요..
저의 사이트를 매번 방문을 하셨다면 가끔 사이트 테마가 바뀐 것을 보실 수 있을 것입니다.
어느 것이 최선의 테마일지 몰라서 한동안 망설이고 이것과 저것을 설치를 했습니다.

그리고 나서 최종적으로 선택을 한 것이 2017년에 구입을 한 Th7테마입니다.
물론 작년 프라이데이 때 구입을 한 Betheme 나쁘다는 것은 아닙니다.

Betheme 현재 테마포레스트에서 아바타 다음으로 제일 잘 팔리고 있습니다.
업데이트도 제일 빠르게 해 줄 뿐만 아니라 데모테마도 아마 제일 많은 것 같습니다.

또한 기본 설치 용량도 보시면 6M로 확 줄어 들었습니다.
The7보다 2배정도 설치용량을 덜 차지 한다고 보시면 되겠습니다.
그리고 로딩속도 또한 Betheme가 The7보다 조금 빠릿빠릿합니다.

그런데 왜 제가 The7을 선택하게 된 것은 첫번째 구글의 페이지뷰를 들 수 있습니다.
저는 현재 Yoast SEO를 사용하고 있습니다.
이것을 사용한지는 꽤 되었습니다.


그리고 The7 테마를 사용 했을 때와 Betheme를 사용했을 때 구글 페이지뷰가 2배 정도 그 이상 차이가 납니다.
즉, 구글을 통해서 저의 사이트를 찾아 오시는 분이 Betheme에서는 하루에 400명이라고 가정을 했을 때 The7테마를 사용 했을 때 800명 혹은 그 이상인 것입니다.

두번째로는 아무리 메인 세팅을 해도 Betheme에서는 최적화가 어렵다는 것입니다.
이것은 앞의 구글 검색의 페이지 뷰에서의 결과인 것 같다는 생각이 듭니다.


Betheme에서 자체 Muffin Builder를 사용해서 그런지는 몰라도 쉽게 페이지를 만들 수는 있어도 이것을 최적화 하기 참으로 어렵습니다.
만드시고 보시면 페이지 내의 최적화인 녹색이 아닌 최적화가 아님을 나타내는 빨간색으로 될 것입니다.

블로그를 하시는 분들은 아시겠지만 속도도 중요하지만 여기에 못지 않게 포털사이트의 페이지 노출도 그만큼 중요하다고 생각이 되어집니다.
순간순간 하루하루 블로그 페이지뷰 체크 하는 것도 괜찮을 것 같다는 생각을 해 봅니다.

#블로그최적화 #The7vsBetheme #워드프레스블로그 #워드프레스최적화 

워드프레스 the7테마 로딩바 설정하기

안녕하세요 오늘의 포스팅은 테마의 로딩바입니다.
각 테마별로 다르겠지만 The7테마는 로딩바를 지원하고 있으며 스타일도 다르게 할 수가 있습니다.
현재 저의 로딩바는 라운드형의 회색톤으로 되어 있습니다.
기본으로 되어 있다고 하시면 됩니다.

the7테마설정

그러면 The7테마의 로딩바의 설정하는 법을 알아 보겠습니다.
먼저 워드프레스 관리자 환경에 들어옵니다.

그러면 상단에 The7테마옵션이 보이는데요 거기에서 General Appearance 를 찾아서 클릭해 봅니다.

the7테마설정

General Appearance에서 상세 설정란이 보이는데요 하단에 내려옵니다.
하단에 내려 오시면 Beautiful loading 를 보실 수가 있습니다.

여기에서 The7테마 로딩바를 설정하하시면 됩니다.
로딩바를 활성화 또는 비활성화도 가능하며 로딩바의 스타일 및 색상 또한 바꿀 수가 있습니다.

the7테마설정외국에서 만든 테마라서 그런지 한국어 번역은 아직 지원은 안되는 것 같은데 얼핏얼핏 보셔도 알 수 있으며 또한 구글에서 검색을 하시면 한국에서 The7테마를 많이 사용 하셔서 그런지 번역을 해 놓은 것이 있습니다.

#워드프레스 #워드프레스the7 #the7 #워드프레스로딩바 #워드프레스로딩바설정 #the7워드프레스 #the7테마로딩바 #the7theme