3월 29일 금요일 2024년 13주
워드프레스 페이지 2

워드프레스

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

엘리멘토 사이트헤더 만들기 블로그글 대표이미지video

워드프레스 Elementor Pro 동영상 강좌: 메뉴바 아래 배너가 들어간 사이트헤더 만들기 + SNS아이콘

여러 웹사이트를 보다보면 큰 배너사진과 함께 내비게이션 메뉴바가 들어간 사이트헤더들이 있는 웹사이트 디자인을 보신적 있으실텐데요. Wordpress 페이지빌더인 Elementor로도 그런 배너를 넣은 사이트헤더를 만들어 보겠습니다. 완성된 사이트헤더는 Elementor 섹션 템플릿으로써 저장해뒀다가 홈페이지(대문)이나 다른 페이지에 넣거나 Elementor Pro의 기능인 테마빌더기능을 이용해서 자신의...
키보드와 마우스를 배경으로한 Elementor Logo

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

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

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

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

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

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

Nginx에 설치형 워드프레스 최신판 다운로드 및 설치 방법 (NGINX + WordPress)

이번 글에서는 워드프레스 공식사이트에서 워드프레스 최신버전을 다운로드 받아 설치하는 방법을 다루겠습니다. 이 방법으로 하나의 우분투 서버에 두 개 이상의 워드프레스 사이트를 설치할 수도 있습니다.  이 글은 ningx(엔진엑스), mariaDB(마리아디비), php 7.2가 설치된 리눅스서버  LEMP 스택에 Wordpress 설치하기 시리즈 연재작의 일환으로 작성되었지만 사실...
video

워드프레스 Elementor Pro 사용법 – 상단고정 스티키헤더 메뉴바 만들기 – Sticky 옵션 설명 동영상 강좌

이번 글에서는 사이트 메뉴바 헤더를 상단에 고정하는 스티키 메뉴바를 만드는 방법을 알아보면서 Wordpress 페이지빌더 Elementor Pro의 공통 옵션 중 하나인 Sticky (스티키)옵션에 대해 알아보겠습니다. 상단고정 스티키 헤더나 하단고정 스티키푸터 혹은 왼쪽이나 오른쪽 구석에 스크롤될 때 화면에 따라다니는 배너 효과를 만들기위해서 쓰일...
테이블위에 Elementor 로고와 글제목

Elementor 편집화면: 사이드바 위젯 패널과 글로벌 설정 설명 (워드프레스 페이지빌더 사용법)

 이번 글에서는 Elementor 페이지빌더 편집화면에서 왼쪽에 나타나는 사이드바 위젯 패널이 어떤 구조로 이루어져있는지 알아보고, 위젯을 추가하면 기본으로 설정되어있는 글로벌 설정, 디폴트 색상과 폰트에 대해 설명하려고 합니다.  글로벌 디폴트 설정은 엘리먼트 위젯을 추가했을 때 가장 기본적으로 세팅되어있는 것들로써, 글로벌 설정은 기본...
워드프레스와 mySQL 로고

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

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

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

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

워드프레스 설정파일 값 세팅하기 ( WordPress wp-config.php)

워드프레스를 처음 설치한 이전 글 다음에 해야할 일인 설정파일(wp-config.php)을 세팅하는 방법을 알아보겠습니다. 첫 설치후에는 DB 값을 필수로 해줘야하고 기타 설정을 추가로 해주는게 좋습니다. 이 글은 리눅스서버  LEMP 스택에 Wordpress 설치하기 시리즈 연재작의 일환으로 작성되어 MariaDB 정보를 필요로 하지만 mySQL DB를...
워드프레스 Elementor Pro의 테마빌더로 사이트헤더 적용하기 글 대표이미지video

워드프레스 테마빌더 Elementor Pro로 사이트헤더 메뉴바 디자인 바꾸기

워드프레스 플러그인 Elementor는 는 단순히 홈페이지나 랜딩페이지, 포트폴리오 페이지를 디자인하는 페이지빌더(Page Builder)를 넘어서, Elementor Pro를 사용하면, 자신의 사이트 테마 디자인을 다시 꾸밀 수 있는 테마빌더(Theme Builder)기능까지도 제공하는데요.  자신이 Elementor를 이용해 자신이 직접 디자인한 테마의 사이트 헤더아 푸터를 워드프레스에서 사용할 수...
elementor 글로벌 위젯 포스트 대표 이미지

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

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

워드프레스 블로그에 웹 애플리케이션 개발 더하기 (WordPress + 웹앱, HTML5 게임호스팅)

설치형 Wordpress 블로그나 사이트를 가지고 계십니까? 그리고 PHP 웹개발을 배우려던 참인가요? 혹은 서버 애플리케이션이 필요합니까?  내 워드프레스 블로그에 웹게임을 넣고 싶으세요? 그렇다면 이글을 한번 읽어 보고 가세요.  이 글을 읽고 자신의 워드프레스 블로그에 저지를 수 있게 될 3가지는 아래와 같습니다. html...
워드프레스 elementor 사용자등급 관리 대표이미지

워드프레스 Elementor 사용법 – 관리자 메뉴 Role Manager ( AAM 회원등급 기능제한 플러그인 추천)

워드프레스는 혼자서만 사용할 수 있는게 아닌, 관리자, 에디터, 글쓴이, 단순한 사용자회원등 여러 권한별로 나누어진 사용자를 포함할 수 있죠. 제 경우도 팀블로그로 친구와 공동운영을 하고있기도 합니다. 그렇게 자신의 사이트에 사용자가 여럿이라면 워드프레스 사용자 역할(Role)별로 Elementor 편집기를 사용권한을 조정하는 것은 중요한...
워드프레스 관리자 아이디 만들기 대표이미지

워드프레스 최초 접속화면 및 관리자 비밀번호 설정 방법

이 글은  LEMP 스택에 Wordpress 설치하기 시리즈 연재작의 일환으로 작성되었지만 워드프레스 설정은 공통사항이므로 서버구성은 딱히 상관없습니다. 워드프레스 첫 관리자 만들기와 함께 몇가지 추천하는 초기설정을 해보고 테스트도 해봅시다. 워드프레스 설치화면에서 관리자 ID 만들기 Wordpress 관리자 로그인 하기 워드프레스 관리자(글쓴이) 닉네임 변경 하기 기타 초기...
페이스북에 공유된 링크

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

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

워드프레스 블로그 운영 기초 및 사용방법(WordPress 초보)

이번 워드프레스 사용법 기초 연재작에서는 워드프레스 블로그 운영 전반에 관한 글입니다.  프로그래머, 코더,서버관리 영역이 아닌 일반적인 사항이므로 어떠한 코드에대한 설명도 없을 것입니다. 말 그대로 Wordpress라는 CMS를 처음 접하시는 분들이 블로그, 사이트, 쇼핑몰 운영을 위해 알고 시작하면 도움이 될 것이라고...

워드프레스 Elementor Pro 플러그인 업데이트 방법

플러그인을 업데이트해야할 때가 종종 있는데요. 워드프레스 공식 플러그인 디렉토리(관리자화면>플러그인>새로설치)에서 설치한 플러그인들은 업데이트가 있다면 간단히 업데이트를 클릭해서 플러그인을 업데이트할 수 있지만 Elementor Pro 처럼 개발사 자체배포를 통한 플러그인, 테마등은 개발사 저마다 서로다른 업데이트 방법을 제공하곤 합니다. 어떤 플러그인이나 테마는 다른 무료플러그인처럼...

나의 웹사이트, 블로그 SSL 보안 점수는?

요즘들어 HTTPS 는 필수가 되어갑니다. 구글의 크롬웹브라우저나 애플의 사파리 웹브라우저에서는 http 주소로된 사이트의 경우 무조건 보안경고를 하거나 사이트 접속을 막아버리기 시작했거든요. HTTPS를 위한 SSL인증서 발급도 렛츠인크립트로 이제 공짜가 생겼으니 그에 따라 설치형 워드프레스도 HTTPS를 큰 부담없이 설정가능하고 저 또한 여러분께...
폴리곤 컬러 패턴을 배경으로한 Elementor 로고와 포스트글 제목

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

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

워드프레스 테마 다운로드 및 설치 방법 (WordPress Themes)

안녕하세요. 워드프레스 사용법 기초 시리즈 연재작 이번 글에서는 워드프레스 테마(Wordpress Themes)를 설치하는 방법에 대해 알아보려고 합니다.  FTP 프로그램으로 직접 파일을 업로드해서 설치도 가능하지만 이글에서는 다루지 않고 순수 워드프레스 관리자 페이지를 이용해서 설치해보겠습니다. Wordpress 테마 설치 두 가지 방법 관리자 페이지내 테마샵에서 무료...

워드프레스 Elementor 사용법 – 관리자 메뉴 Tools (버전 콘트롤 및 공사중 페이지 만들기)

Wordpress 페이지빌더 플러그인 Elementor의 관리자 메뉴 중 Tools에는 몇가지 도움이 되는 도구들이 마련되어있으며 사이트 도메인을 바꾸었을 때 Elementor로 만든 모든 페이지에 입력했던 URL을 한번에 바꾸는 것과 버전을 되돌리는 롤백등에 대해 알아보고 워드프레스 사이트를 공사중으로 표시해주는 Maintennance Mode(메이넌스 모드)에대해 알아보겠습니다. ...

워드프레스의 새로운 글쓰기 에디터 사용후기- Gutenberg Editor 문제점, 장단점 리뷰

 Wordpress 4.9.8 버전으로 판올림을 하고 새로운 에디터가 출시되었습니다. 이름하야 Gutenberg Editor(구텐베르크 에디터. 발음이 '구텐버그' 가 아니라는 것에 실망하지 말자). 이름 번역도 구텐베르그, 그텐베르크 왔다 갔다 하는군요.  현재는 구텐베르크가 플러그인형태로 지원되며 4.9.8 로 설치하거나 업그레이드하면 이 새로운 에디터와 고전편집기 중에, 또는 둘다...
워드프레스 와 아마존 라이트세일 로고

AWS 라이트세일에서 워드프레스 블로그 만들기(운영시작: 호스팅 추천)

안녕하세요 . 설치형 워드프레스 설치 시작하기 시리즈의 연재작 첫편입니다. 본격적으로 들어가기전에 서버(호스팅)을 먼저 추천하고, 블로깅툴로써 워드프레스를 과연 써야할지에 대해 고민하는 서문을 먼저 작성했습니다.    네이버블로그나 티스토리, 브런치등 여러 가입형 서비스를 두고 설치형 워드프레스 블로그를 선택한 사람들이라면 저마다 이런 저런 이유가 있겠지만...
엘리멘터 페이지 세팅 포스트글 대표이미지

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

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

코딩없이 페이지, 홈페이지, 팝업을 만드록 테마를 꾸밀 수 있는 페이지빌더 워드프레스 Elementor Pro 강좌