티스토리 스킨 만들기 로그

Document/Tistory

티스토리 스킨 만들기 로그 - 두번째

AneOK 2021. 7. 9. 15:58

네이버 블로그와 티스토리의 다른 점이 설치형 유무에 따른 차이가 있습니다. 이 점 때문에 전 네이버보다는 티스토리에 더 신경을 쓰고 더 좋아합니다. 저처럼 스킨 만들기를 좋아하는 분(?)은 이 점이 좋아 티스토리에 몸답고 있나 봅니다.

아무튼 이번에도 질렀습니다. 예전부터 사용하던 아이디가 새로운 에디터로 가면서 많은 부분이 꼬이고 있어 이번에 아이디 변경과 함께 새로운 보금자리를 만들어서 좀 더 깔끔하게 단장을 해보자는 마음으로 만들고 있습니다.

https://sknow.tistory.com/

Simple knowledge

간단한 지식들

sknow.tistory.com

제목 그대로 간단한 지식을 적는 블로그로 제가 알고 있는 또는 알게된 지식을 적을 보금자리입니다.

아직은 스킨 만들고 있는 중이라 오픈을 하지 않은 블로그입니다.

이번에 중점을 둔 부분은 깔끔함과 함께 빠른 로딩입니다. 티스토리의 기본이 빠르지 않지만 이번에는 그것과 달리 스타일을 최소화하여 만들려고 노력 중입니다.

당연히 위 사진처럼 되진 않겠지만 그래도 기본 바탕을 이렇게 잡고 시작 해 봅니다. 어느 정도는 비슷하게나마 가는 것 같아 좋지만 언제 제 마음이 변할지는 저도 잘 몰라서 기본만 잡았습니다.

<!doctype html>
<html lang="ko">
<head>
    <meta charset="utf-8">
    <title>티스토리 스킨 만들기 로그 - 두번째</title>
    </head>

<body>
    <s_t3>
        <header>
		<nav></nav>
        </header>

        <!--콘테이너: 사이드바+본문 시작-->
        <div id="container">

            <!--콘텐츠 영역 시작-->
            <div id="contents">

                <!--검색결과 시작-->
                <s_list></s_list>
                <!--검색결과 끝-->

                <!--공지사항 시작-->
                <s_notice_rep></s_notice_rep>
                <!--공지사항 끝-->

                <!--방명록 시작-->
                <s_guest></s_guest>
                <!--방명록 끝-->

                <!--보호글 시작-->
                <s_article_protected></s_article_protected>
                <!--보호글 끝-->

                <!--본문 시작-->
                <s_article_rep>

                    <!--인덱스 페이지 시작-->
                    <s_index_article_rep></s_index_article_rep>
                    <!--인덱스 페이지 끝-->


                    <!--퍼머링크 페이지 시작-->
                    <s_permalink_article_rep>
                        <!--포스트 상단 (제목/날짜 등) 시작-->
                        <div>
                            <!--글 관리 기능 (수정 및 삭제 등)-->
                            <s_ad_div></s_ad_div>
                            <!--글 관리 기능 끝-->
                        </div>
                        <!--포스트 상단 끝-->

                        <!--본문내용 시작-->
                        <div class="article">
                            [샾샾_article_rep_desc_샾샾]
                        </div>
                        <!--본문내용 끝-->

                        <!--관련글 시작-->
                        <s_article_related></s_article_related>
                        <!--관련글 끝-->

                        <!--댓글 시작-->
                        <s_rp></s_rp>
                        <!--댓글 끝-->

                    </s_permalink_article_rep>
                    <!--퍼머링크 끝-->

                </s_article_rep>
                <!--본문 끝-->

                <!--페이징 시작-->
                <s_paging></s_paging>
                <!--페이징 끝-->
            </div>
            <!--콘텐츠 영역 끝-->

            <!--사이드바 시작-->
                <s_sidebar>
                    <s_sidebar_element>
                        <!--Tab Menu-->
                    </s_sidebar_element>                        

        	    <s_sidebar_element>
                         <!--ToC-->
                    </s_sidebar_element>

                    <s_sidebar_element>
                         <!--카테고리-->
                    </s_sidebar_element>
                        
                    <s_sidebar_element>
                         <!--기타-->
                    </s_sidebar_element>                        
                </s_sidebar>
            <!--사이드바 끝-->
        </div>
        <!--콘테이너: 사이드바 + 본문 끝-->

        <!--푸터 시작-->
        <footer></footer>
        <!--푸터 끝-->

	<section>
            <!--검색 시작-->
            <s_search></s_search>
            <!--검색 끝-->
            <s_sidebar>
            	<s_sidebar_element>
            	<!--태그-->
            		<s_tag_label></s_tag_label>
            	</s_sidebar_element>
            </s_sidebar>
        </section>
    </s_t3>
</body>
</html>

예상 티스토리 구조입니다.

티스토리 기본구성에서 약간의 구조가 달라지지만 기본에 가깝게 만들 예정입니다.