1월 18일 금요일 2019년 03주
워드프레스

워드프레스

워드프레스 설치, 일반 사용 방법과 팁, 테마와 플러그인등 워드프레스 운영 전반을 다루는 상위 카테고리입니다.

워드프레스와 mySQL 로고

한 개의 서버에 두 개의 워드프레스 설치방법 (VPS, mySQL 데이터베이스 추가 및 세팅)

 워드프레스 시작하기(설치,세팅) 연재작 글을 따라 첫번째 워드프레스를 설치했다면 두번째 사이트를 추가할 준비가 된 것입니다. 첫번째 워드프레스를 설치하고 운영한 뒤 많은 시간이 지나서도 언제든지 추가할 수 있는 방법입니다. 이번 연재글의 첫번째 단계인 이 글에서는 두 번째 워드프레스를 같은 서버에 추가하기위해 DB를 추가하고...
엘리멘터 페이지 세팅 포스트글 대표이미지

워드프레스 Elementor: 하단툴바 – 페이지 세팅 방법 (Page Settings)

워드프레스 페이지 디자인 편집을 위해 페이지빌더 플러그인 Elementor 편집기에 들어서면 왼쪽 패널 아래에 나타나는 하단 툴바에는 페이지의 환경 세팅, 내비게이션 패널, 페이지 디자인 편집 히스토리 및 리비전 문서관리, 반응형 디자인보기와 미리보기, 글발행등에 대한 각종 도구들이 모아져 있습니다. 이번 Elementor 하단툴바...
www 이미지

아마존 라이트세일 워드프레스 서버에 IP와 도메인 연결하기 (AWS Lightsail 과 DNS설정)

워드프레스 블로그에 구매한 도메인을 연결하려면 DNS(네임서버)를 설정해줘야합니다. DNS 설정은 자신이 가진 도메인이 어느 서버로 연결되어야하는지를 서버의 IP를 기입함으로써 하게 되는데요. 라이트세일 서버 인스턴스의 Public IP(퍼블릭 아이피)를 바로 연결해도 되지만 저는 Static IP(스태틱 아이피)를 생성해서 연결해주는 것을 선호합니다. 유동아이피  & 고정아이피 아마존 라이트세일의...
Elementor logo

Elementor Pro (무료,유료 버전) 구매 방법 및 라이센스 – 워드프레스 추천 페이지빌더 플러그인

워드프레스 페이지빌더 플러그인인 Elementor의 무료버전과 유료(프로)버전 구매, 다운로드 방법 그리고 라이선스와 등록 사이트관리, 환불 및 문의방법에 대해 알아보려고합니다. Elementor(엘리멘터)는 Wordpress 사용자, 개발자에게 많은 사랑을 받고 있는 페이지 디자인 플러그인인 페이지빌더(page builder) 및 테마빌더(theme builder) 플러그인입니다. 공식 플러그인은 무료와 유료버전이 있고,...
워드프레스 한글설정하기 대표배너

워드프레스 블로그 사이트언어 바꾸기(WordPress 한국어 설정방법)

이글은 워드프레스 블로그 시작하기 시리즈 연재작의 일환으로 작성되었지만 사이트 언어변경 방법은 워드프레스 공통사항이므로 모든 워드프레스에 적용가능합니다. 워드프레스를 직접 다운로드 받아 설치한다면 설치할 때 처음부터 한글워드프레스를 설치하는 게 좋겠습니다다만 아마존 라이트세일(AWS Lightsail)에 기본으로 설치되는 Bitnami 워드프레스는 영어로 나오는데요. 언어팩이 함께 설치되어있어서...
폴리곤 컬러 패턴을 배경으로한 Elementor 로고와 포스트글 제목

Elementor 백그라운드 배경 속성: Style – Background와 Background Overlay (CSS)

이 글은 Elementor를 사용하면서 페이지, 섹션, 칼럼 옵션설정에서 공통적으로 볼 수 있는 Style > Background 설정에 대한 설명입니다. 워드프레스 페이지빌더 Elementor의 배경(백그라운드 - 이미지,색상) 설정은 CSS의 background 속성에 기반하므로 CSS 디자인방식을 벗어날 수 없습니다. Elementor의 상세 옵션 설정은 사실상 CSS...

워드프레스 Elementor Pro 커스텀 폰트 사용법 – 엘리멘토에서 한글 커스텀 세팅 및 사용하기(Custom Fonts)

Elementor에서는 800개 이상의 구글 웹폰트를 기본지원하지만, 사용할 수 있는 한글 폰트는 한정적인데요. Elementor 에서는 직접 폰트파일을 자신의 워드프레스 서버에 업로드함으로써 웹폰트로써 페이지빌더에서 사용할 수도 있습니다. 이번글에서는 자신이 가진 폰트파일을 Elementord의 관리자화면에서 세팅하는 방법과 페이지빌더에서 어떻게 사용할 수 있는지 알아보겠습니다. 커스텀 폰트...
워드프레스 테마 구매 웹페이지 그래픽 디자인

워드프레스 유료 테마, 플러그인 구매 추천 사이트

  Wordpress 유료 테마와 플러그인을 판매하는 곳은 여러곳이 있습니다. 개인이나 특정회사 홈페이지에서 자체 판매하는 것부터, 중간판매 상인 유료 테마 판매 사이트들이 있습니다. 중간판매 상 중에서 눈여겨볼 만한 곳은 테마포레스트(themeforest)입니다.  테마포레스트 뿐만 아니라 상위 메뉴에보면 코드캐년이라는 개발 프레임워크, 코드스니핏뿐만 아니라 비디오클립과 그래픽 디자인...
아마존라이트세일 로고와 서버 리전 변경 글 제목

아마존 라이트세일 서버 리전 이동하기 – AWS Lightsail 워드프레스를 서울 서버로 복사 후 옮기기, 업그레이드 방법

아마존 라이트세일 서버 인스턴스의 지역(국가)을 이동하는 방법의 예로 도쿄서버에서 서울서버로 이전하는 방법을 알아보려고 하는데요. 서버 이전 과정이 어떻게 이루어지는지 개념화해보고, 서버이전을 실행하기전에 반드시 준비해야할 사항, 주의해야할 점등을 알아보겠습니다. 본문은 AWS Lightsail 스냅샷으로 데이터백업, 복원, 업그레이드, 서버이전 시리즈 연재작의 일환으로 작성된...
Elementor 로고 및 글 타이틀

워드프레스 Elementor 플러그인 사용방법: 페이지 제작 시작하기

워드프레스에는 '페이지(page)'라는 포스트 타입이 있고, Elementor 페이지빌더 플러그인은 그 페이지를 코딩없이 마우스 클릭, 드래그 드랍으로 쉽게 디자인할 수 있도록 해주는 일종의 디자인 프로그램입니다. 그러므로 Elementor를 사용하려면 먼저 워드프레스 페이지를 만들어놓고, Elementor로 편집하는 작업흐름(워크플로우)이 이루어집니다. Elementor 플러그인 사용방법 강좌글의 시작으로 이번...
워드프레스 로고

아마존 라이트세일에 WordPress 설치하기 (AWS Lightsail, 워드프레스 블로그 설치방법 – 홈페이지, 쇼핑몰 제작)

아마존 라이트세일에 워드프레스를 설치하는 것은 매우 쉽습니다. 그 절차와함께 몇가지 중요한 것을 집고 넘어가겠습니다. 먼저 아마존 라이트세일 홈페이지로 이동해서 로그인합니다  https://amazonlightsail.com 홈페이지에 접속하면 화면 오른쪽위에 아래처럼 가입(Sign up), 로그인(Log in) , 일본어로 변경(JA) 버튼을 볼 수 있습니다. AWS 회원가입이 되어있지 않다면 Sign...
elementor 로고 및 글제목

워드프레스 Elemenotor 사용을 위한 시스템 권장사항 및 System Info

다른 워드프레스 유료 플러그인들이 대부분 그렇듯, Elementor 플러그인 또한 원할하게 실행되기위한 권장 시스템 설정 조건이 있습니다.  Elementor와 Elementor Pro 워드프레스 플러그인이 작동하기 위한 조건과 워드프레스 관리자페이지에서 현재 시스템 정보를 알 수 있는 Elementor의 Syestem Info에 대해 알아보겠습니다. ...
Elementor 내비게이터 창이 있는 이미지

Elementor 내비게이터 : 복잡한 페이지의 엘리멘트 선택을 쉽게해주는 Navigator 기능

워드프레스 페이지를 디자인하면서 Elementor로 추가한 각 요소들의 속성값을 설정하려면 일단 해당 요소를 선택해야 옵션패널에 나타날텐데요. 웹페이지가 복잡해질 수 록 엘리먼트(구성 요소)를 선택하기가 쉽지 않아집니다. 그런 어려움없이 페이지 디자인을 완성하기위해 마련된 기능이 Navigator(내비게이터) 패널입니다. 그러면 Elementor 하단 툴바 메뉴 설명 시리즈...
elementor 관리자메뉴 settings 프스트 대표이미지

워드프레스 Elementor 관리자 메뉴 – Settings (세팅) 옵션 설명

이번글에서는 Wordpress 관라지화면에있는 Elementor 메뉴 시리즈 연재작 두번째 메뉴인 Settings에대해 알아보겟습니다. Settings 화면에 들어서면 맨 위에 4가지 탭으로 구분되어있는 것을 볼 수 있습니다. General Style 레이아웃 브레이크포인트 설정(반응형) ...

서브도메인과 DNS – 고대디에서 도메인 구매하기(Godaddy Domain 구입 방법)

아마존 라이트세일에 워드프레스 설치를 마쳤다면 이제 도메인이 필요합니다. 도메인(URL)이 없이도 IP 주소로 블로그에 접속이 가능합니다만 공개된 인터넷 사이트 주소를 IP주소로 그대로 사용하는 사람은 아무도 없고, 숫자로된 주소는 기억하기 쉽지 않기 때문에 이름을 매칭해주는 것입니다. 도매인 구매에 앞서 도메인에 대해 몇가지...
식탁위에 소금이 펼처진 이미지위에 Salt Shaker 로고가 그려져있음

워드프레스 보안 – 주기적인 인증키와 솔트(Salt) 값 변경을 위한 무료 플러그인 추천

워드프레스 사이트, 블로그 보안강화를 위한 워드프레스 무료 플러그인을 하나 추천하는 김에 워드프레스 로그인 인증키와 솔트 값에 대해 알아보려고 합니다. 워드프레스 설치할 때 필수적으로 세팅했던 Wordpress 설정 파일인 wp-config.php의 값중엔 인증 Key 와 Salt라는 hash(해쉬)값이 있습니다(Authentication Unique Keys and Salts). 이...
키보드와 마우스를 배경으로한 Elementor Logo

Elementor 페이지빌더 단축키, 우클릭메뉴, 복사 및 붙이기

컴퓨터 사용에 있어서 마우스 오른쪽 버튼 클릭(우클릭)이나 복사 및 붙이기(Control C, Control V) 그리고 단축키 사용은 압도적인 생산성위한 약방의 감초같은 기능이죠. 워드프레스 플러그인 Elementor의 편집화면에서도 그런 기능을 사용하여 페이지 디자인을 좀더 빠르게 편하게 할 수 있습니다.  페이지빌더에서 같은 엘리먼트, 같은...
Elementor 저장과 히스토리 패널 포스트 대표이미지

Elementor 하단툴바: 페이지 편집 저장, 공개, 업데이트 및 리비전 히스토리 사용법

워드프레스 페이지를 제작 할 수 있는 페이지빌더 플러그인을 이용한다고 해도 단 한번에 완성된 디자인이 나오기는 어려운 것이 현실이므로 중간에 작업을 중단해야할 일이 빈번합니다. 그럴때는 지금까지 디자인한 웹페이지를 저장해야할 겁니다. 코딩없이 페이지를 만들 수 있는 방법을 제공하는 Elementor 플러그인을 사용함에있어서도...
페이스북에 공유된 링크

워드프레스 특성이미지: 공유된 링크의 썸네일 갱신방법(페이스북,트위터, 카카오톡등의 SNS 스크랩)

 공유하고싶을 만한 좋은 글, 상품소개등을 쓰고 나면 자신의 블로그글을 SNS나 사이트, 메신저등으로 여기저기에 링크를 공유하는 분들이 꼭 있을 겁니다. 그것은 SEO뿐만 아니라 바이럴, 입소문등을 위해 꼭 필요한 것이죠. 글과 페이지의 URL(링크주소)은 자신이 공유할 수도 있고, 다른 사람이 공유할 수도 있습니다. 이번글은...
Elementor 로고와 포스트 제목 대표이미지

Elementor 사용자 템플릿과 템플릿 라이브러리 (워드프레스 플러그인 추천)

미리 디자인된 섹션과 페이지를 다운로드 받아 사용할 수 있는 엘리멘터의 템플릿 라이브러리는 사용자 템플릿(My Templates)과 함께  웹페이지 요소 디자인을 재사용할 수 있게 해줍니다. 코딩없이 드래그 드랍만으로 워드프레스 페이지를 디자인하는 Elementor에 더해 유료버전인 Elementor Pro는 그런 템플릿을 단순히 정적페이지를 위한...
elementor 글로벌 위젯 포스트 대표 이미지

Elementor의 엘리먼트 위젯 목록과 글로벌위젯 (워드프레스 플러그인)

워드프레스 Elementor 페이지 플러그인 에서의 엘리먼트 위젯이란, 칼럼 안에 들어가는 각각의 페이지 디자인 요소들입니다. 이번 글은 시리즈 연재작 지난글에 이어서 Elementor 편집화면에 들어서면 왼쪽에 볼 수 있는 위젯 패널에 나타나는 위젯 종류에대해서 알아봄으로써 Elementor 내에서 특정 위젯이 어떤 연유로...
위젯 디자인 이미지

워드프레스 블로그,사이트 위젯(WordPress 사용법 기초)

시리즈 연재작 워드프레스 사용법 기초 중 이번 글에서는 위젯에 대해 알아보겠습니다. 스마트폰이 대세인 요즘엔 위젯을 밑으로 내리거나 숨기는 1칼럼의 깔끔한 디자인들이 많습니다. 반응형 디자인에서는 데스크탑에서는 옆에 보이던 사이드바가 모바일에서는 본문 밑으로 가곤하죠. 위젯(Widget)이란? 워드프레스의 위젯은 부가 정보를 보여주는데 사용됩니다. 고정된 위치에...

워드프레스 위젯 추가 및 사용설정(애드센스 광고넣는 방법)

처음 워드프레스 블로그, 사이트를 설치했을 때는 위젯이 몇개 없지만 그만으로도 충분히 많은 것을 할 수 있습니다. 이번 글에서는 위젯을 사용하는 방법과 설정하는 방법을 알아보고 위젯에 애드센스 광고를 넣는 방법도 알아보겠습니다. 사용할 수 있는 위젯 항목과 워드프레스 테마에 준비된 위젯영역 워드프레스 관리자메뉴에서...
스택소셜 로고

스택소셜 할인상품 구매방법 정리 – 워드프레스 유료 테마 및 플러그인 및 소프트웨어 번들 할인 사이트 추천

 유료 테마 싸게 살 순 없을까? 생각하시나요? 예전에 기초강좌에서 유료 테마와 플러그인 구매사이트로 themeforest를 추천해드렸었는데요. 거기서 파는가격이 만만치 않아서 한번쯤 다시 생각해보곤 하죠? 하지만 워드프레스 테마와 플러그인을 themeforest 에서만 구매할 수 있는 건 아닙니다.   이번에 소개드릴 StackSocial(스택소셜) 할인사이트는 소프트웨어 번들 할인...
워드프레스 + wordpress

한 서버에 워드프레스 사이트,블로그 두개 설치하기(서문)

이번 연재작에서는 하나의 아마존 라이트세일 VPS(서버 인스턴스)에 두 번째 워드프레스 사이트(블로그 또는 쇼핑몰)를 추가설치하는 방법을 기술합니다. 약간 개념적인 이해만 따른다면 이런 서버관리가 그리 어려운 일은 아닐 것입니다. 비단 AWS lightsail에서 뿐만 아니라 블루호스트나 디지털오션같은 다른 곳에서도 기본틀은 같습니다. 지난 연재작...