티스토리블로그 이미지옆에 글쓰기하는 기본에디터 사용방법

 

전문적으로 보이게

 

이미지나오고 그아래에 글을 표시하는 방법이 일반적이라면 좌측이나 우측에 이미지를 배열하고 그 옆에 문장을 쭉쓰게되면 뭔가 뉴스기사처럼 전문적으로 보이는것 같고 멋있게 보일 수 있습니다. 배열하는것은 개인차와 취향의 차이도 있겠지만 티스토리에서는 이러한 이미지배열방법도 여러가지로 설정할 수 있게 기능을 제공하고 있어요. 아래의 글을 확인해보고 이미지를 배열해보세요.

 

전기자전거 고민중이시라면 이것부터 보는게 인지상정 78%할인중인 이 제품! 바로보기 ▼

 

 

 

이미지 배열하기

 

먼저 글을 작성해야겠죠? 원하는 글내용을 열심히 작성해주세요. 아래의 캡처이미지는 예제를 위해서 한글입숨(의미없는 문장의 나열)으로 쓴글입니다. 이렇게 글을 작성한다음 이미지를 넣어야겠죠?

 

 

 

 

이미지열기를 하고 이미지가 본문에 불러온다음 이미지의 상단부분을 보면 아래의 캡처이미지처럼 아이콘들이 나옵니다. 각각의 아이콘들을 모두 알고 계시는분들께서는 이글을 볼 필요가없겠지만 티스토리를 막 시작하여 이것저것 다 생소한 분들에게는 도움이 될 수 있으니 초보자분들께서는 아래의 설명을 잘 참고해보세요.

 

 

 

 

이미지위의 아이콘들은 각각 아래의 캡처이미지와 같은 기능을 하고 있습니다. 일반적인 중앙배열, 좌측배열,우측배열은 자주 해보는 작업이지만 글자의 좌측과 글자의 우측에 배열하는방법은 잘 사용하지않고 적용해보지않아 생소할 수 있습니다. 이 기능을 적용했을때 어떻게 보여질지 한번 보겠습니다.

 

 

 

 

먼저 이미지를 클릭한후에 좌측배열 또는 우측배열아이콘을 누릅니다. 이미지가 크다면 아무런 변화가 안보일거예요. 여기서 이미지리사이즈 아이콘을 클릭하여 100,200등 원하는 사이즈를 입력해봅니다. 저는 300을 입력해보았습니다. 무언가 짜임새있는 느낌의 뉴스기사처럼 이미지가 삽입되었습니다. 자동으로 글자들이 알맞게 배열되어서 특별히 신경쓸 필요가 없고 이미지의 사이즈와 좌측,우측배열만 정해주시면 바로 적용할 수 있습니다.

 

 

 

 

이렇게 원하는 스타일의 본문글을 작성하여서 방문자에게 더욱 세련된 글을 보여주고 구독자와 방문자가 만족하는 블로그디자인과 글을 보여줄 수 있습니다. 이미지 배열을 잘 활용하셔서 더욱 즐거운 블로그 글쓰기를 해보세요.

 

전기자전거 고민중이시라면 이것부터 보는게 인지상정 78%할인중인 이 제품! 바로보기 ▼

 

 

 

관련글

 

이 글과 비슷한 관련 카테고리의 글을 함께 읽어보세요. 도움이 되는 정보가 많이 준비되어 있습니다.

 

티스토리블로그에 쉽게 적용하는 반응형 링크 버튼 바로 적용하기

티스토리블로그에 쉽게 적용하는 반응형 링크 버튼 바로 적용하기

 

티스토리블로그 공감버튼 위에 공감유도하는 문구넣는 코드삽입하기

티스토리블로그 공감버튼 위에 공감유도하는 문구넣는 코드삽입하기

 

티스토리블로그 미넴스킨 하단의 떠다니는 아이콘 삭제하기

티스토리블로그 미넴스킨 하단의 떠다니는 아이콘 삭제하기

 

 

 

참고하세요

 

· 블로그 상단의 구독하기버튼을 누르시면 제 블로그의 새글을 바로 받아볼 수 있습니다.
· 방문하시는 여러분의 ♥공감 하나와 댓글 하나가 저에게는 큰힘이 될 수 있습니다.
· 이 글에는 다양한 어필리에이트 활동으로 수익금을 지급받을 수 있는 링크가 있습니다.
· 이 글은 블로그정보 카테고리에 위치하고 있습니다. 비슷한글을 보시려면 아래를 확인하세요.