Skip to Content
WordPress: The Missing Manual, 3rd Edition
book

WordPress: The Missing Manual, 3rd Edition

by Matthew MacDonald
May 2025
Beginner to intermediate
492 pages
9h 20m
Korean
O'Reilly Media, Inc.
Audiobook available
Content preview from WordPress: The Missing Manual, 3rd Edition

7장: 사진, 동영상 등 추가하기

이전 장에서는 제목, 목록 및 기타 유형의 멋진 서식으로 글을 채우는 데 시간을보냈습니다. 텍스트 블록을 보기 좋게 만드는 데 주로 관심이 있다면 이 방법이 좋습니다. 하지만 관심을 끌기 위해 경쟁하는 웹사이트가 가득한 복잡한 온라인 세계에서 눈에 띄려면 더 많은 것이 필요합니다. 사진, 동영상, 인터랙티브 위젯과 같은 리치 미디어를 추가해야 합니다.

워드프레스에는 다양한 유형의 콘텐츠에 맞는 다양한 블록이 있습니다. 이 장에서는 이러한 블록을 사용하는 방법을 배웁니다. 먼저 캡션, 열 및 갤러리와 같은 몇 가지 세부 사항과 함께 일반 사진을 추가하는 것부터 시작합니다. 그런 다음 유튜브 동영상, 사운드클라우드 재생 목록 또는 킥스타터 프로젝트와 같은 다른 웹사이트의 콘텐츠를 표시하는 방법을 배우게 됩니다. 보시다시피 워드프레스를 사용하면 쉽게 할 수 있습니다.

기본 사진 추가하기

웹에서 텍스트와 그림( )은 일반적으로 별도의 파일에 저장되며 워드프레스 세계에서도 크게 다르지 않습니다. 워드프레스 글에 사진을 넣으려면 웹사이트에 사진 파일을 업로드해야 합니다. 익숙한 글 편집기를 사용하면 됩니다. 방법은 다음과 같습니다:

  1. 글 편집기로 이동합니다.

    여기까지 오는 방법은 중요하지 않습니다. 새 글을 작성하거나 이전에 작성한 글을 편집할 수 있습니다. 글에서 사진을 삽입할 위치로 이동합니다.

  2. 블록 추가 버튼을 클릭하고 이미지를 선택합니다.

    이미지 블록 을 추가하면 빈 플레이스홀더 상자로 시작합니다. 그 안에는 몇 개의 버튼 외에는 아무것도 없습니다(그림 7-1). 이러한 버튼의 기능은 다음과 같습니다:

    업로드 은 컴퓨터에서 사진을 가져옵니다. 이 방법을 먼저 시도해 보세요.

    미디어 라이브러리 는 사이트에 이미 있는 사진을 사용합니다(이전에 업로드했기 때문에).

    URL 에서 삽입하면이미 온라인에 있는 사진을 가져옵니다. 예를 들어, 관리하는 다른 사이트나 http://pixabay.com 같은 무료 사진 공유 서비스에 있는 사진일 수 있습니다 . 이 기능을 사용하려면 사진을 가리키는 웹사이트 주소를 제공하기만 하면 됩니다.

    팁 URL에서 삽입 기능은 사진을 사이트에 복사하지 않기 때문에 위험합니다. 사용 중인 사진이 이동, 이름 변경 또는 제거될 수 있으며, 이 경우 페이지에서도 사진이 사라질 수 있습니다. 안전을 위해 먼저 사진을 컴퓨터에 다운로드한 다음 업로드 버튼을 사용하세요. 그리고 물론 다른 사람이 허락하지 않는 한 다른 사람의 사진을 사용하지 마세요.

    그림 7-1

    이미지 블록 자리 표시자에 있는 세 가지 버튼으로 표시된 것처럼 사진을 추가하는 방법에는 세 가지가 있습니다.

  3. 업로드를 클릭합니다.

    워드프레스에서 표준 파일 탐색 창이 열립니다.

  4. 원하는 사진을 찾아서 선택한 다음 열기를 클릭합니다.

    웹 브라우저에서 이해할 수 있는 사진 유형을 선택해야 ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

WordPress: The Missing Manual, 3rd Edition

WordPress: The Missing Manual, 3rd Edition

Matthew MacDonald

Publisher Resources

ISBN: 9798341654761