코딩없이 페이지, 홈페이지, 팝업을 만드록 테마를 꾸밀 수 있는 페이지빌더 워드프레스 Elementor Pro 강좌
워드프레스 테마 다운로드 및 설치 방법 (WordPress Themes)
안녕하세요. 워드프레스 사용법 기초 시리즈 연재작 이번 글에서는 워드프레스 테마(Wordpress Themes)를 설치하는 방법에 대해 알아보려고 합니다. FTP 프로그램으로 직접 파일을 업로드해서 설치도 가능하지만 이글에서는 다루지 않고 순수 워드프레스 관리자 페이지를 이용해서 설치해보겠습니다.
Wordpress 테마 설치 두 가지 방법
관리자 페이지내 테마샵에서 무료...
Elementor의 엘리먼트 위젯 목록과 글로벌위젯 (워드프레스 플러그인)
워드프레스 Elementor 페이지 플러그인 에서의 엘리먼트 위젯이란, 칼럼 안에 들어가는 각각의 페이지 디자인 요소들입니다. 이번 글은 시리즈 연재작 지난글에 이어서 Elementor 편집화면에 들어서면 왼쪽에 볼 수 있는 위젯 패널에 나타나는 위젯 종류에대해서 알아봄으로써 Elementor 내에서 특정 위젯이 어떤 연유로...
Nginx에 설치형 워드프레스 최신판 다운로드 및 설치 방법 (NGINX + WordPress)
이번 글에서는 워드프레스 공식사이트에서 워드프레스 최신버전을 다운로드 받아 설치하는 방법을 다루겠습니다. 이 방법으로 하나의 우분투 서버에 두 개 이상의 워드프레스 사이트를 설치할 수도 있습니다.
이 글은 ningx(엔진엑스), mariaDB(마리아디비), php 7.2가 설치된 리눅스서버 LEMP 스택에 Wordpress 설치하기 시리즈 연재작의 일환으로 작성되었지만 사실...
워드프레스 위젯 추가 및 사용설정(애드센스 광고넣는 방법)
처음 워드프레스 블로그, 사이트를 설치했을 때는 위젯이 몇개 없지만 그만으로도 충분히 많은 것을 할 수 있습니다. 이번 글에서는 위젯을 사용하는 방법과 설정하는 방법을 알아보고 위젯에 애드센스 광고를 넣는 방법도 알아보겠습니다.
사용할 수 있는 위젯 항목과 워드프레스 테마에 준비된 위젯영역
워드프레스 관리자메뉴에서...
Elementor 페이지빌더 단축키, 우클릭메뉴, 복사 및 붙이기
컴퓨터 사용에 있어서 마우스 오른쪽 버튼 클릭(우클릭)이나 복사 및 붙이기(Control C, Control V) 그리고 단축키 사용은 압도적인 생산성위한 약방의 감초같은 기능이죠. 워드프레스 플러그인 Elementor의 편집화면에서도 그런 기능을 사용하여 페이지 디자인을 좀더 빠르게 편하게 할 수 있습니다.
페이지빌더에서 같은 엘리먼트, 같은...
Elementor 편집화면: 사이드바 위젯 패널과 글로벌 설정 설명 (워드프레스 페이지빌더 사용법)
이번 글에서는 Elementor 페이지빌더 편집화면에서 왼쪽에 나타나는 사이드바 위젯 패널이 어떤 구조로 이루어져있는지 알아보고, 위젯을 추가하면 기본으로 설정되어있는 글로벌 설정, 디폴트 색상과 폰트에 대해 설명하려고 합니다.
글로벌 디폴트 설정은 엘리먼트 위젯을 추가했을 때 가장 기본적으로 세팅되어있는 것들로써, 글로벌 설정은 기본...
Elementor Pro 사용법 – HTML 커스텀 속성을 이용해 워드프레스 페이지에 퍼즐게임 넣기 (Custom Attributes)
HTML 속성에 관해 간단히 알아보고 Elementor 페이지빌더 플러그인에서의 Custom Attributes 입력방법과 응용예제, 그리고 Elementor로 디자인한 워드프레스 페이지에 자바스크립트 퍼즐게임(웹게임)을 추가하는 예를 통해 HTML 커스텀 속성이 어떤식으로 이용될 수 있는지 알아보겠습니다.
이 글은 wordpress 페이지빌더인 Elementor Pro 플러그인을 사용하면서 설정할 수 있는 ...
워드프레스 고유주소 변경과 www서브도메인 링크주소 리다이렉팅 방법(permalink)
워드프레스를 설치하고 나서 곧바로 설정하길 추천하는 것들 중 두 가지는 글의 고유주소(permalink) 변경과 www로 시작하는 서브도메인 리다이렉팅입니다.
워드프레스 블로그 글 고유주소
Wordpresss 고유주소 구조 변경하기
WWW 리다이렉팅
httpd-prefix.conf 파일을 수정해서 리다이렉팅
.htaccess 파일을 수정해서 리다이렉팅
리다이렉팅은 방문자가 특정한 링크주소로 접속해왔을 때 다른 주소로 보내주는 것을...
워드프레스 Elementor Pro 사용법 – 사이트로고와 메뉴바가 들어간 사이트헤더 만들기
웹사이트의 헤더는 사이트로고와 방문자가 카테고리등을 쉽게 이동할 수 있는 내비게이션 메뉴바가 자리잡기 좋은 곳입니다. Elementor로 워드프레스 페이지를 만들때에도 상단에 사이트로고와 내비게이션 메뉴바를 넣고 싶은때가 있는데요. 이번 글에서는 Elementor에서 내비게이션 메뉴가 포함된 사이트헤더를 만드는 방법을 설명하겠습니다.
이렇게 만들어진 사이트헤더는 Elementor 사용자...
워드프레스 Elementor Pro 동영상 강좌: 메뉴바 아래 배너가 들어간 사이트헤더 만들기 + SNS아이콘
여러 웹사이트를 보다보면 큰 배너사진과 함께 내비게이션 메뉴바가 들어간 사이트헤더들이 있는 웹사이트 디자인을 보신적 있으실텐데요. Wordpress 페이지빌더인 Elementor로도 그런 배너를 넣은 사이트헤더를 만들어 보겠습니다.
완성된 사이트헤더는 Elementor 섹션 템플릿으로써 저장해뒀다가 홈페이지(대문)이나 다른 페이지에 넣거나 Elementor Pro의 기능인 테마빌더기능을 이용해서 자신의...
아마존 라이트세일 워드프레스 서버에 IP와 도메인 연결하기 (AWS Lightsail 과 DNS설정)
워드프레스 블로그에 구매한 도메인을 연결하려면 DNS(네임서버)를 설정해줘야합니다. DNS 설정은 자신이 가진 도메인이 어느 서버로 연결되어야하는지를 서버의 IP를 기입함으로써 하게 되는데요. 라이트세일 서버 인스턴스의 Public IP(퍼블릭 아이피)를 바로 연결해도 되지만 저는 Static IP(스태틱 아이피)를 생성해서 연결해주는 것을 선호합니다.
유동아이피 & 고정아이피
아마존 라이트세일의...
Elementor 내비게이터 : 복잡한 페이지의 엘리멘트 선택을 쉽게해주는 Navigator 기능
워드프레스 페이지를 디자인하면서 Elementor로 추가한 각 요소들의 속성값을 설정하려면 일단 해당 요소를 선택해야 옵션패널에 나타날텐데요. 웹페이지가 복잡해질 수 록 엘리먼트(구성 요소)를 선택하기가 쉽지 않아집니다. 그런 어려움없이 페이지 디자인을 완성하기위해 마련된 기능이 Navigator(내비게이터) 패널입니다.
그러면 Elementor 하단 툴바 메뉴 설명 시리즈...
워드프레스 특성이미지: 공유된 링크의 썸네일 갱신방법(페이스북,트위터, 카카오톡등의 SNS 스크랩)
공유하고싶을 만한 좋은 글, 상품소개등을 쓰고 나면 자신의 블로그글을 SNS나 사이트, 메신저등으로 여기저기에 링크를 공유하는 분들이 꼭 있을 겁니다. 그것은 SEO뿐만 아니라 바이럴, 입소문등을 위해 꼭 필요한 것이죠. 글과 페이지의 URL(링크주소)은 자신이 공유할 수도 있고, 다른 사람이 공유할 수도 있습니다.
이번글은...
워드프레스 Elementor Pro 라이선스 키 등록하기 (Activate License Key)
워드프레스 페이지빌더, 테마빌더인 Elementor Pro의 라이선스를 등록하려면 사용하려는 워드프레스 사이트에대해서 라이선스 키를 등록하고 활성화해서 사용해야합니다. 프로버전 구매 및 자신의 라이선스 키를 얻는 방법은 아래링크에 상세히 기술되어있으니 참고하시기 바랍니다.
참고 : 워드프레스 Elementor Pro 구매 방법 및 라이센스 정보
Elementor Pro는 모든...
서브도메인과 DNS – 고대디에서 도메인 구매하기(Godaddy Domain 구입 방법)
아마존 라이트세일에 워드프레스 설치를 마쳤다면 이제 도메인이 필요합니다. 도메인(URL)이 없이도 IP 주소로 블로그에 접속이 가능합니다만 공개된 인터넷 사이트 주소를 IP주소로 그대로 사용하는 사람은 아무도 없고, 숫자로된 주소는 기억하기 쉽지 않기 때문에 이름을 매칭해주는 것입니다. 도매인 구매에 앞서 도메인에 대해 몇가지...
워드프레스 Elementor Pro (무료,유료 버전) 구매 방법 및 라이센스 정보 – 페이지빌더 추천 플러그인 사용법
워드프레스 페이지빌더 플러그인인 Elementor의 무료버전과 유료(프로)버전 구매, 다운로드 방법 그리고 라이선스와 등록 사이트관리, 환불 및 문의방법에 대해 알아보려고합니다.
Elementor(엘리멘토)는 Wordpress 사용자, 개발자에게 많은 사랑을 받고 있는 페이지 디자인 플러그인인 페이지빌더(page builder) 및 테마빌더(theme builder) 플러그인입니다. 공식 플러그인은 무료와 유료버전이 있고,...
워드프레스 Elementor Pro 사용법 – 상단고정 스티키헤더 메뉴바 만들기 – Sticky 옵션 설명 동영상 강좌
이번 글에서는 사이트 메뉴바 헤더를 상단에 고정하는 스티키 메뉴바를 만드는 방법을 알아보면서 Wordpress 페이지빌더 Elementor Pro의 공통 옵션 중 하나인 Sticky (스티키)옵션에 대해 알아보겠습니다.
상단고정 스티키 헤더나 하단고정 스티키푸터 혹은 왼쪽이나 오른쪽 구석에 스크롤될 때 화면에 따라다니는 배너 효과를 만들기위해서 쓰일...
워드프레스 블로그 사이트언어 바꾸기(WordPress 한국어 설정방법)
이글은 워드프레스 블로그 시작하기 시리즈 연재작의 일환으로 작성되었지만 사이트 언어변경 방법은 워드프레스 공통사항이므로 모든 워드프레스에 적용가능합니다.
워드프레스를 직접 다운로드 받아 설치한다면 설치할 때 처음부터 한글워드프레스를 설치하는 게 좋겠습니다다만 아마존 라이트세일(AWS Lightsail)에 기본으로 설치되는 Bitnami 워드프레스는 영어로 나오는데요. 언어팩이 함께 설치되어있어서...
Elementor 하단툴바: 페이지 편집 저장, 공개, 업데이트 및 리비전 히스토리 사용법
워드프레스 페이지를 제작 할 수 있는 페이지빌더 플러그인을 이용한다고 해도 단 한번에 완성된 디자인이 나오기는 어려운 것이 현실이므로 중간에 작업을 중단해야할 일이 빈번합니다. 그럴때는 지금까지 디자인한 웹페이지를 저장해야할 겁니다. 코딩없이 페이지를 만들 수 있는 방법을 제공하는 Elementor 플러그인을 사용함에있어서도...
워드프레스의 새로운 글쓰기 에디터 사용후기- Gutenberg Editor 문제점, 장단점 리뷰
Wordpress 4.9.8 버전으로 판올림을 하고 새로운 에디터가 출시되었습니다. 이름하야 Gutenberg Editor(구텐베르크 에디터. 발음이 '구텐버그' 가 아니라는 것에 실망하지 말자). 이름 번역도 구텐베르그, 그텐베르크 왔다 갔다 하는군요.
현재는 구텐베르크가 플러그인형태로 지원되며 4.9.8 로 설치하거나 업그레이드하면 이 새로운 에디터와 고전편집기 중에, 또는 둘다...
아마존 라이트세일에 WordPress 설치하기 (AWS Lightsail, 워드프레스 블로그 설치방법 – 홈페이지, 쇼핑몰 제작)
아마존 라이트세일에 워드프레스를 설치하는 것은 매우 쉽습니다. 그 절차와함께 몇가지 중요한 것을 집고 넘어가겠습니다.
먼저 아마존 라이트세일 홈페이지로 이동해서 로그인합니다 https://amazonlightsail.com 홈페이지에 접속하면 화면 오른쪽위에 아래처럼 가입(Sign up), 로그인(Log in) , 일본어로 변경(JA) 버튼을 볼 수 있습니다.
AWS 회원가입이 되어있지 않다면 Sign...
워드프레스 Elementor: 하단툴바 – 페이지 세팅 방법 (Page Settings)
워드프레스 페이지 디자인 편집을 위해 페이지빌더 플러그인 Elementor 편집기에 들어서면 왼쪽 패널 아래에 나타나는 하단 툴바에는 페이지의 환경 세팅, 내비게이션 패널, 페이지 디자인 편집 히스토리 및 리비전 문서관리, 반응형 디자인보기와 미리보기, 글발행등에 대한 각종 도구들이 모아져 있습니다.
이번 Elementor 하단툴바...
아마존 라이트세일 서버 리전 이동하기 – AWS Lightsail 워드프레스를 서울 서버로 복사 후 옮기기, 업그레이드 방법
아마존 라이트세일 서버 인스턴스의 지역(국가)을 이동하는 방법의 예로 도쿄서버에서 서울서버로 이전하는 방법을 알아보려고 하는데요. 서버 이전 과정이 어떻게 이루어지는지 개념화해보고, 서버이전을 실행하기전에 반드시 준비해야할 사항, 주의해야할 점등을 알아보겠습니다.
본문은 AWS Lightsail 스냅샷으로 데이터백업, 복원, 업그레이드, 서버이전 시리즈 연재작의 일환으로 작성된...
워드프레스에서 이메일 발송을 위한 PHP 라이브러리 sendmail 설치 방법(리눅스 우분투 서버)
워드프레스 웹사이트, 블로그에서 이메일을 보내는 방법에는 몇가지 방법이 있는데 이 글은 자신의 우분투 서버 자체에서 이메일을 보낼 수 있도록 PHP 라이브러리인 sendmail을 설치하는 방법에 대한 글입니다.
서버 자체가 이메일을 전송하기위해서는 우선 자신의 PHP 서버가 이메일을 발송할 수 있는 준비가 되어있어야하고 그렇지 않으면...
워드프레스 블로그 운영 기초 및 사용방법(WordPress 초보)
이번 워드프레스 사용법 기초 연재작에서는 워드프레스 블로그 운영 전반에 관한 글입니다. 프로그래머, 코더,서버관리 영역이 아닌 일반적인 사항이므로 어떠한 코드에대한 설명도 없을 것입니다. 말 그대로 Wordpress라는 CMS를 처음 접하시는 분들이 블로그, 사이트, 쇼핑몰 운영을 위해 알고 시작하면 도움이 될 것이라고...