원프레스 테마를 직접 사용해보지는 않았는데요. 블로그형으로 글을 쓰기에 좋은 형태의 테마로 보입니다. 저는 The Minimal Blogger 테마를 사용하고 있는데요. 초기에는 잘 몰라서 여러 플러그인을 함께 설치하여 정말 혼란하기 그지 없었습니다. 그런데 썸네일 올리는 것도 대형 플랫폼에서 제공하는 것처럼 편하게 구성되어 있지 않다보니 이것 찾느라 시간을 한참 보낸 기억도 있습니다. 이사양잡스 채널에서 글 올리기 좋은 테마로 원프레스를 추천하였는데 해당 테마 설치 후 썸네일 올리는 것에 관한 질문이 많았던 모양입니다. 썸네일 비율, 업로드, 내 입맛에 맞게 세팅하는 방법을 이사양잡스 원문영상으로 참조하여 아래 정리하였습니다. 원문 영상은 글 하단에 있으니 실제 화면 보면서 확인해보고자 하신다면 참조하세요~
원프레스 테마 사용법 안내
1. 원프레스 테마 추천 이유와 집중할 것
오늘은 클라우드 웨이즈로 워드프레스 시작하시고 원프레스 제가 추천드렸잖아요. 그 워드프레스에는 테마가 좋은 게 엄청 많은데요. 다들 용도가 있습니다. 자신이 쇼핑몰을 운영할 건지 아니면 우리처럼 블로그를 운영할 건지에 따라서 무작정 유명한 걸 쓰시면 안 되고 애드센스 수익을 내기 좀 최적화된 걸 추천드린 건데 제가 원프레스 테마를 추천드렸습니다. 많이 답답하실 거예요. 왜냐면 제너레이트프레스나 아스테라 같은 거는 워낙에 정보가 많은데요. 원프레스는 아마 찾기 쉽지 않으실 겁니다. 그래서 질문을 많이 주시긴 하는데 한 가지 말씀드리고 싶은 거는 우리는 웹 디자이너도 아니고 글 쓰는 사람이잖아요.
그래서 어느 정도 글 쓰고 수익이 나는 데 도움이 되는 거를 제외하고는 너무 공을 들이지 않으셨으면 좋겠어요.예를 들면 카테고리 명이라든지 또 예쁘게 꾸미는 거 이런 거 별로 도움 안 되고 예쁘게 꾸미면 꾸밀수록 얼마나 속도를 빠르게 유지하면서 꾸미는지가 진짜 중요하거든 그런 거를 컨트롤 못하면 오히려 예쁘게 꾸민 우리 블로그가 수익을 내지 못하는 느려지는 블로그가 될 수 있으니까 최소한의 작업만 하시길 권해드립니다. 이제 바로 들어가겠습니다.
2. 원프레스 테마 썸네일 크기 변경
원프레스를 통해서 들어오시게 되면 메인 페이지에 이런 식으로 구분이 되죠. 사진이 있고 요약된 설명이 있고 사진이 있고 요약된 설명이 있고 제가 지난번 영상에서 사진을 썸네일로 지정하는 방법을 알려 드렸는데요. 그런데 사진마다 비율이 다르지 않습니까? 그런데 이 원프레스에서 요구하는 비율이 또 있습니다. 그래서 맞지 않고 뭔가 예쁘지 않고 화질도 떨어지고 이런 현상들을 호소하시는 것 같아 그런 현상들을 전부 해결하는 아주 간단한 방법 말씀드리겠습니다.먼저 새로운 글을 쓴다고 생각해 보시고요. 여기다가 사진을 넣는다고 생각해 보겠습니다. 여기 지금 세 가지 사진을 좀 다르게 편집한 건데요.제일 위에 있는 비율이 1 대 1 비율입니다. 그리고 두 번째는 16대 9 비율이고요. 세 번째는 2 대 1 비율입니다.
이거를 이제 저장을 할 건데 이렇게 사진을 넣은 다음에 마지막 발행하기 전에 글을 누르시고 특성 이미지 설정한 다음에 선택하면 그게 썸네일로 된다고 했잖아요. 1대1을 한번 제가 특성 이미지 설정해볼게요. 설정하고 공개 글을 보면 보시는 것처럼 이렇게 썸네일이 잡힙니다. 이게 지금 원래 요거를 썸네일로 계획과는 다르게 모양이 이렇게 다르게 나왔습니다. 16대 9 넣어볼까요? 다시 편집으로 들어오셔가지고 글 누르신 다음에 악성 이미지 교체하시고 여기 16대 9를 설정해보겠습니다. 그럼 한번 그림을 잘 기억해 보세요. 여기 오사카 전망대에서 내려본 건데요. 이렇게 강이 있고 그리고 밑과 위 비율이 거의 2대 1로 하늘과 도시가 나눠져 있고요. 업데이트 해보겠습니다.
그러면 글보기 누른 다음에 그로 나가서 보시면 여기 지금 16대 9를 썸네일로 했더니 이렇게 나왔습니다. 보시면 느낌이 오시는지 모르겠지만 위가 약간 잘려나가고 밑에도 약간 잘려나가 원래 의도했던 거랑 다르게 나오죠. 다시 해보겠습니다. 이제 제일 밑에가 2대 1 비율이거든요. 이거를 이제 그걸 누르셔가지고 교체 누르시고 여기 2 대 1 올린 겁니다. 설정 신 다음에 업데이트 여기 지금 보시면 위에 하늘에 남은 비율하고 밑에 남은 비율이 조금 다르죠. 밑에가 조금 좁습니다. 제가 그렇게 편집을 한 거예요. 글을 한번 보겠습니다. 보시면 2 대 1은 그대로 들어와 있어 제가 이제 말로만 설명드려도 되는데 보여 드리는 이유가 뭐냐면 원프레스의 경우에는 기본적으로 썸네일이 가로세로 비율이 2대 1로 책정이 돼 있습니다.
3. 원프레스 테마 ㅌ썸네일 비율
그러니까 어떤 비율의 사진을 넣으시더라도 의도한 것과 다르게 2대 1로 나오는 거예요. 심지어 1 대 1을 넣으면 위아래가 잘리게 나오는 거고 꽉 차게 넣는다 해도 찌그러지니까 우리가 원하는 것도 아닙니다. 그러니까 CSS를 아무것도 건드리지 않고 내가 그냥 원하는 의도한 대로 썸네일을 넣겠다 싶으신 분들은 2 대 1 사진으로 썸네일을 쓰시면 됩니다. 사진을 쓰실 때 편집을 좀 하시잖아요. 이 영상에서도 제가 설명을 드렸었지만 보신 분들 JPG나 PNG 말고 현재 속도도 빠른데 화질도 떨어지지 않는 파일로 편집을 하시고 사이드 조절하시고 또 비율도 조절할 수 있는데 그 비율을 조절하실 때 원 프레스를 쓰시는 분들은 아예 2 대 1로 비율을 조절하겠다라고 본인이 결정하는 거죠. 여기 제가 알려드린 방법에서 그 방법을 그대로 쓰시면 되는 겁니다.
만약에 그렇게 하시면 따로 썸네일을 올리지 않고 본문에 있는 사진들이 있잖아요. 그 사진들 중 하나를 지금 우리가 한 것처럼 글 누르고 특성 이미지 눌러가지고 본문에 있는 이미지 중 하나 아무거나 선택 하셔도 되는 겁니다. 근데 우리가 올리는 글 중에는 세로로 긴 문서 형태도 있을 거고 또 직사각형도 있을 거고 16대 9도 있을 거 아닙니까? 그런 경우에도 썸네일을 하고자 원하는 건 2 대 1로 된 썸네일을 넣으시면 꼭 이렇게 하실 필요 없어요. 마음대로 화면을 구성하신 다음에 특정 이미지 넣으실 때만 여기다가 파일 업로드를 하나 하셔가지고 파일 선택을 누르시고 2대 1짜리 사진을 넣으셔서 의도한 대로 넣으시면 되겠습니다.
물론 여기서 업로드하시면 미디어 라이브러리 썸네일용이 뜹니다. 이 16대 9 사진이나 1대 1 사진을 넣으면 알아서 2 대 1로 잘려서 보이잖아요. 그렇게 하셔도 전혀 상관이 없어 그런 거 걱정 안 하셔도 됩니다. 근데 이제 블로그를 하시고 장기적으로 보시다 보면 언제나 우리의 의도 안에 우리의 계획 안에 이런 썸네일이나 이런 것들도 나오기를 바라실 겁니다. 때문에 그걸 원하시는 분들은 현재 비율이 2 대 1이라는 걸 기억하고 작업하시면 좋겠어요. 그리고 이미지로만 구성돼 있는 페이지를 만들지 않는 이상 그런 게 중요한 주제가 아닌 이상은 가로로 조금 긴 이미지가 가독성이 좋습니다.
한 페이지에 봤을 때 사진이 이만큼 차지하고 글이 조금 나와서 올려야 되는 거 하고 이 가로 비율이 옆으로 좀 길고 글씨 수가 사진만큼 많이 나오는 거 하고 사진을 보면서 글씨를 보기에는 이게 더 훨씬 좋거든요. 심리적으로도 이런 식으로 보면 답답한 느낌이 들고 사람이 글을 읽는 데 방해를 합니다. 심지어 1대 1인 경우에는 사진 말고는 글씨를 볼 수 있는 공간이 거의 없잖아 그래서 16대 9도 익숙 하시겠지만 2 대 1도 추천을 드리는바입니다. 가로 사이즈는 이건 계속 바뀌긴 하는데 최근에는 1600을 추천드려요.
4. 해상도 선명하게 하는 방법
1600을 하시다가 용량이 너무 커지면 안 되니까 용량이 크지 않게 1600으로 하시면 좋겠어요. 그리고 이제 화질이 갑자기 떨어진다고 하시는 분들 계신데요. 선택하시고 오른쪽에 보면 해상도가 있거든요. 이거를 최대 크기로 해놓고 하시면 좋고 썸네일로 하셨거나 보통으로 하시면요. 화질이 떨어집니다. 이거는 이제 안 하셔도 되니까 사실 의미없는 얘기이긴 한데 우리 워드프레스 설정에 미디어 가시면요. 여기 이미지 크기 있잖아요. 이거에 맞춰서 되는 거니까 이것도 좀 이상하죠 이렇게 안 돼 있으실 거예요. 근데 이 제일 밑에 거 있죠. 이거를 160,000으로만 바꿔주시고 변경 사항 저장해 주십시오. 큰 크기 현재로서 큰 크기 160,000으로 하시길 권해드립니다. 요즘에는 점점 특히 스마트폰의 해상도가 높아지고 있기 때문에 예전과 다르게 160,000 추천 드리겠습니다.
5. 이미지 비율 변경 방법
여기가 지금 2대 1로 돼 있지 않습니까? 근데 이거는 원프레스에서 최초에 결정한 거고요. 2 대 1이 싫을 수도 있습니다. 예를 들면 가로가 조금 짧고 세로가 넓어서 이쪽에 내용이 조금 더 많이 나오게 하든 아니면 세로가 좀 더 짧게 돼가지고 더 촘촘하게 여러 개를 한 페이지에 볼 수 있게 하고 싶든지 아니면 이 가로세로 자체가 완전히 다 작아져가지고 이 사진이 차지하는 비율을 줄이고 싶습니다. 그러니까 이 원프레스에 기본적으로 세팅돼 있는 것을 바꾸고 싶으신 분들이 계실 거예요. 이것까지 하시고 이제 디자인하는 것은 공들이시지 마시고 제가 정말 간절히 말씀드리는데 여러분 글 쓰셔야 됩니다.
글을 써야 의혹 클릭에 대한 걱정도 할 수 있는 거고 수집에 대한 분석도 할 수 있는 거 때문에 다양한 주제로 주제 하나로 통일하실 필요 없어요. 통일하면 좋은 부분도 있는데 그거는 글을 많이 쓰시고 나서 정보나 데이터가 있을 때 문제지 지금은 최대한 여러 가지 종류로 글을 쓰시는 게 중요합니다. 빨리 끝내겠습니다. 워드프레스 관리 페이지로 오셔가지고요. 외모 누르시고요. 외모에 사용자 정의하기 누르시고 그리고 추가 CSS 누르세요. 그러면 예전에 h태그 같은 거 넣었던 거 있으시죠? 저는 지금 다 지웠는데 그거 밑에 공간을 하나 만들어주신 다음에 한번 써보겠습니다. 이거는 어렵지 않으니까 복사하실 필요 없고 그냥 한 번쯤은 직접 써보세요. 그러면 점점 익숙해집니다.
점 찍으시고요. wp 워드프레스죠. 하이푼 포스트 하이푼 이미지 그리고 중괄호 엽니다. 열고 엔터 됐죠. 공간 생겼죠. 여기다가 위드 넓이겠죠. 그리고 콜론 하시고요. 3000 PX 세미콜론 엔터 높이 height 콜론 150 PX 세미콜론 그리고 오브젝트 하이픈 핏 컬론 커버 이렇게 적으시고 세미 컬론 됐습니다. 여기까지예요. 이제 설명을 드리겠습니다. 이거는 썸네일 넓이입니다. 지금 여기가 지금 300이에요. 요만큼 이게 150입니다.
실제 물리적인 높이고요. 오브젝트 핏은 뭐냐면 이걸 꺼버리면 원본 비율을 무시하고 찌그러지지 않게 넣으실 분들은 이걸 넣으시면 되고 이걸 지우면 이제 찌그러집니다. 아까 1대 1 같은 썸네일을 넣으시면 이렇게 들어오는 게 아니라 가로로 자동으로 넓어지고 위아래가 찌그러지겠죠. 그러니까 이거는 그냥 넣으시면 돼요.
이제 보시죠. 우리가 보통 16대 9 사진을 쓴다고 해보겠습니다. 그러면 300에 150은 2 대 1이잖아요. 16대 9가 아니라 16대 9가 되려면 어떻게 해야 될까요? 옛날에 저기 학교 다닐 때 했던 거 기억나시나요? 300대 x는 16대 9 그래서 이 300이랑 9 곱하시고 그걸 16으로 나누면 나오죠. 그럼 168 여기를 150이 아니라 68로 바꿔보시면 익숙한 비율이 됐습니다.
168인데 비율상으로는 16대 9 비율이 이제 좀 아시겠죠? 어렵지 않죠 이런 비율로 하실 수 있는 겁니다. 아까 2 대 1보다 더 작은 비율을 하고 싶으시면 300 높이 100 하시면 이렇게 좁은 비율로 목록을 구성하실 수 있습니다. 이만큼까지 공간을 더 쓰고 싶다 그러면 이 300을 줄이시면 되겠죠. 이거를 20에 100 그러면 2대 1 비율인데 이렇게 작아집니다. 어렵지 않습니다. 그래서 이거를 이제 한 번 결정하시고 비율을 결정하시면 돼요.
나는 16대 9 비율 일반적인 비율을 쓰시겠다 그러면 이거 똑같이 적으시고 지우시고요. 300 그리고 높이 168로 넣으시면 16대 9 조금 잘려요. 168 사실은 75입니다. 이러면 이제 사는 게 복잡해지니까 168로 하시고 나는 2 대 1 비율을 그냥 유지하고 싶으시면 150으로 하시면 되겠습니다.그리고 공개 누르시면 되겠죠. 공개 누르시면 적용이 됩니다. 이렇게 하시면 되고요. 글 쓰시고요. 사진은 꼭 필요한 것만 넣으시고요. 사진을 넣지 않는 게 좋다는 단순한 생각하지 마시고 필요한 사진은 꼭 넣으셔야 되지만 필요 없는 사진 넣지 않으셔야 됩니다. 그리고 화질은 좋게 용량은 작게 해서 업로드 하시면 구글에서 굉장히 좋은 위치의 랭크 되실 겁니다. 그럼 오늘 여기까지 하겠습니다. 이사양잡스였습니다.