코딩없이 페이지, 홈페이지, 팝업을 만드록 테마를 꾸밀 수 있는 페이지빌더 워드프레스 Elementor Pro 강좌
워드프레스 Elementor: 하단툴바 – 페이지 세팅 방법 (Page Settings)
워드프레스 페이지 디자인 편집을 위해 페이지빌더 플러그인 Elementor 편집기에 들어서면 왼쪽 패널 아래에 나타나는 하단 툴바에는 페이지의 환경 세팅, 내비게이션 패널, 페이지 디자인 편집 히스토리 및 리비전 문서관리, 반응형 디자인보기와 미리보기, 글발행등에 대한 각종 도구들이 모아져 있습니다.
이번 Elementor 하단툴바...
워드프레스 Elementor Pro 플러그인 업데이트 방법
플러그인을 업데이트해야할 때가 종종 있는데요. 워드프레스 공식 플러그인 디렉토리(관리자화면>플러그인>새로설치)에서 설치한 플러그인들은 업데이트가 있다면 간단히 업데이트를 클릭해서 플러그인을 업데이트할 수 있지만 Elementor Pro 처럼 개발사 자체배포를 통한 플러그인, 테마등은 개발사 저마다 서로다른 업데이트 방법을 제공하곤 합니다.
어떤 플러그인이나 테마는 다른 무료플러그인처럼...
워드프레스 위젯 추가 및 사용설정(애드센스 광고넣는 방법)
처음 워드프레스 블로그, 사이트를 설치했을 때는 위젯이 몇개 없지만 그만으로도 충분히 많은 것을 할 수 있습니다. 이번 글에서는 위젯을 사용하는 방법과 설정하는 방법을 알아보고 위젯에 애드센스 광고를 넣는 방법도 알아보겠습니다.
사용할 수 있는 위젯 항목과 워드프레스 테마에 준비된 위젯영역
워드프레스 관리자메뉴에서...
워드프레스 Elementor Pro 동영상 강좌: 메뉴바 아래 배너가 들어간 사이트헤더 만들기 + SNS아이콘
여러 웹사이트를 보다보면 큰 배너사진과 함께 내비게이션 메뉴바가 들어간 사이트헤더들이 있는 웹사이트 디자인을 보신적 있으실텐데요. Wordpress 페이지빌더인 Elementor로도 그런 배너를 넣은 사이트헤더를 만들어 보겠습니다.
완성된 사이트헤더는 Elementor 섹션 템플릿으로써 저장해뒀다가 홈페이지(대문)이나 다른 페이지에 넣거나 Elementor Pro의 기능인 테마빌더기능을 이용해서 자신의...
워드프레스 설정파일 값 세팅하기 ( WordPress wp-config.php)
워드프레스를 처음 설치한 이전 글 다음에 해야할 일인 설정파일(wp-config.php)을 세팅하는 방법을 알아보겠습니다. 첫 설치후에는 DB 값을 필수로 해줘야하고 기타 설정을 추가로 해주는게 좋습니다.
이 글은 리눅스서버 LEMP 스택에 Wordpress 설치하기 시리즈 연재작의 일환으로 작성되어 MariaDB 정보를 필요로 하지만 mySQL DB를...
아마존 라이트세일 워드프레스 서버에 IP와 도메인 연결하기 (AWS Lightsail 과 DNS설정)
워드프레스 블로그에 구매한 도메인을 연결하려면 DNS(네임서버)를 설정해줘야합니다. DNS 설정은 자신이 가진 도메인이 어느 서버로 연결되어야하는지를 서버의 IP를 기입함으로써 하게 되는데요. 라이트세일 서버 인스턴스의 Public IP(퍼블릭 아이피)를 바로 연결해도 되지만 저는 Static IP(스태틱 아이피)를 생성해서 연결해주는 것을 선호합니다.
유동아이피 & 고정아이피
아마존 라이트세일의...
워드프레스 Elementor Pro 사용법 – 상단고정 스티키헤더 메뉴바 만들기 – Sticky 옵션 설명 동영상 강좌
이번 글에서는 사이트 메뉴바 헤더를 상단에 고정하는 스티키 메뉴바를 만드는 방법을 알아보면서 Wordpress 페이지빌더 Elementor Pro의 공통 옵션 중 하나인 Sticky (스티키)옵션에 대해 알아보겠습니다.
상단고정 스티키 헤더나 하단고정 스티키푸터 혹은 왼쪽이나 오른쪽 구석에 스크롤될 때 화면에 따라다니는 배너 효과를 만들기위해서 쓰일...
우분투 리눅스 LEMP 스택에 워드프레스 설치하기 (nginx + MariaDB + WordPress)
안녕하세요. 이번 시리즈 연재작에서는 지난번에 준비했던 LEMP 스택에 Wordpress를 설치하고 도메인 연결, HTTPS 설정까지 하려고 합니다.
이전에 AWS lightsail에 bitnami 워드프레스를 설치, 시작 할 때는 아마존에서 제공되는 Wordpress 이미지를 선택해서 곧바로 아파치+MySQL+Wordpress 가 설치된 이미지로 시작했기에 절차가 많이 간소화 되었었죠....
워드프레스 플러그인 설치 및 삭제, 관리하기( WordPress 기초 사용법)
워드프레스 사용법 기초 시리즈 연재작 이번 글은 Wordpress 플러그인 관리 방법에 관해 알아볼 시간입니다.
Wordpress 플러그인 관리화면 보기
워드프레스 플러그인 삭제하기
Wordpress 플러그인 업데이트 방법
플러그인 설치방법
워드프레스 기본스토어에서 무료 플러그인 설치하기
직접 업로드해서 플러그인 설치하기
설치된 플러그인 활성화 및 관리
설치한 플러그인 관리와 사용법 익히기
Wordpress의 꽃은...
Nginx에 설치형 워드프레스 최신판 다운로드 및 설치 방법 (NGINX + WordPress)
이번 글에서는 워드프레스 공식사이트에서 워드프레스 최신버전을 다운로드 받아 설치하는 방법을 다루겠습니다. 이 방법으로 하나의 우분투 서버에 두 개 이상의 워드프레스 사이트를 설치할 수도 있습니다.
이 글은 ningx(엔진엑스), mariaDB(마리아디비), php 7.2가 설치된 리눅스서버 LEMP 스택에 Wordpress 설치하기 시리즈 연재작의 일환으로 작성되었지만 사실...
워드프레스 최초 접속화면 및 관리자 비밀번호 설정 방법
이 글은 LEMP 스택에 Wordpress 설치하기 시리즈 연재작의 일환으로 작성되었지만 워드프레스 설정은 공통사항이므로 서버구성은 딱히 상관없습니다. 워드프레스 첫 관리자 만들기와 함께 몇가지 추천하는 초기설정을 해보고 테스트도 해봅시다.
워드프레스 설치화면에서 관리자 ID 만들기
Wordpress 관리자 로그인 하기
워드프레스 관리자(글쓴이) 닉네임 변경 하기
기타 초기...
아마존 라이트세일 서버 리전 이동하기 – AWS Lightsail 워드프레스를 서울 서버로 복사 후 옮기기, 업그레이드 방법
아마존 라이트세일 서버 인스턴스의 지역(국가)을 이동하는 방법의 예로 도쿄서버에서 서울서버로 이전하는 방법을 알아보려고 하는데요. 서버 이전 과정이 어떻게 이루어지는지 개념화해보고, 서버이전을 실행하기전에 반드시 준비해야할 사항, 주의해야할 점등을 알아보겠습니다.
본문은 AWS Lightsail 스냅샷으로 데이터백업, 복원, 업그레이드, 서버이전 시리즈 연재작의 일환으로 작성된...
워드프레스 테마 다운로드 및 설치 방법 (WordPress Themes)
안녕하세요. 워드프레스 사용법 기초 시리즈 연재작 이번 글에서는 워드프레스 테마(Wordpress Themes)를 설치하는 방법에 대해 알아보려고 합니다. FTP 프로그램으로 직접 파일을 업로드해서 설치도 가능하지만 이글에서는 다루지 않고 순수 워드프레스 관리자 페이지를 이용해서 설치해보겠습니다.
Wordpress 테마 설치 두 가지 방법
관리자 페이지내 테마샵에서 무료...
워드프레스 Elementor 플러그인 사용방법: 페이지 제작 시작하기
워드프레스에는 '페이지(page)'라는 포스트 타입이 있고, Elementor 페이지빌더 플러그인은 그 페이지를 코딩없이 마우스 클릭, 드래그 드랍으로 쉽게 디자인할 수 있도록 해주는 일종의 디자인 프로그램입니다. 그러므로 Elementor를 사용하려면 먼저 워드프레스 페이지를 만들어놓고, Elementor로 편집하는 작업흐름(워크플로우)이 이루어집니다.
Elementor 플러그인 사용방법 강좌글의 시작으로 이번...
워드프레스 Elemenotor 사용을 위한 시스템 권장사항 및 System Info
다른 워드프레스 유료 플러그인들이 대부분 그렇듯, Elementor 플러그인 또한 원할하게 실행되기위한 권장 시스템 설정 조건이 있습니다.
Elementor와 Elementor Pro 워드프레스 플러그인이 작동하기 위한 조건과 워드프레스 관리자페이지에서 현재 시스템 정보를 알 수 있는 Elementor의 Syestem Info에 대해 알아보겠습니다.
...
워드프레스 블로그에 웹 애플리케이션 개발 더하기 (WordPress + 웹앱, HTML5 게임호스팅)
설치형 Wordpress 블로그나 사이트를 가지고 계십니까? 그리고 PHP 웹개발을 배우려던 참인가요? 혹은 서버 애플리케이션이 필요합니까? 내 워드프레스 블로그에 웹게임을 넣고 싶으세요? 그렇다면 이글을 한번 읽어 보고 가세요.
이 글을 읽고 자신의 워드프레스 블로그에 저지를 수 있게 될 3가지는 아래와 같습니다.
html...
나의 웹사이트, 블로그 SSL 보안 점수는?
요즘들어 HTTPS 는 필수가 되어갑니다. 구글의 크롬웹브라우저나 애플의 사파리 웹브라우저에서는 http 주소로된 사이트의 경우 무조건 보안경고를 하거나 사이트 접속을 막아버리기 시작했거든요. HTTPS를 위한 SSL인증서 발급도 렛츠인크립트로 이제 공짜가 생겼으니 그에 따라 설치형 워드프레스도 HTTPS를 큰 부담없이 설정가능하고 저 또한 여러분께...
웹사이트 서버속도 체크하기 – WordPress 블로그등 모든 웹페이지 로딩속도 측정가능
안녕하세요. 꼭 Wordpress 블로그나 쇼핑몰이 아니더라도 어떤 서버든 원하는 웹사이트의 속도(페이지 로딩타임)을 확인해보고 싶을 때가 있죠? 이번 글에서는 순수하게 어느 사이트나, 누구나 해볼 수 있는 사이트 속도측정 방법에대해서 알아볼 거예요. 데스크탑 컴퓨터(윈도우, 맥)에서 체크하는 방법만 알아보겠습니다.
속도 문제해결을 위해서는 먼저 점검해봐야하는...
Elementor 하단툴바: 페이지 편집 저장, 공개, 업데이트 및 리비전 히스토리 사용법
워드프레스 페이지를 제작 할 수 있는 페이지빌더 플러그인을 이용한다고 해도 단 한번에 완성된 디자인이 나오기는 어려운 것이 현실이므로 중간에 작업을 중단해야할 일이 빈번합니다. 그럴때는 지금까지 디자인한 웹페이지를 저장해야할 겁니다. 코딩없이 페이지를 만들 수 있는 방법을 제공하는 Elementor 플러그인을 사용함에있어서도...
Elementor Pro 사용법 – HTML 커스텀 속성을 이용해 워드프레스 페이지에 퍼즐게임 넣기 (Custom Attributes)
HTML 속성에 관해 간단히 알아보고 Elementor 페이지빌더 플러그인에서의 Custom Attributes 입력방법과 응용예제, 그리고 Elementor로 디자인한 워드프레스 페이지에 자바스크립트 퍼즐게임(웹게임)을 추가하는 예를 통해 HTML 커스텀 속성이 어떤식으로 이용될 수 있는지 알아보겠습니다.
이 글은 wordpress 페이지빌더인 Elementor Pro 플러그인을 사용하면서 설정할 수 있는 ...
워드프레스 Elementor – CSS ID와 Classes 항목(CSS 아이디와 클래스)
Wordpress 페이지빌더 Elementor의 섹션, 칼럼, 위젯을 설정할 때 공통항목으로 찾아볼 수 있는 CSS ID와 CSSClasses 항목에대한 설명입니다. Elmentor에서 두 항목을 살펴보고 HTML에서의 CSS 클래스와 아이디가 어떤식으로 쓰이는지 살펴본다음 이것으로 무엇을 할 수 있는지 간단히 설명하겠습니다.
Elementor의 CSS ID와 CSS Classes...
Elementor 사용자 템플릿과 템플릿 라이브러리 (워드프레스 플러그인 추천)
미리 디자인된 섹션과 페이지를 다운로드 받아 사용할 수 있는 엘리멘터의 템플릿 라이브러리는 사용자 템플릿(My Templates)과 함께 웹페이지 요소 디자인을 재사용할 수 있게 해줍니다. 코딩없이 드래그 드랍만으로 워드프레스 페이지를 디자인하는 Elementor에 더해 유료버전인 Elementor Pro는 그런 템플릿을 단순히 정적페이지를 위한...
서브도메인과 DNS – 고대디에서 도메인 구매하기(Godaddy Domain 구입 방법)
아마존 라이트세일에 워드프레스 설치를 마쳤다면 이제 도메인이 필요합니다. 도메인(URL)이 없이도 IP 주소로 블로그에 접속이 가능합니다만 공개된 인터넷 사이트 주소를 IP주소로 그대로 사용하는 사람은 아무도 없고, 숫자로된 주소는 기억하기 쉽지 않기 때문에 이름을 매칭해주는 것입니다. 도매인 구매에 앞서 도메인에 대해 몇가지...
한 서버에 워드프레스 사이트,블로그 두개 설치하기(서문)
이번 연재작에서는 하나의 아마존 라이트세일 VPS(서버 인스턴스)에 두 번째 워드프레스 사이트(블로그 또는 쇼핑몰)를 추가설치하는 방법을 기술합니다. 약간 개념적인 이해만 따른다면 이런 서버관리가 그리 어려운 일은 아닐 것입니다. 비단 AWS lightsail에서 뿐만 아니라 블루호스트나 디지털오션같은 다른 곳에서도 기본틀은 같습니다.
지난 연재작...
워드프레스 Elementor Pro 커스텀 폰트 사용법 – 엘리멘토에서 한글 커스텀 세팅 및 사용하기(Custom Fonts)
Elementor에서는 800개 이상의 구글 웹폰트를 기본지원하지만, 사용할 수 있는 한글 폰트는 한정적인데요. Elementor 에서는 직접 폰트파일을 자신의 워드프레스 서버에 업로드함으로써 웹폰트로써 페이지빌더에서 사용할 수도 있습니다. 이번글에서는 자신이 가진 폰트파일을 Elementord의 관리자화면에서 세팅하는 방법과 페이지빌더에서 어떻게 사용할 수 있는지 알아보겠습니다.
커스텀 폰트...