라이트세일 워드프레스 멀티사이트에서 functions.php 변경 안되는 문제 해결 워드프레스/설치하기 2020. 5. 31. 23:58 워드프레스를 사용하는 경우, 테마 업그레이드에 상관없이 안정적인 커스터마이징을 유지하기 위해서 child 테마 (자식 테마)를 사용하곤 합니다. 그런데 라이트세일에서 멀티사이트 워드프레스를 사용할 때 style.css는 잘 변경되는데 반해서 각종 후크나 필터 등을 위한 functions.php가 변경, 저장이 되지 않는 경우가 있습니다. 이번 글에서는 해당 문제를 해결해 보도록 하겠습니다. 멀티사이트에서의 functions.php 편집 멀티사이트에서 차일드 테마의 CSS나 functions.php는 각 사이트의 알림판이 아닌 네트워크 관리자 → 테마 편집기를 통해 편집할 수 있습니다. 정상적이라면 functions.php 파일을 수정 후 저장하면 아래와 같이 표시되어야 하는데 때에 따라서 아래와 같은 경..
언코드(Uncode) 테마 데모의 이해 워드프레스/Uncode 테마 2020. 5. 26. 23:50 워드프레스는 취미로 하는 수준이어서 제작 경험이 많지 않다 보니, 개인적으로는 Uncode 테마 외에 여느 다른 테마를 사용해 본 적이 없습니다. 그럼에도 불구하고 눈대중으로 살펴본 결과 데모 테마의 설치에 있어서 다른 테마와 약간 차이점이 있는 듯하여 이번 글에서 정리해보고자 합니다. One-Click Import...? 일반적으로 워드프레스 테마 (Multi-purpose)의 데모를 불러온다고 하면 주제에 맞게 세팅된 하나의 데모 사이트가 설치 됩니다. 예를 들어 학원 데모를 불러온다면 학원 데모에 맞춰서 완성된 하나의 사이트가 생성되고, 레스토랑 데모를 불러온다면 레스토랑에 맞게 미리 구성된 사이트를 불러오는 방식으로 진행되겠죠? 그런데, Uncode 테마에서는 기본적으로 모든 데모 콘텐츠를 한번에..
라이트세일 워드프레스에서 "부분적으로 HTTPS를 사용하고 있습니다" 오류 수정 방법 워드프레스/설치하기 2020. 5. 22. 01:12 아래의 글들에서 라이트세일 워드프레스에서 HTTPS를 적용하는 방법에 대해서 살펴보았습니다. (수동 설치가 아닌 라이트세일이 제공하는 비트나미 워드프레스 스택 (블루프린트 앱+ OS)을 이용하여 설치한 경우입니다) [싱글사이트] - 라이트세일에 워드프레스를! (4) - 초간단 SSL (1분 컷 HTTPS) [멀티사이트] - [3] 라이트세일 워드프레스 멀티사이트에 HTTPS 적용하기 (Let's Encrypt SSL) 보통은 위의 방법을 통해서 보안 연결이 정상적으로 작동합니다. 하지만 테마에 따라서 가끔 업로드하는 이미지의 주소가 https가 아닌 http가 되는 경우가 있습니다. 이 경우, 해당 이미지가 포함된 글, 또는 페이지를 열어보면 자물쇠 그림 대신 "주의 요함"이라고 나타나며, 클릭해보면 "..
[ES6] 배열 메소드 : entries(), keys(), values() 웹/JavaScript 2020. 5. 17. 23:24 이번 글에서는 ES6에서 지원하는 다소 특이한 메소드인 entries(), keys(), values()에 대해서 살펴보도록 하겠습니다. 1. Array.prototype.entries() entries() 메서드는 배열의 각 인덱스에 대한 key-value 쌍을 가지는 새로운 Array Iterator 객체를 반환합니다. [Iterator란?] Iterator는 컬렉션의 항목에 한 번에 하나씩 액세스 하면서 현재 위치를 추적하는 객체입니다. 두 개의 속성 (value, done)을 반환하는 next() 메서드를 지원하며 객체의 Iterator protocol을 구현합니다. 시퀀스의 마지막 값이 산출된 후 done 값은 true를 반환합니다. https://developer.mozilla.org/en-U..
[ES6] 배열 메소드 : copyWithin(), fill() 웹/JavaScript 2020. 5. 13. 21:21 ES6에서는 배열 복사를 위한 2개의 메소드, copyWithin()과 fill()이 추가되었습니다. 개인적으로는 딱히 필요한 상황이 없었던 것 같지만, 일단 필요에 의해서 추가되었을 테니 나중을 위해서 정리를 해봅니다. 1. Array.prototype.copyWithin() copyWithin() 메소드는 배열의 일부를 복사하여, 지정된 위치에 덮어쓰고 해당 배열을 반환합니다. 배열의 길이는 변경되지 않습니다. copyWithin() 메소드는 원본 배열을 변경시킵니다. [문법] arr.copyWithin(target, start, end); Parameter Description target (필수) 복사한 엘리먼트 붙여 넣을 위치의 인덱스 start (옵션) 복사를 시작할 위치의 인덱스 (defau..
[티스토리] 드디어 사이트맵을 지원하네요! 블로그/티스토리 2020. 5. 9. 22:06 그동안 블로그 사이트맵 등록 안함... 티스토리를 사용하면서 사이트맵을 추가하려면 너무너무 귀찮은 과정을 거쳐야 했습니다. 외부 사이트를 통해서 사이트맵을 생성하고 억지로 파일 첨부하고, 구글과 네이버에 등록하고... 글들이 추가되면 사이트맵 업데이트 하고 무한루프... 저는 사실 사이트맵을 주기적으로 업데이트 해주어야 한다는 점에서... 귀찮아서 포기하고 RSS로 사이트맵을 대체해 사용해 왔습니다. 글이 몇개 없어서 그런지 별 다른 문제 없이 인덱싱은 잘 되곤 했습니다. ^^; 귀차니즘 탈출! 이번 티스토리 업데이트를 통해 최대 3000개까지의 URL에 대해서 사이트 맵 자동 생성을 지원한다고 합니다. 세부 내용은 아래 두개의 링크를 참고하시면 됩니다. [안내] 블로그 사이트맵이 자동으로 생성됩니다. ..
[ES6] 배열 메소드 : find(), findIndex() 웹/JavaScript 2020. 5. 7. 22:25 ES5에서는 배열 내에 검색을 위해서 indexOf()라는 배열 메소드가 존재했습니다. ES6에서는 좀 더 강력한 배열 검색을 지원하기 위해서 find(), findIndex() 두가지의 새로운 메소드를 지원합니다. 기존의 indexOf가 배열내의 특정 값을 찾는데에 사용되었다면, find, findIndex는 callback 함수를 통해서 좀 더 복잡한 조건의 검색이 가능합니다. 약간은 filter() 메소드와도 비슷한 면이 있어 보입니다. 1. Array.prototype.find() find() 메소드는 주어진 테스트 함수의 조건을 만족하는 첫 번째 요소 값을 반환합니다. 조건에 맞는 요소를 찾을 수 없다면 undefined를 반환합니다. find()는 호출되는 배열을 변경하지 않습니다. [문법] ..
[ES6] 배열 메소드 : from(), of() 웹/JavaScript 2020. 5. 2. 23:21 ES6에서 새롭게 Array 관련 2개의 정적 메소드(static method) from()과 of()가 추가되었습니다. Static method 이므로 "Array.메소드명"의 형태로 호출합니다. 1. Array.from() Array.from() 메소드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 복사해서 새로운 배열 객체를 생성합니다. from()은 정적 메소드로 배열을 생성하지 않고 바로 사용할 수 있습니다. Array-like object의 조건은 아래와 같습니다. 배열처럼 인덱스로 접근이 가능하고, length 속성이 존재한다. 실제 배열의 네이티브 메소드( push, forEach ...)는 존재하지 않는다. Array-like ob..
[Uncode 테마] Content Block으로 Header 섹션 만들기 워드프레스/Uncode 테마 2020. 4. 27. 22:58 워드프레스로 페이지를 구성하는 데 있어서 서로 다른 페이지이지만 동일한 내용의 섹션 (또는 요소)을 사용하고 싶은 경우가 있습니다. 이 경우, 굳이 매번 새롭게 페이지를 꾸미기보다는 한번 생성한 내용을 가져다가 여기저기 붙이는 방법이 편리하겠죠? Uncode (언코드) 테마에서는 이를 위해서 Content Block이라는 것을 지원합니다. 공통으로 사용될법한 엘리먼트 들을 콘텐트 블록으로 설정하면 페이지 별로 따로 따로 설정할 필요 없이 반복해서 사용하면 되겠죠? 수정도 훨씬 간편해지고요. 이번 글에서는 Uncode 테마의 Content Block을 이용하여 공통의 헤더 섹션을 구성하는 예제에 대해서 살펴보겠습니다. 1. Header 섹션을 왜 공통으로 사용해? 웹사이트를 방문할 때 우선적으로 확~ 눈에..
[Uncode 테마] Light Skin , Dark Skin 워드프레스/Uncode 테마 2020. 4. 22. 23:14 홈페이지를 만들 때 배경 이미지 혹은 배경 색상을 넣고 그 위에 텍스트를 씌우는 경우는 매우 흔합니다. 이 경우, 배경 색상에 따라 텍스트의 색상을 조절해 주어야 합니다. 배경 이미지가 밝은 색: 텍스트는 어두운 색 배경 이미지가 어두운 색: 텍스트는 밝은 색 전체적으로 페이지의 톤이 통일되어 있다면 별 문제는 없겠죠? 하지만, 경우에 따라서 어떤 경우는 밝은 배경, 어떤 경우는 어두운 배경을 사용하고 싶은 경우도 있을 것입니다. 이 경우 배경 색상의 톤에 따라서 텍스트 색상과 관련된 설정들을 변경해주어야 하는데요... 하나 둘 하다 보면 은근히 번거로운 작업일 수 있습니다. 이러한 작업을 도와주기 위해서 Uncode에서는 '스킨'이라는 개념을 도입했습니다. 이번 글에서는 Uncode의 스킨에 대해서 알..