안녕하세요. 이번에는 미디어 메뉴에 대해서 배워볼게요. 미디어는 말그대로 이미지, 오디오, 비디오, 문서, 스프레드시트 등의 다양한 미디어를 올리는 저장공간입니다. 이미지나 영상을 올려서 이걸 글쓰기나, 페이지 꾸밀때 에디터 툴에서 불러와 활용할 수 있습니다.
*디자인 베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커맨드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
워드프레스에서 미디어 업로드 방법
워드프레스에서 이미지를 업로드하는 방법은 매우 간단합니다.
- 새로 추가 버튼 클릭
- ‘새로 추가’ 버튼을 누르면 업로드할 파일을 놓을 수 있는 드롭 영역과 파일 선택 버튼이 나타납니다.
- 업로드할 파일을 드래그 앤 드롭으로 추가하거나 파일 선택 버튼을 통해 업로드할 파일을 선택할 수 있습니다.
- 여러 파일을 한 번에 업로드할 수도 있습니다.
- 드래그 앤 드롭
- 그냥 바로 드래그 앤 드롭으로 파일을 추가해도 업로드가 됩니다.
- 글 작성 시 업로드
- 글 메뉴에서 글 작성 중에 파일을 추가하면, 해당 파일도 미디어 라이브러리에 저장됩니다.
업로드 된 미디어 파일 정보
업로드한 파일을 클릭하면 파일의 상세 정보를 확인할 수 있습니다. 여기에는 업로드한 날짜, 업로드한 사람, 파일 이름, 파일 유형, 파일 크기 등이 포함됩니다. 가장 중요한 부분은 Alt 텍스트 입력입니다.
Alt 텍스트
Alt 텍스트는 이미지의 대체 텍스트로, 웹 접근성과 SEO(검색엔진최적화) 측면에서 매우 중요합니다.
- SEO
- 검색엔진 최적화(SEO)는 검색 봇이 페이지나 글의 정보를 분석하여 검색 결과에 잘 노출되도록 하는 것입니다. 이미지의 Alt 텍스트는 봇이 이미지를 이해하고 평가하는 데 중요한 역할을 합니다.
- 웹 접근성
- 웹 접근성은 시각 장애인을 포함한 모든 사용자가 웹 콘텐츠에 접근할 수 있도록 하는 것입니다. 시각 장애인이나 저시력 사용자는 스크린 리더를 사용하여 웹사이트를 탐색하므로, 이미지의 Alt 텍스트가 제대로 설정되어 있어야 합니다.
Alt 텍스트를 입력하는 습관을 들여, 제대로 된 웹사이트를 운영하는 것이 중요합니다.
파일 URL
업로드된 파일의 URL 정보도 확인할 수 있습니다. 이 URL은 특정 UI의 배경으로 사용하거나 다른 페이지에서 이미지를 불러오는 데 사용할 수 있습니다.
업로드 한 이미지 편집 기능
이미지 편집 기능을 사용하여 이미지를 크기 조정하거나 자르고, 회전시키고, 좌우/상하 반전할 수 있습니다. 그러나 디자이너라면 이러한 작업을 포토샵 등 전문 이미지 편집 프로그램에서 미리 처리한 후 업로드하는 것이 좋습니다.
- 이미지 자르기
- 회전
- 좌우반전
- 상하반전
이미지를 편집한 후 ‘저장’ 버튼을 누르면 변경 사항이 적용됩니다. 또한, ‘영구 삭제’ 버튼을 통해 이미지를 삭제할 수도 있습니다.