워드프레스 초급 - 미디어 메뉴

초급 워드프레스 어드민 미디어 메뉴로 이미지, 영상 관리하기(업로드, 수정, 삭제) – 워드프레스 강좌

안녕하세요. 이번에는 미디어 메뉴에 대해서 배워볼게요. 미디어는 말그대로 이미지, 오디오, 비디오, 문서, 스프레드시트 등의 다양한 미디어를 올리는 저장공간입니다. 이미지나 영상을 올려서 이걸 글쓰기나, 페이지 꾸밀때 에디터 툴에서 불러와 활용할 수 있습니다.

*디자인 베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커맨드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.

워드프레스에서 미디어 업로드 방법

워드프레스에서 이미지를 업로드하는 방법은 매우 간단합니다.

  1. 새로 추가 버튼 클릭
    • ‘새로 추가’ 버튼을 누르면 업로드할 파일을 놓을 수 있는 드롭 영역과 파일 선택 버튼이 나타납니다.
    • 업로드할 파일을 드래그 앤 드롭으로 추가하거나 파일 선택 버튼을 통해 업로드할 파일을 선택할 수 있습니다.
    • 여러 파일을 한 번에 업로드할 수도 있습니다.
  2. 드래그 앤 드롭
    • 그냥 바로 드래그 앤 드롭으로 파일을 추가해도 업로드가 됩니다.
  3. 글 작성 시 업로드
    • 글 메뉴에서 글 작성 중에 파일을 추가하면, 해당 파일도 미디어 라이브러리에 저장됩니다.

업로드 된 미디어 파일 정보

업로드한 파일을 클릭하면 파일의 상세 정보를 확인할 수 있습니다. 여기에는 업로드한 날짜, 업로드한 사람, 파일 이름, 파일 유형, 파일 크기 등이 포함됩니다. 가장 중요한 부분은 Alt 텍스트 입력입니다.

Alt 텍스트

Alt 텍스트는 이미지의 대체 텍스트로, 웹 접근성과 SEO(검색엔진최적화) 측면에서 매우 중요합니다.

  1. SEO
    • 검색엔진 최적화(SEO)는 검색 봇이 페이지나 글의 정보를 분석하여 검색 결과에 잘 노출되도록 하는 것입니다. 이미지의 Alt 텍스트는 봇이 이미지를 이해하고 평가하는 데 중요한 역할을 합니다.
  2. 웹 접근성
    • 웹 접근성은 시각 장애인을 포함한 모든 사용자가 웹 콘텐츠에 접근할 수 있도록 하는 것입니다. 시각 장애인이나 저시력 사용자는 스크린 리더를 사용하여 웹사이트를 탐색하므로, 이미지의 Alt 텍스트가 제대로 설정되어 있어야 합니다.

Alt 텍스트를 입력하는 습관을 들여, 제대로 된 웹사이트를 운영하는 것이 중요합니다.

파일 URL

업로드된 파일의 URL 정보도 확인할 수 있습니다. 이 URL은 특정 UI의 배경으로 사용하거나 다른 페이지에서 이미지를 불러오는 데 사용할 수 있습니다.

업로드 한 이미지 편집 기능

이미지 편집 기능을 사용하여 이미지를 크기 조정하거나 자르고, 회전시키고, 좌우/상하 반전할 수 있습니다. 그러나 디자이너라면 이러한 작업을 포토샵 등 전문 이미지 편집 프로그램에서 미리 처리한 후 업로드하는 것이 좋습니다.

  • 이미지 자르기
  • 회전
  • 좌우반전
  • 상하반전

이미지를 편집한 후 ‘저장’ 버튼을 누르면 변경 사항이 적용됩니다. 또한, ‘영구 삭제’ 버튼을 통해 이미지를 삭제할 수도 있습니다.