본문 바로가기
아빠/취미

티스토리 글쓰기 - 녹음 파일 링크, 사진 배열

by SiKi's 2024. 5. 6.

이번에 글 쓰면서 한가지 불편했던것이 있었는데 바로 녹음 파일을 올려서 재생시키는 것이었다.

처음 아이 노래 링크를 걸면서 원하는 사람이 플레이 시켜서 듣는 형태를 원했는데 티스토리는 파일 자체를 올리고 다운 받아서 쓰는 방법 말고는 없다. 그래서 여기저기 찾아보니 사람들이 가장 많이 쓰는 방식이 하나 있어서 적어본다.


* 녹음 파일 링크

1. 먼저 모든 녹음 파일을 글쓰기를 통해 비공개로 올려둔다.

2. 비공개로 올려둔 파일 중에 하나에서 "오른쪽 버튼 -> 링크주소복사"를 실행한다.

 

3. 아래 html 문법에서 쌍따옴표안에 해당 링크를 붙여넣는다.

<p><audio controls="controls">
<source src="" />
</audio></p>

 

4.  오른쪽 상단에서 기본모드를 HTML모드로 변경한다.

 

5. 3번에서 준비한 링크를 모두 복사하여 원하는 위치에 붙여넣는다.

 

6. 완료하여 완성된 글을 확인한다.

 

아이가 부른 노래 - 백두산 호랑이 (2021년)

백두산 호랑이 둥둥둥 길을 비켜라 백두산 호랑이가 나가신다 동네 아이들아 다 나와라 호랑이 등에 타고 놀아보자 큰 길은 성큼성큼 좁은 길은 조심조심 꼬리 잡고 맴맴 수염 잡고

uest.tistory.com

 


 

* 사진 배치

1. 원하는 사진을 글쓰기를 통해 첨부 또는 붙여넣기 한다. (왼쪽그림)

2. 일렬로 나란히 두고 싶을때, 사진하나를 클릭하여 왼쪽 또는 오른쪽으로 드래그를 한다. 그러면 해당 위치에 빨간 라인이 보일때 드래그를 멈춘다. (오른쪽 그림)

 

3. 완료되면 2개의 그림이 나란히 배치되는것을 확인할 수 있다. 이런식으로 가로/세로 배치를 자유롭게 할 수 있다.

 


 

지금까지 이 2가지 방법으로 포스팅을 진행해왔고 더 필요한 기교(?)가 있다면 올리도록 하겠다.

반응형