Square

스타일이 적용된 머리말 사용법

알 수 없는 사용자 — Tue, 25 Dec 2018 01:46:27 +0900

Square Final 스킨에서는 머리말 3번에 스타일이 적용되어 있습니다.

한 개의 스타일에 4가지 컬러를 지원합니다.

※ 스킨을 사용하실 때 머리말 기능을 사용하신다면 머리말 3번부터 쓰시는걸 추천드립니다.
일반적으로 스킨들이 제작될 때 머릿말1번은 블로그 제목, 머리말 2번은 게시글 제목으로 사용됩니다.

머리말은 책의 목차같은 개념이라고 생각하시면 좀 더 편하게 사용하실 수 있습니다.
검색엔진이 포스트의 문맥을 파악할 때 약간의 도움이 되니 잘 사용하시면 좋습니다.

기본

빨강

파랑

초록

사용법

일반적으로 글을 작성하신 후 원하는 글자를 드래그하여 좌측 상단의 "본문" 버튼을 눌러 "머리말 3"을 선택해주시면 됩니다.

컬러 변경법

머리말 3으로 설정하시면 기본적으로 회색이 적용됩니다.
빨강, 파랑, 초록의 스타일을 사용하고 싶으시다면 글 작성 에디터의 기능 중 "HTML" 편집 모드로 변경해주세요.

머리말 3로 변경하신 태그를 찾으시면 되는데 <h3></h3> 태그를 찾으시면 됩니다.
<h3></h3> 태그를 찾으시고 아래 스크린샷과 같이 class="red"를 붙여주세요.

class="red" 는 빨강을
class="blue" 는 파랑을
class="green" 은 초록색 스타일을 자동으로 불러옵니다.

추가 문의는 https://wallel.com/forum/qna 에 해주시면 확인 후 도움드리겠습니다.
감사합니다.

사이드바 옵션

알 수 없는 사용자 — Sat, 17 Nov 2018 22:49:56 +0900

Square Final 스킨에는 스킨 옵션이 있습니다.
티스토리에서 제공하는 스킨 옵션의 기능은 아니지만, 간단한 class명 추가로 블로그의 외형을 변경할 수 있습니다.

이번 글에선 사이드바에 대한 옵션을 안내해드리겠습니다.

1. 카테고리 위젯의 "분류 전체보기" 링크 제거

사이드바의 위젯 중 카테고리 위젯에만 적용되는 옵션입니다.
카테고리 위젯의 제일 상단에 나타나는 "분류 전체보기" 링크를 숨김처리 하는 옵션입니다.

[ 관리자 > (꾸미기)스킨 편집 > html 편집 ] 페이지로 접속해주세요.

HTML편집 페이지의 31 ~ 42번째 줄을 보면 위 스크린샷과 같은 코드가 있습니다.

<div id="sidebar" class="hide-all-category">

위 방법대로 입력하시면 "분류 전체보기" 링크를 숨김처리 할 수 있습니다.

2. 위젯 제목 숨기기

사이드바에 포함된 모든 위젯의 제목을 숨김처리 할 수 있습니다.

1번과 마찬가지로 HTML편집의 31 ~ 42번째 줄에 있는 내용을 확인해주시고

<div id="sidebar" class="hide-widget-title">

위 방법대로 입력하시면 사이드바 위젯의 위젯 제목을 숨김처리 할 수 있습니다.

3. 분류 천제보기 링크도 지우고 위젯 제목도 지우기

1번과 2번의 내용을 모두 함께 사용하시려면 다음 코드를 참고해주세요.

<div id="sidebar" class="hide-all-category hide-widget-title">

추가 문의는 https://wallel.com/forum/qna 에 해주시면 확인 후 도움드리겠습니다.
감사합니다.

사이드바를 숨겨 1단 블로그로 변경하기

알 수 없는 사용자 — Sat, 17 Nov 2018 22:40:07 +0900

이번 글에선 PC버전 블로그에서 사이드바를 숨겨 1단 형식 블로그로 사용하는 방법에 대해 안내드리겠습니다.

1. HTML 편집

[ 관리자 > (꾸미기)스킨 편집 > html 편집 ] 페이지로 접속해주세요.

HTML 편집 텝의 2번째 줄을 보면 다음 코드가 있습니다.

<html lang="ko" class="default">

이 코드에 sidebar-off 라는 class명만 붙이면 됩니다.

<html lang="ko" class="default sidebar-off">

이렇게 하면 블로그는 1단 형식으로 변경되며 사이드바는 숨김처리 됩니다.
모바일 스킨과 같이 좌측 하단의 햄버거바가 생기고 햄버거바를 누르면 사이드바가 나타납니다.

추가 문의는 https://wallel.com/forum/qna 에 해주시면 확인 후 도움드리겠습니다.
감사합니다.

지원하는 플러그인

알 수 없는 사용자 — Sat, 17 Nov 2018 22:34:01 +0900

Square Final 스킨에서 지원하는 플러그인에 대해 안내드립니다.

1. 지원 플러그인

위 플러그인 이외의 플러그인을 사용하시는 중 문제가 발생하면 알려주세요.
도움드릴 수 있는 내용이라면 도움드리겠습니다.

추가 문의는 https://wallel.com/forum/qna 에 해주시면 확인 후 도움드리겠습니다.
감사합니다.

단축키 안내

알 수 없는 사용자 — Sat, 17 Nov 2018 22:29:22 +0900

Square Final을 사용하실 때 편리하게 사용하실 수 있는 단축키를 소개합니다.

1. 관리자 페이지 바로가기

블로그에서 키보드의 Q 버튼을 누르면 관리자 페이지로 바로 이동됩니다.

2. 글쓰기 페이지로 바로가기

블로그에서 키보드의 W 버튼을 누르면 글쓰기 페이지로 바로 이동됩니다.

3. 블로그 첫페이지로 바로가기

블로그에서 키보드의 H 버튼을 누르면 블로그 첫 페이지로 바로 이동됩니다.

4. 나만의 추가 단축키 등록법

위 단축키 이외에 원하는 단축키를 손쉽게 지정할 수 있습니다.

[ 관리자 > (꾸미기)스킨 편집 > html 편집 ] 페이지로 접속해주세요.

HTML 편집의 19 ~ 22번째 줄을 보면 다음 코드가 있습니다.

// 추가 단축키
var key = new Array();
	key['w'] = "/admin/entry/post/";
	key['r'] = "/admin/plugin/refererUrlLog/";
	key['h'] = "/";

key['h'] = "/"; 형식으로 원하는 key에 이동하고자 하는 페이지 주소를 입력해주세요.

※ esc, enter, caps lock 등의 키는 입력하셔도 작동하지 않으니 주의해주세요.

추가 문의는 https://wallel.com/forum/qna 에 해주시면 확인 후 도움드리겠습니다.
감사합니다.

스킨 기본 사용법

알 수 없는 사용자 — Sat, 17 Nov 2018 22:22:50 +0900

Square Final(이하 스퀘어) 스킨의 기본적인 사용법을 소개합니다.

1. 글 목록 설정

스퀘어 스킨은 카테고리를 클릭하여 글 목록으로 이동했을 때 내용을 함께 표시하는게 아닌, 글 목록만 표시할 때가 가장 깔끔하게 표현됩니다.

[ 관리자 > (꾸미기)스킨 편집 ] 페이지를 열어주세요.

글 목록 형태를 [ 목록만 ]으로 변경해주세요.

홈 화면 글 수는 블로그에 처음 접속했을 때 표시되는 글의 개수를 설정할 수 있습니다.
글 목록 글 수는 카테고리를 눌러 글 목록 페이지로 이동했을 때 나오는 개수를 설정할 수 있습니다.

태그 클라우드 순서는 태그 페이지에 표시되는 태그의 순서를 변경할 수 있습니다.

스퀘어 스킨은 댓글 toggle 버튼이 없기 때문에 댓글에 대한 설정은 하실 수 없으며 댓글 펼침은 반드시 항상 펼침으로 하셔야합니다.
(스크린샷처럼 주황불이 들어와야 합니다)

2. 스킨 메뉴 설정

스퀘어 스킨은 메뉴 기능을 지원합니다.
메뉴 위젯은 블로그 좌측 사이드바에서 표시되며 사이드바 설정에서 순서를 변경할 수 있습니다. 사이드바의 자세한 설정법은 3번 사이드바 설정을 확인해주세요.

[ 관리자 > (꾸미기)메뉴 ]페이지로 접속해주세요.

기본적으로 스킨에서 지원하는 메뉴는 "태그 클라우드, 지역로그, 방명록" 입니다.

미디어로그는 스퀘어 스킨에서는 지원하지 않으며 모바일에선 플래시 플레이어를 지원하지 않기 때문에 사용하지 않으시는게 좋습니다.

3. 사이드바 설정

블로그 좌측의 사이드바에 있는 위젯을 설정할 수 있습니다.
사용하지 않는 위젯은 이곳에서 제거할 수 있습니다.

[ 관리자 > (꾸미기)사이드바 ]페이지로 접속해주세요.

(1) 햄버거바를 누른 상태로 순서를 변경할 수 있습니다.
(2) 빼기 버튼을 눌러 위젯을 제거할 수 있습니다.

3. 모바일 스킨 비활성화

스퀘어 스킨은 반응형을 지원하는 스킨입니다. 티스토리에서 기본으로 제공하는 모바일 스킨을 비활성화 해주세요.

[ 관리자 > (꾸미기)모바일 ]페이지로 이동해주세요.

설정을 [ 사용하지 않습니다. ]로 변경해주세요.

추가 문의는 https://wallel.com/forum/qna 에 해주시면 확인 후 도움드리겠습니다.
감사합니다.

Final 1.1.1 수정 내역

알 수 없는 사용자 — Wed, 14 Nov 2018 01:07:12 +0900

1. common.js 파일 수정

잘못된 변수명이 사용된 부분을 수정했습니다.
패치가 진행됨에 따라 스킨 내 버전 표기를 변경했습니다.

#1. 위치 : 48번째 줄

수정 전

if ( images !== null ) {

수정 후

if ( image !== null ) {

#2. 위치 : 78번째 줄

수정 전

console.log("Square final 1.1 / Skin by wallel.com")

수정 후

console.log("Square final 1.1.1 / Skin by wallel.com")

2. style.css 파일 수정

티스토리의 대표 이미지가 없을 경우 나타나는 기본 이미지가 변경되어 관련된 CSS를 수정했습니다.

#1. 위치 : 362번째 줄 ~ 368번째 줄

수정 전

#recent-post ul li img[src*='cssjs'] { position: absolute; top: 0; bottom: 0; margin: auto 0; opacity: 0.5;
	-webkit-filter: grayscale(1);
	   -moz-filter: grayscale(1);
	    -ms-filter: grayscale(1);
	     -o-filter: grayscale(1);
	        filter: grayscale(1);
}

수정 후

#recent-post ul li img[src*='openGraph'] { position: absolute; top: 0; bottom: 0; margin: auto 0; opacity: 0.5;
	-webkit-filter: grayscale(1);
	   -moz-filter: grayscale(1);
	    -ms-filter: grayscale(1);
	     -o-filter: grayscale(1);
	        filter: grayscale(1);
}

Square 스킨의 공식 배포처를 안내드립니다.

알 수 없는 사용자 — Tue, 6 Nov 2018 03:05:53 +0900

안녕하세요.
wallel입니다.

Square(이하 스퀘어) 스킨의 공식 배포처를 안내드립니다.

스퀘어 스킨은 저작자의 공식 블로그인 [ https://wallel.com ]에서 배포하고 있습니다.
이 블로그는 스퀘어 스킨의 공식 데모블로그이며 스킨에 관련된 가이드 또는 업데이트 내용만 기록하기 위해 사용되는 데모 블로그입니다.

스퀘어 스킨의 최신 버전은 [ https://wallel.com/project/square ]에서 다운받으실 수 있으며 스킨 업데이트 시 업데이트 내용은 이 블로그와 wallel 블로그에서 함께 보실 수 있게 하겠습니다.

스킨 사용자 분들은 이 블로그를 링크에 추가하시거나, wallel 블로그를 링크에 추가하시고 종종 방문하시어 업데이트 내용을 확인해주시면 감사하겠습니다.

또한 스킨 사용에 있어 발견하신 버그나 스킨 수정에 대한 문의사항은 [ https://wallel.com/forum/qna ]에 남겨주시면 확인 후 도움드릴 수 있게 하겠습니다.

감사합니다.

질문은 공식 홈페이지에서 부탁드립니다.

알 수 없는 사용자 — Sat, 13 Oct 2018 11:10:12 +0900

안녕하세요.
Wallel 입니다.

Square 스킨 사용 중 질문이 생기시면 https://wallel.com 에서 문의 부탁드립니다.

티스토리 댓글로 답변 드리는데에는 한계가 있습니다.
불편하시더라도 공식 홈페이지의 문의 게시판을 통해주시면 감사하겠습니다.

Square Final 1.1.1 패치버전 배포합니다.

알 수 없는 사용자 — Fri, 5 Oct 2018 03:58:29 +0900

안녕하세요.
Wallel입니다.

Square 1.1.1 패치 버전을 배포합니다.
자세한 패치 내용과 파일 다운로드는 https://wallel.com/project/square으로 방문해주세요.

감사합니다.

※ Square Final 스킨은 https://wallel.com 에서만 배포합니다. 다른곳에서 배포하고 있지 않습니다. 사칭에 주의해주세요!