분류 전체보기 (136)
Paper Block - 이야기가 있는 공간
[2] 워드프레스 멀티사이트에 새로운 사이트 추가하기
이전 글에서, 비트나미 워드프레스 멀티사이트 스택을 이용한 라이트세일 인스턴스를 생성하고, 해당 인스턴스에 기본 도메인을 연결하여 홈페이지 접속에 성공하였습니다. [1] 라이트세일에 워드프레스 멀티사이트(Multisite) 설치하기 (Bitnami 스택 이용) [1] 라이트세일에 워드프레스 멀티사이트(Multisite) 설치하기 (Bitnami 스택 이용) 이번 연재에서는 라이트세일에서 비트나미 스택을 이용하여 워드프레스 멀티사이트를 구축하는 방법에 대해서 살펴보도록 하겠습니다. 총 5편의 글로 이루어지며 다음과 같은 순서로 진행합니다. 라이트세일에 워.. paperblock.tistory.com 현재까지는 메인 도메인에 해당하는 기본 사이트만 존재하는 상태입니다. 이제 멀티 사이트 운용을 위해서는 워드..
[1] 라이트세일에 워드프레스 멀티사이트(Multisite) 설치하기 (Bitnami 스택 이용)
이번 연재에서는 라이트세일에서 비트나미 스택을 이용하여 워드프레스 멀티사이트를 구축하는 방법에 대해서 살펴보도록 하겠습니다. 총 5편의 글로 이루어지며 다음과 같은 순서로 진행합니다. 라이트세일에 워드프레스 멀티사이트 설치하기 멀티사이트에 사이트 추가하기 멀티사이트에 HTTPS 적용하기 멀티사이트 환경 설정하기 멀티사이트의 테마와 플러그인 구성 위의 과정에 따라 설치를 진행하면, 아마존 라이트세일에서 HTTPS가 반영된 워드프레스 멀티사이트를 구축할 수 있습니다. 첫 번째 글에서는 비트나미의 워드프레스 멀티사이트 스택을 이용한 라이트세일 인스턴스를 생성하고, 메인 도메인에 연결된 워드프레스 홈페이지를 띄워보도록 하겠습니다. 1. 멀티 사이트가 필요해! 개인적으로 Uncode 테마에 대한 설명이나 예제에 ..
Uncode 테마 중요 업데이트 - V2.2 : Frontend Editor
Uncode 테마가 V2.2 (2019. 10)에서부터 드디어 프론트엔드 에디터 기능을 지원하기 시작했습니다. 유독 2019년에 들어서 뭔가 큼직큼직한 업데이트를 많이 했던 것 같습니다. 상위권 대부분의 테마와 따로 판매중인 디비(DIVI) 테마 역시 front-end 에디터를 지원하는데 비해서 다소 늦었다고 볼 수도 있을 것 같습니다. # 간단한 후기. 기능에 대한 세부 설명은 추후에 다뤄보도록 하구요... 간략하게 사용해 본 바에 의하면 음... 나름 괜찮습니다.! 기존의 Backend 에디터로도 크게 불편한 점은 없었습니다만, 가끔 color나 이미지를 교체 후 화면을 다시 preview 하는 점등에서 약간 귀찮은 점이 있었습니다. 새로 도입된 Frontend 에디터는 이 점에 있어서 좀 더 편리하..
Uncode 테마 중요 업데이트 - V2.1 : WireFrame
이번 글에서는 Uncode 테마의 기능 중 비교적 최근에 추가된 기능인 와이어프레임(WireFrame) 플러그인에 대해서 살펴보도록 하겠습니다. 이 기능은 V2.1 (2019.06.12)에 추가된 것으로 빠르고 고품질의 웹사이트 제작을 가능하게 하기 위해서 전문적으로 디자인된 섹션 템플릿을 제공합니다. 1. 와이어프레임 플러그인 Uncode 버전 2.1에서는 새로운 기능으로 Wireframes 플러그인이 번들로 제공됩니다. 홈페이지에서는 다음과 같이 소개하고 있습니다. Uncode 버전 2.1에서 번들로 제공되는 Wireframes 플러그인을 사용하면 완벽한 웹 사이트 또는 독립적인 랜딩 페이지를 만들기 위해 쉽게 결합할 수 있는 400 개가 넘는 신중하게 디자인된 섹션 템플릿을 쉽게 가져올 수 있습니다..
[ES6] 화살표 함수 (Arrow Function) 파헤치기
화살표 함수 (Arrow Function)는 ES6에 추가된 것으로, 기존의 일반 함수 표현보다 짧은 구문으로 가독성 높은 코드를 작성할 수 있게 도와줍니다. 아마도 요즘 자바스크립트를 공부하는 분들은 거의 대부분 화살표 모양의 함수를 보거나 사용한 적이 있을 것으로 생각됩니다. 출처: state of javascript (https://2019.stateofjs.com/awards/) 이번 글에서는 무심코 사용해왔던 화살표 함수에 대해서 다음과 같은 내용으로 살펴보겠습니다. 화살표 함수의 기본 문법 화살표 함수의 this 언제 사용해야 할까? 언제 사용하지 말아야 할까? 1. 화살표 함수의 기본 문법 먼저 화살표 함수(Arrow function)에 대해서 자세히 파헤치기 전에 기본 문법에 대해서 살펴보..
[포토스케이프 X] 투명 이미지 만들기
웹페이지에서 이미지나 로고를 사용하다 보면, 투명한 이미지가 필요할 때가 있습니다. 예를 들어 배경 위에 로고나 아이콘 등을 올리고 싶은 경우가 있는데요, 만약 로고 (혹은 아이콘)의 배경색이 투명이 아니라면 어떻게 될까요? 밑그림의 배경색이 로고의 배경색과 다르다면 당연히 매우 어색한 모양으로 되어버리겠죠? 이러한 경우, 로고(아이콘) 이미지의 배경을 투명하게 만들어 주어야 합니다. 투명 이미지를 만들기를 검색해보면 기존에 여러 가지 방법이 나와 있습니다. 포토샵을 이용 파워포인트 이용 PIXLR 이용 물론 위의 방법 중 하나를 사용해도 됩니다. 하지만 포토샵은 없는 분들이 많을 테고, 파워포인트는 품질 상 약간 문제가 있는 것 같습니다. 그나마 PIXLR은 무료로 사용 가능하긴 합니다만... 이번 글..
무료 이미지 사이트 추천 BEST 4 : 장단점 비교
예전과 달리 저작권에 대한 체계가 어느 정도 확립되어, 이제는 디지털 콘텐츠는 비용을 지불하고 사용하는 것이 어느 정도 정착된 느낌입니다. 따라서, 웹페이지나 블로그의 이미지도 저작권을 고려하면서 사용해야 합니다. 일반적으로 유료로 이미지를 구매하는 것은 비용이 만만치 않습니다. 가장 최선은 회사에서 유료 이미지 사이트에 대한 계정을 가지고 있는 것이겠습니다만... 1인 프리랜서를 하던지 완전 스타트업이던지 개인 블로그를 꾸미려 한다던지 유료 이미지를 사용하기 어려운 환경이면서도 이미지나 벡터 등을 무료로 구해서 사용해야 할 경우도 생기기도 합니다. 이번 글에서는 비교적 쉽게 무료로 이미지를 얻을 수 있는 사이트 4 곳을 소개하고 장, 단점을 알아보고자 합니다. 1. 픽사베이(Pixabay) 링크: ht..
[티스토리] 애드센스 본문 광고 안나오는 문제 완벽 해결
티스토리의 새 에디터를 사용하는 경우, 글을 수정하고 저장하다 보면 어느 순간 본문에 수동으로 삽입한 본문의 애드센스 광고가 사라지는 현상이 발생합니다. 물론 저장할 때 광고 코드를 다시 넣어주면 되긴 하지만... 보통 귀찮은 일이 아닐 수 없습니다. 이번 글에서는 티스토리 새 에디터에서 애드센스 본문 광고(중간 광고)가 나오지 않는 현상을 해결하는 방안에 대해서 다루겠습니다. 0. 해결 방안 우선 요약 바쁜 분들을 위한 빠른 요약! 서식, 또는 본문에 직접 입력할 때 태그와 1. 문제 현상 애드센스 본문 광고를 삽입 후 글을 수정, 저장하는 경우 광고가 사라지는 현상이 발생합니다. 보통은 광고 코드를 서식으로 저장한 후에 본문에 삽입할 텐데요, 삽입 후 글을 수정, 저장을 반복하다 보면 HTML에서 광..