4번 창고 문 닫고 5번으로 이사했다. 닷홈 무료호스팅을 뒤로하고 아마존 라이트세일에 집을 차렸고, 도메인을 샀다. 이렇게 된 이상 6번 창고는 웬만해선 만들 수 없을 것. 얼마 전까지 라이트세일 뭔지 1도 몰랐기 때문에 굉장히 친절한 모 블로그와 구글의 도움을 받아 시작했다. 4번에서 하려다 말았던 HTTPS 작업했고, 4번에서는 해볼 일 없었던 CLI 좀 다루었고. 망할 Bitnami 거치는 거 넘나 귀찮았고…!!!! 중간에 권한 문제 때문에 워드프레스 웹상에서 플러그인 설치도 업데이트도 안 돼서 파비콘 못만드는 줄 알았다. 이것을 참조해 해결했다.
4번에서 5번으로 이사하면서 All-in-One WP Migration 플러그인 썼는데, 용량제한 때문에 고생을 좀 많이 했다. 4번에서 Export 시킬 때는 아예 호스팅 HDD 자체가 작아서 이삿짐 싸느라 7800원 결제하고 1GB 추가해야 했고, 망할. 5번에 Import 하려니 워드프레스 업로드 용량 제한과 플러그인 용량 제한(무료는 512MB, 유료 무제한) 전부 다 말썽. 워프 자체 용량 제한은 초기값이 2MB였던가(…) 파일 좀 수정하고 용량 확장 플러그인 같이 돌려봤는데 512MB에서 멈춰서 졸라 고생하다가 어찌저찌 1GB까지 올렸다. (개삽질했는데 디테일은 그새 다 까먹었다.)
4번 창고는 어바웃만 남아있고, 나머지 글들은 전부 비공개로 돌렸다. 미리 다 지워버릴까도 싶었는데 어차피 때 되면 폭파될 거니까. 미리미리 남겨두는 4번 창고 영정사진(…)
Import 마치자마자 테마 새로 고르고. 적용해놓고 보니 메인(홈)페이지 구조가 예상과 매우 달라서 이것저것 좀 넣었다 뺐다 해봤다. 결론은 홈에서만 비어있고 페이지/포스트/리스트에서는 헤더이미지가 뜨는 + 그 밑으로 특성이미지를 포함한 페이지들이 순차로 돌아가는 Featured Slide가 있고 + 그 밑으로 빈 페이지 + 하단 위젯이 나오는 구성. 4번에서는 어바웃을 그냥 메인페이지로 걸어두었었는데 이번에는 분리했다.
파비콘 새로 만든다고 5번 창고 로고를 따로 만들었다. 이전까지 쓰던 “Can you feel my ARTbeat” 는 11년쯤엔가 미대 건물 뒤편 작업장 벽에서 발견하고 찍었던 건데 이제 생각해보니 두루두루 오래도 썼다. 여전히 여기저기 프로필 사진으로 걸려있다. 내 자신 예술가는 될 수 없을 사람이라고 생각하면서도, 그것을 좋아한다.
로고 다 만들고 파비콘 넣기 전에 텅 비어있는 헤더영역에 이미지 대신 로고(site-header-logo)로 넣으려는데, 처음엔 포토샵으로 만들었다가 막상 올려놓고 보니 영 선이 깨끗하지가 않아서 일러로 다시 작업. 벡터 살려서 웹에 쓸 수 있는 게 SVG 형식이라길래(난생 처음 들어봄) 그걸로 만들었더니 이게 또 이미지가 아니라 문서처럼 읽히는데 워프가 보안상 그런 확장자는 안 받아준대서 그것도 고치고, 워프의 확장자 제한을 풀었는데도 또 업로드가 안 돼서 이번엔 svg 파일 안에 뭘 또 쓰고, 해서 업로드 다 하고 헤더로고 올려봤더니 원본 이미지는 512*512px인데 제멋대로 헤더영역 가로폭 700px를 꽉 채워버려서 괴랄한 메인이 나오고, 해서 다시 스타일시트에다가 로고 최대 가로폭 250px 맞추고 우정렬시켜 마무리했다. (이 열정으로 연구를 했으면 이미 졸업했겠다 나란년…)
이번에도 역시 기록용으로 남긴다. 극히 일부지만 일단 중한 것만.
SVG 확장자 업로드 제한 해제(function.php)
function custom_upload_mimes( $existing_mimes ) { $existing_mimes['svg'] = 'image/svg+xml'; return $existing_mimes; } add_filter( 'mime_types', 'custom_upload_mimes' );
SVG 파일 태그(*.svg)
Child Theme (style.css)
/* 코멘트-리댓 영역 제목 폰트 크기 */
.comments-title,
.comment-reply-title {
font-size: 1rem;
}
/* 헤더영역 페이지/포스트 제목 가로폭 확대 */
.custom-header-content-wrapper {
max-width: 700px;
margin: 0 auto;
}
/* 헤더 및 포스트 제목 폰트 굵게 */
.entry-title {
font-weight: 600;
}
/* 메인 내비=상단메뉴 폰트 확대 */
.site-header .icon {
font-size: 1.5rem;
}
/* site-description(by Chunryu) 폰트 확대*/
.site-description {
font-size: 1rem;
}
/* site-header-logo 사이즈 최대 250 + 오른쪽 정렬 */
.site-header-logo {
max-width: 250px;
margin-left: auto;
margin-right: 0;
}
Custom CSS(Shortcodes plugin)
/* 웹폰트 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap&subset=korean');
@import url(https://fonts.googleapis.com/earlyaccess/kopubbatang.css);
/* 위젯 영역 & 메인 내비(상단메뉴) 폰트 설정 */
.widget-title {font-family: 'Noto Sans KR', sans-serif;}
.widget-area {font-family: 'Noto Sans KR', sans-serif;}
.main-navigation {font-family: "Cabin", 'Noto Sans KR', sans-serif;}
/* 본문, 버튼, 삽입, 선택, 텍스트영역, H1~6 폰트 */
.body,
.button,
.input,
.select,
.textarea {
font-family: "Cabin", 'Noto Sans KR', Helvetica, sans-serif;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: "Alegreya", 'Noto Sans KR', Georgia, serif;
}
/* 인용 */
.blockquote:not(.contact-form-submission) {
font-family: "Alegreya", 'KoPub Batang', Georgia, serif;
}
.blockquote:not(.contact-form-submission) cite {
display: block;
font-family: "Cabin", 'Noto Sans KR', Helvetica, sans-serif;
}
.blockquote:not(.contact-form-submission):before {
display: block;
content: "\201C";
font-family: "Alegreya", 'KoPub Batang', Georgia, serif;
}
/* 페이지/포스트 제목 */
.entry-title {
font-family: "Cabin", 'Noto Sans KR', Helvetica, sans-serif;
}