기사 같은 소제목 서식 적용하기 - 중앙일보 참조

안녕하세요. 프리미어는 효과나 라이브러리가 많을 수록 편집하는 시간이 효율적으로 단축됩니다.

티스토리나 네이버 블로그 같은 것은 글 서식이 많을 수록 포스팅 하는 시간이 줄어들고 포스팅 효율이 향상됩니다.

제가 특정 신문사를 좋아하거나 싫어하거나 하지는 않습니다.

기사를 보던 중 아~ 제목 서식 참고해서 티스토리 용으로 만들면 좋겠다 싶어서

만들어봤습니다.

 

이런 것입니다. 사용 방법 알려 드리겠습니다.

---

기사 같은 소제목 서식 적용하기 - 중앙일보 참조

1. 관리자 홈 > 콘텐츠 > 서식관리 > 서식 쓰기 이동

2. 서식 복사 붙여 넣기

3. 서식 활용하기

---

1. 관리자 홈 > 콘텐츠 > 서식관리 > 서식 쓰기 이동

또는 쓰기 ▽ 클릭 후 서식

 

2. 서식 복사 붙여 넣기

① 기본 모드를 HTML 로 변경합니다.

   

글쓰기 창 모양이 변합니다. HTML 편집모드 태그 등 색깔을 표시하는 부분이 있어서 배경이 다크합니다.

② 제목과 내용을 입력합니다.

    제목 예: 관련글 상자

    내용 : 첨부파일을 다운로드 받아서 그대로 입력합니다.

소제목_신문기사_스타일.html.txt

0.00MB

완료 클릭하여 저장합니다.

 

🎁 보너스 서식 🎁

소제목 부분에 배경을 넣고 싶으면 color: #1e8e65; background-color:rgba(191, 255, 0, 0.1);를 아래 처럼 추가합니다.

샘플 파일 다운로드

소제목_신문기사_스타일_소주제배경색추가.html.txt.txt

0.00MB

서식 적용 예시

 

 

③ 서식 내용을 확인해 볼 수도 있으며 수정할 수도 있습니다.

    서식관리 목록에서 해당 서식 클릭

 

3. 서식 활용하기

① 글쓰기 창 상단 ... 클릭 후 서식 클릭

② 관련글 상자 서식 클릭

③ 삽입된 서식 확인 후 소제목을 써봅니다.

첫번째 줄은 빈줄입니다. 빈줄이 없으면 편집이 어려운 경우가 생길수 있어서 빈줄을 하나 넣었습니다.

커서 이동해서 DELETE 키보드나 BackSpace 키보드로 빈줄을 삭제 할 수 있습니다.

 

소제목<H3> 입력 후 엔터를 입력하면 자동으로 본문<P> 모드로 변경됩니다.

 

🐤 관련글 참고

2020/04/08 - [티스토리 꾸미기] - 티스토리 서식 추천 - 관련글, 이전글 불러오기 서식

2020/04/08 - [분류 전체보기] - 관련글 상자

2020/04/04 - [분류 전체보기] - 상자 DIV + Pink + 5px

2020/04/03 - [티스토리 꾸미기] - 서식을 이용하여, 쉽고 빠르게 블로그 글 작성하기

2020/04/03 - [티스토리 꾸미기] - 티스토리 이미지에 테두리 표시하기 - 스킨 편집 방법 적용

2020/04/03 - [분류 전체보기] - 심플한 기사글 양식

---

이상입니다.

퍼가기 하실때는 출처 꼭 같이 남겨주시면 감사하겠습니다.

출처: 코키티비, http://cocatv.tistory.com/26