워드프레스에서 홈페이지에 이미지를 표시하거나 갤러리를 만들고 혹은 동영상을 표시하려면 미디어 라이브러리를 이용해야 합니다. 다양한 워드프레스 기능 중에서 파일관리에 핵심인 미디어 라이브러리의 활용에 대해서 이번 포스팅을 통해서 알아보겠습니다. 파일의 업로드, 정리방법, 사용법, 필터링 등 기초 사용법 부터 SEO활용과 일괄 관리까지 모두 정리했습니다.

미디어 라이브러리란?

워드프레스 미디어 라이브러리는 웹사이트 관리에 필수적인 도구입니다. 이 라이브러리를 통해 사용자는 모든 미디어 파일을 중앙에서 관리할 수 있으며, 워드프레스 대시보드의 ‘미디어’ 섹션을 통해 쉽게 접근할 수 있습니다. 파일을 업로드, 편집, 삭제하는 기능 뿐만 아니라, 웹사이트의 포스트나 페이지에 미디어를 직접 삽입할 수 있는 기능도 제공됩니다. 이는 시각적 자료를 통한 커뮤니케이션 효과를 극대화하고, 웹사이트의 전반적인 관리 효율성을 높이는 데 크게 기여합니다.

파일 업로드하기

미디어 파일을 통한 파일 업로드는 간단합니다. 관리자 페이지의 미디어 > 라이브러리 > 새로추가 버튼을 이용합니다. 한번에 하나의 파일을 올릴 수도 있고 Drag & Drop 으로 다수의 파일을 업로드 할 수도 있습니다.“파일선택” 버튼을 누르면 파일을 선택할 수 있으며 하나의 파일 혹은 여러파일을 선택하여 “열기”버튼을 통해 업로드하면 됩니다.

파일이 업로드되고나면 업로드 된 이미지에 대한 정보가 표시됩니다. 필요한경우 파일의 URL을 복사하여 다른 페이지에서 사용이 가능합니다. “편집”버튼을 클릭하여 이동하면 이미지에 대한 상세한 정보가 나타납니다.

1. 제목 : 주로 내부관리용으로 사용됩니다.
2. 대체 텍스트 : 이미지 소스가 없을 때 대신 표시되는 글자입니다. SEO에서 가장 중요하게 사용되며 스크린 리더기가 읽게되는 부분입니다.
3. 캡션 : 마우스를 올리면 표시되는 텍스트로 웹표준 준수를 위해서 이미지에 대한 설명을 넣어줘야 합니다. 
4. 설명 : 이 이미지에 대한 설명을 입력합니다.
5. 이미자의 업로드 날짜나 상세정보등이 표시됩니다.

미디어 파일 정리 및 사용

업로드 된 이미지들은 라이브러리 목록에서 확인이 가능합니다. 많은 이미지나 동영상을 표시하기 위해서 필터링, 검색기능을 제공하고 있으며 다음과 같이 활용이 가능합니다.

이미지 목록표시

20개의 미디어가 초기에 표시됩니다. 갤러리 형태로 큰 이미지 미리보기와 함께 제공이 되며 표시방식은 위 아이콘을 통해서 간단하게 바꿀 수 있습니다.

검색하기 및 필터링

다수의 이미지를 필터링하는 기능은 다음과 같습니다.

1. 유형에 따른 분류 : 첨부되지 않음 같은 경우 페이지에 표시되지 않는 이미지로 삭제를 해줄 수 있는 미디어 입니다.
2. 날짜 : 월별로 업로드 파일에 대한 필터를 진행할 수 있습니다.
3. 페이지 처리 : 한 페이지에 표시되는 미디어/이미지의 수를 선택할 수 있습니다. 한번에 많이 보기원하는 경우는 항목 수를 더 높여주시면 되겠습니다.
4. 컬럼 : 현재 미디어 목록에 표시되는 정보를 선택할 수 있습니다.

미디어 라이브러리를 효과적으로 이용하기 위한 추가플러그인은 아래 목록을 확인해보시기 바랍니다.

Ctrl + V 를 이용한 초간단 이미지 업로드

글과 페이지에 미디어 삽입하기

미디어 삽입하기

업로드한 이미지는 글, 페이지 등에 삽입하여 이용합니다. 페이지에서는 페이지 편집화면에서 “미디어 추가”버튼을 이용합니다.

미디어 선택화면에서 이미지를 클릭하면 하나를 선택할 수 있습니다. 다수 미디어를 선택하기 원한다면 Ctrl + 클릭 혹은 Shift + 클릭으로 다수의 이미지를 선택하시면 되겠습니다. 이미지를 선택하면 이미지에 대한 정보들이 오른쪽에 표시됩니다.

1. 이미지 선택 : 클릭으로 하나의 이미지 선택 혹은 Ctrl + 클릭 혹은 Shift + 클릭으로 다수의 이미지를 선택
2. 이미지 제목 : SEO에 중요하게 반영되는 정보로 검색엔진을 중요하게 생각한다면 제목을 적절하게 변경해주시기 바랍니다.
3. 캡션 : 마우스를 올리면 표시되는 텍스트로 웹표준 준수를 위해서 이미지에 대한 설명을 넣어줘야 합니다. 스크린 리더기가 읽게되는 부분입니다.
4. 크기 : 이미지의 크기를 선택할 수 있습니다. 워드프레스는 이미지 업로드 시 지정된 크기로 이미지를 업로드 합니다. 기본적으로는 썸네일, 보통, 최대크기 이렇게 3가지로 크기를 변경하여 저장하고 있습니다.

확장 삽입기능

기본 미디어 삽입기능 외 추가기능을 제공하고 있습니다.

갤러리 생성기능

미디어추가에서 갤러리생성 탭으로 이동을 하면 이미지를 이용한 갤러리를 생성할 수 있는 기능이 제공됩니다. 원하는 이미지를 선택하여 새 갤러리 만들기를 진행합니다.

만들어진 갤러리에 대한 캡션과 설정을 진행합니다. 크기는 썸네일 크기보다는 보통 이상의 크기를 추천해드립니다. 링크대상은 클릭 시 이동하게 되는 주소입니다.

갤러리가 페이지에 삽입된 화면입니다. 썸네일 크기로 갤러리를 생성하였기 때문에 이미지가 작게 표시가 됩니다.

기본 갤러리는 제공되는 기능이 실용적이지는 않습니다. 고급 갤러리나 포트폴리오 혹은 동영상표시를 위해서는 아래의 플러그인을 확인해보시기 바랍니다.

비쥬얼 포트폴리오 플러그인 5분가이드

URL에서 삽입

외부 홈페이지나 서버에 있는 이미지는 “URL에서 삽입” 기능을 활용해볼 수 있습니다. 미디어 추가에서 “URL에서 삽입” 탭으로 이동하면 해당 기능을 이용할 수 있습니다.

외부 홈페이지에서 원하는 이미지에 마우스 오른쪽 클릭을 하면 “이미지 주소 복사” 메뉴가 있습니다. 클릭하여 이미지의 URL을 복사합니다.

2번항목에 이미지 URL주소를 붙여넣습니다. 대체텍스트 캡션값을 입력하고 “페이지에 삽입” 버튼을 이용해서 이미지를 삽입해줍니다.

외부이미지의 사용은 저작권과 관련된 이슈가 있기 때문에 조심해서 활용하셔야 합니다.

미디어 라이브러리 삭제 – 이미지/영상/오디오

워드프레스에서 사용되는 미디어 파일들은 더 이상 사용하지 않는 경우 삭제를 해주시는 것이 좋습니다. 미디어 파일을 삭제는 개별삭제와 단체삭제로 진행할 수 있습니다.

단일파일 삭제

미디어 라이브러리에서 삭제를 원하는 파일을 선택하여 주시기 바랍니다. 미디어 파일을 클릭하면 해당 파일에 대한 자세한 정보가 표시됩니다. 팝업 창 오른쪽 하단을 확인하면 영구 삭제버튼이 있고 해당버튼을 클릭해주시면 경고창이 표시됩니다. 확인을 클릭하여 삭제를 진행하시면 되겠습니다.

여러파일 삭제

미디어 라이브러리에서 파일을 선택하게 되면 하나의 파일만 선택할 수 있습니다. 이때 상단에 “일괄선택”이라는 버튼을 클릭해주시면 여러 파일들을 선택할 수 있도록 상태가 변경됩니다.

삭제를 원하는 파일을 선택을 하게 되면 상단에 영구삭제 버튼이 활성화됩니다. 이 버튼을 클릭하여 경고창에 확인까지 눌러주게 되면 선택한 파일들이 삭제되는 것을 확인할 수가 있습니다.

미디어 라이브러리 플러그

미디어 라이브러리를 조금 더 효율적으로 관리하기 위해서는 플러그인을 사용해 줄 수도 있습니다. 관련 플러그인은 아래의 링크를 확인해 보시기 바랍니다.

https://wordpress.org/plugins/real-media-library-lite/

https://wordpress.org/plugins/media-library-plus/

https://wickedplugins.com/plugins/wicked-folders/

SEO최적화를 위한 미디어 라이브러리 사용

워드프레스의 미디어 파일들은 관리가 중요한 것만큼 검색엔진의 최적화하는 것도 중요한 부분입니다. 기본적으로 워드프레스는 검색엔진 친화적이라 구조적인 장점을 가지고 있지만 미디어 라이브러리의 seo 최적화를 통해서 더욱 효과를 높일 수가 있습니다. 다음의 세 가지 사항을 확인하여 주시기 바랍니다.

1. 파일명 : 모든 미디어 파일에 적절한 파일명을 사용하세요. 검색 엔진은 파일명을 통해 콘텐츠의 내용을 파악합니다.
2. ALT 텍스트 : ALT 텍스트를 모든 이미지에 추가하는 것을 잊지 마세요. ALT 텍스트는 이미지가 로드되지 않을 때 표시되는 텍스트로, 검색 엔진이 이미지의 내용을 이해하는데 도움을 줍니다.
3. 파일최적화 : 미디어 파일의 크기를 최적화하여 웹사이트의 로딩 속도를 빠르게 유지하는 것이 중요합니다. 빠른 로딩 속도는 사용자 경험을 개선하고 SEO 점수를 높이는데 기여합니다.

파일 사이즈 최적화를 위해서는 아래의 플러그인을 검토해 보시기 바랍니다.

EWWW Image Optimizer

마무리

미디어 라이브러리는 워드프레스를 사용하는 사람들은 필수적으로 사용되는 기능입니다. 모든 이미지와 동영상 음악 파일 같은 사용자파일들은 미디어 라이브러리를 통해서 관리됩니다. 오늘 포스트의 내용처럼 seo 와 검색엔진까지 연관이 될 수 있는 기능이기 때문에 효과적으로 관리하여 홈페이지 운영에 능률을 올려 보시기 바랍니다.

워드프레스에서 블로그를 운영하시는 분들은 글을 정기적으로 작성하는 것이 아주 중요합니다 . 검색 엔진은 한번에 몰아서 글을 작성하는 것보다 일정한 간격으로 콘텐츠를 생산하는 것을 훨씬 더 검색에 잘 노출을 시켜주게 됩니다. 하지만 글을 정기적으로 작성하는 것은 쉽지 않은 일입니다. 작업의 효율적인 측면에서는 한 번에 글을 작성해놓고 그 글을 정기적으로 발행 시키게 되면 시간을 효율적으로 활용할 수 있을 것입니다.

워드프레스에서는 글을 미리 작성한 후에 정해진 날짜와 시간에 발행할 수 있는 예약 기능을 제공하고 있습니다. 이 기능을 이용하면 미리 작성해 놓은 글을 정기적으로 포스팅을 할 수가 있습니다.

글 작성하기

워드프레스 관리자 페이지에서 글 메뉴로 이동합니다 . 전체 글 목록이 표시가 되고 상단에 글 옆에 새로 추가 버튼을 통해서 새로운 글을 작성해 줍니다. 설치된 에디터에 따라서 표시되는 모양은 다르게 나옵니다. 이 글에서는 블록 에디터와 클래식 에디터, 이렇게 두 가지 종류의 에디터에 대해서 설명을 드리도록 하겠습니다.

에디터 변경

워드프레스에 설치된 기본 에디터 즉 편집기의 변경을 원하시는 분은 다음에 경로에서 설정을 바꿔주시면 되겠습니다. 관리자 페이지 왼쪽에 보시면 설정 쓰기 라고 하는 메뉴로 이동합니다. 쓰기메뉴에는 모든 이용자에 대한 기본 편집기 라고 하는 옵션이 있으며 이 옵션에서는 현재 워드프레스에 설치된 편집기의 종류가 나타나 있습니다. 이곳에서 여러분이 원하는 편집기를 선택해 주시면 되겠습니다. 일반적으로 블록 편집기는 워드프레스에서 기본적으로 제공하는 편집기며 클래식 편집기는 별도로 추가를 해주셔야 합니다. 클래식 편집기 이용에 대해서는 다음의 글을 참조해 주시기 바랍니다.

글쓰기 효율을 높이는 에디터 세팅. 클래식에디터 + tinyMCE

예약설정 – 블록에디터(구텐베르크)

블록 에디터에서는 글작성하면 혹은 글 편집 화면에 오른쪽 영역에 해당 글에 대한 옵션들을 설정할 수 있는 패널을 제공하고 있습니다. 설정 패널의 상단을 보시면 글 그리고 블록이라고 하는 두 가지 탭이 제공되고 있습니다 글 탭을 선택을 하여 공개 옵션값을 확인합니다. 기본값은 즉시 라고 설정이 되어 있으며 버튼을 클릭하면 날짜와 시간을 정할 수 있도록 변경을 할 수 있습니다.

시간 선택 박스 옆에 지금이라고 하는 버튼을 클릭하면 오늘 날짜 현재 시간으로 선택이 되며 아래쪽에 시간과 달력에서 원하는 날짜와 시간을 선택해 주면 해당 일시에 글이 공개되도록 지정이 됩니다. 일시 선택을 했으면 선택 박스를 닫아주시면 되겠습니다. 이렇게 선택해주시면 해당 글이 공개가 될 일시가 정확하게 표시가 되며 모든 글을 작성 후 상단에 예약됨 이라고 하는 버튼을 확인할 수가 있습니다. 해당 버튼을 눌러 글 예약을 확인하시면 되겠습니다.

예약설정 – 클래식 에디터

클래식 에디터로 글을 작성하게 되면 현재 화면에 오른쪽 영역에 글에 대한 공개여부 ,형식 그리고 카테고리를 선택할 수 있는 박스들이 표시가 됩니다. 글을 예약상태로 바꾸기 위해서는 공개라고 하는 박스에서 즉시 발행이라고 되어있는 항목을 선택합니다. 즉시발행의 편집이라고 하는 버튼을 클릭하면 해당 일시를 예약 일시를 선택할 수 있는 입력박스가 표시가 됩니다 월,일,시,분 이렇게 정확하게 입력을 한 후 OK 버튼을 누르게 되면 즉시 발행에서 다음 날짜로 예약 이라고 상태가 바뀌게 됩니다. 예약된 글의 시간을 변경하기 위해서는 다시 한번 편집을 누르면 일시를 변경할 수 있는 편집화면이 다시 표시가 됩니다. 처음 예약을 할 때와 마찬가지로 원하는 시간과 날짜를 입력한 후 OK 버튼을 눌러주시면 되겠습니다. 글작성과 예약이 모두 완료되었다면 예약 버튼을 눌러 글 발행을 완료해 주시면 되겠습니다.

예약취소 및 글 삭제

예약된 글을 발행을 취소하기 위해서는 다음과 같은 방법을 이용하시면 되겠습니다 . 가장 간단한 방법은 글을 삭제하는 것입니다.

클래식 에디터에서는 글 편집하면 오른쪽에 공개 박스 안에 휴지통으로 이동이라고 하는 버튼이 있습니다. 이 버튼을 클릭하여 해당 글을 휴지통으로 이동해 주시면 되겠습니다.

글을 삭제하지 않고 임시 글로 저장하는 방법도 있습니다. 임시글로 저장하게 되면 예약된 일시가 되어도 글 발행이 되지 않으며 임시 글로 보관을 하고 있다가 글을 수정이나 편집 후 원하는 날짜에 원하는 날짜에 다시 발행을 할 수도 있겠습니다.

글 편집화면 오른쪽에 공개라고 하는 박스가 있습니다 이 박스의 상단에 임시글로 저장이라고 하는 버튼을 클릭하여 임시글로 변경을 해주시면 되겠습니다.

블록 에디터에서는 오른쪽 글 탭 패널에 휴지통으로 이동이라고 하는 붉은색 버튼이 있습니다. 이 버튼을 클릭하여서 그를 휴지통으로 이동시켜 주시면 되겠습니다.

블록 에디터에서 인식을 저장 방법은 다음과 같습니다. 에디터 상단에 임시글저장이라고 하는 버튼을 클릭해주면 예약된 일시가 되어도 그리 발행되지 않으며 임시글로 저장되어 있는 상태로 남아있게 됩니다. 글을 삭제하는 것이 아닌 임시글로 보관하여 수정 편집 후 다시 글을 발행할 수도 있겠습니다.

휴지통으로 이동한 후에 휴지통 비우기를 해주셔야지 해당 글이 완전히 삭제가 되는 것이며 단순히 휴지통으로 이동한 후에는 글을 복구 할 수 있기 때문에 필요한 경우 다시 복구를 해주시면 되겠습니다.

예약글 확인 및 수정

글을 모두 작성하여 예약 발행 상태로 만들어서 저장을 하였다면 글 목록에서 예약 목록을 확인할 수가 있습니다 관리자 페이지에서 모든 글로 이동을 해보시면 전체 작성된 글들이 표시가 됩니다. 예약글로 작성된 글은 글 제목 뒷부분에 –예약됨 이라고 하는 텍스트가 별도로 표시되고 있습니다. 이 부분을 통해서 예약된 글에 상태를 확인할 수가 있습니다.

또한 글목록 상단에 글 상태에 대한 분류 탭이 있습니다 이 탭을 보시면 모두 발행됨,예약됨, 임시글,휴지통 이와 같은 글의 상태를 나타내는 탭이 표시됩니다. 클릭하면 해당 상태에 있는 글들의 목록을 확인할 수가 있겠습니다.

마무리

오늘 포스팅을 통해 워드프레스 글 예약하는 방법에 대해서 확인해 보았습니다. 정기적으로 글을 쓰는 부분은 구글과 같은 검색엔진 노출에 중요한 기준이 됩니다. 효율적인 시간 활용과 더불어 높은 효과를 보기 위해서는 워드프레스의 글 예약 기능을 적절히 활용해 보시기 바랍니다.

참고글

글작성 효율을 30% 높여주는 이미지 삽입 플러그인

페이지 생성 후 메뉴와 연동에 대한 가이드는 다음의 링크를 참조하시기 바랍니다. 

워드프레스 메뉴연동

워드프레스 페이지

이지는 자주 업데이트되지 않는 정보를 표시하는 데 사용되는 정적 콘텐츠입니다. 페이지는 일반적으로 홈 페이지, 대표인사말, 회사소개, 연혁, 오시는 길과 같은 웹 사이트의 주요 섹션을 만드는 데 사용됩니다. 상단의 메뉴와 연결되어 각 페이지간 이동이 가능합니다.

블로그 기사와 같은 동적 콘텐츠에 사용되는 게시물이나 포스트와 달리 페이지는 더 영구적이고 덜 자주 업데이트되도록 설계되었습니다. 페이지에는 텍스트, 이미지, 비디오 및 기타 미디어를 포함한 모든 유형의 콘텐츠를 이용하여 제작할 수 있습니다.

페이지 만드는 방법

관리자페이지 > 페이지 > 새로추가

페이지메뉴의 새로추가 혹은 모든페이지 상단의 “새로추가” 버튼을 누르면 새로운 페이지를 추가할 수 있습니다. 제목을 입력하고 내용을 입력하면 페이지가 완성이 되며 “공개”버튼을 클릭하여 페이지를 생성합니다.

제목은 일반적으로 페이지 상단에 노출되거나 메뉴에 포함되는 경우 메뉴이름으로 표시됩니다. 페이지의 속성을 잘 나타낼 수 있는 제목으로 선정하시기 바랍니다. 설정에 따라서 제목은 URL 에도 포함이 됩니다. http://www.주소.com/페이지이름 형식으로 표시할 수 있으니 seo친화적으로 선정하는 부분도 검토해야 합니다.

내용은 해당 페이지 노출 시 표시되는 내용들입니다. 텍스트나 html 코드를 입력할 수도 있으며 엘리멘터나 구텐베르크 같은 에디터를 이용하여 편집할 수도 있습니다. 최근 엘리멘터나 에디터를 이용한 편집을 선호하고 있으니 에디터에 대해서도 확인해보시면 도움이 되겠습니다.

페이지 구조

페이지는 부모페이지와 자식페이지를 가질 수 있습니다. 예를 들면 “회사소개” 라는 페이지는 “대표인사말”, “회사연혁”, “오시는길” 등 의 자식페이지를 가질 수 있습니다. 내용상 회사소개에 맞는 페이지는 모두 자식페이지로 분류를 할 수 있습니다. 페이지를 생성할 때 페이지속성에서 부모페이지를 지정할 수 있습니다.

1번 항목에서 각 페이지별 부모자식 관계를 확인할 수 있습니다. 부모페이지를 선정 후 “업데이트” 버튼을 눌러주시기 바랍니다.

페이지 연결 – 자식메뉴로 바로가기

부모페이지를 클릭할 경우 자식페이지로 바로가게 연결해야 할 때가 있습니다. 이런경우는 템플릿을 “리다이렉트 연결”로 선택하시면 추가옵션이 표시됩니다. [페이지]리다이렉트 옵션이 표시되면 그곳에서 페이지를 선택할 수 있습니다. 이렇게 설정을 하면 현제 페이지로 사용자가 들어오면 자동으로 선택한 페이지로 이동되게 됩니다.

*부모메뉴에서 자식메뉴로 이동기능은 ACF 플러그인을 이용하여 케이테마에서 제공하는 기능입니다. 

페이지 일괄편집

많은 페이지들이 생성되어 있는 경우에는 각 페이지별 편집에 시간이 많이 소요됩니다. 이때 유용한 기능이 일괄편집 기능입니다. 페이지의 부모를 변경하거나 글상태변경, 템플릿 변경등의 작업을 일괄로 진행할 수 있습니다.

관리자페이지 > 모든페이지

편집을 원하는 페이지를 선택합니다. 상단의 일괄작업을 클릭하면 “편집”을 선택할 수 있습니다. 바로 옆의 “적용”버튼을 클릭하면 편집할 수 있는 섹션이 표시됩니다. 이 원하는 내용을 편집하고 “업데이트” 버튼을 클릭하면 전체 페이지가 편집이 된 것을 확인할 수 있습니다.

페이지 삭제

페이지의 삭제는 간단합니다. 마우스를 페이지 제목에 올려놓으면 “휴지통”이라는 메뉴가 표시됩니다. 클릭 시 바로 삭제가 됩니다. 워드프레스에서는 페이지가 바로 삭제되지는 않습니다. 휴지통 메뉴에서 삭제된 페이지를 확인할 수 있으며 바로 복구도 가능합니다.

다수 페이지를 삭제할 경우 페이지 제목앞의 체크박스를 선택해줍니다. 상단의 “일괄작업”을 클릭하면 “휴지통으로 이동”을 선택할 수 있습니다. “적용”버튼을 누르면 모두 휴지통으로 이동합니다.

페이지를 완전히 삭제하려면 휴지통으로 이동하여 삭제합니다.

페이지 > 모든페이지 > 휴지통

삭제할 페이지를 선택하여 “일괄작업”을 클릭하면 “영구삭제”를 선택할 수 있습니다. 적용을 눌러주시면 페이지가 완전히 삭제됩니다.

결론

페이지는 웹사이트에서 정적 콘텐츠를 생성하기 위한 강력한 도구입니다. 위 글을 따라 페이지를 쉽게 만들고 사용하여 체계적이고 사용자 친화적인 웹 사이트를 만들 수 있습니다. 간단한 블로그를 만들든 복잡한 전자 상거래 사이트를 만들든 페이지는 웹 사이트를 만드는 데 도움이 될 수 있습니다.

페이지 생성에 대한 영상가이드는 아래 링크에서 확인이 가능합니다. 

워드프레스 페이지 영상가이드

페이지 생성 후 메뉴와 연동에 대한 가이드는 다음의 링크를 참조하시기 바랍니다. 

워드프레스 메뉴연동