워드프레스 텍스트 스크롤박스 만들기

워드프레스 글작성시 텍스트 스크롤박스가 필요한 경우가 있죠.
예로 노래가사 등 내용이 긴 글을 영상과 같이 볼 경우 브라우저 스크롤 없이 동시에 바로 볼 수 있으므로 편리합니다.

text scroll box 워드프레스 텍스트 스크롤박스 만들기

HTML코드를 사용하거나 플러그인을 사용할 수 있습니다.

텍스트 스크롤박스 플러그인 사용하기

검색해 보니 ng-scroll-box라는 가벼운 플러그인이 있네요. 워드프레스 공식사이트에  등록된 플러그인은 아닌 듯…
인스톨하면 워드프레스 설정 메뉴 하부에 ng-scroll-box가 보이는데  여기서 먼저 높이 등을 설정을 합니다. 그러면 글쓰기 편집기에  Scroll Box메뉴가 표시됩니다.클릭하여 텍스트를 붙여 넣으면 적용됩니다.

How to Create a Scrolling Text Box for Large Chunks of Text
https://www.nosegraze.com/scrolling-text-box/

스크롤박스 플러그인 적용 페이지
http://kimtaku.com/kpop-hanyoungae-candle-parkgeunhye/

플러그인 다운로드
ng-scroll-box

HTML태그 사용하기

테두리, 배경색상 등은 스타일을 수정하면 됩니다.
비주얼모드를 누르면 버전에 따라 워드프레스 포맷에 맞게 수정될 수 있으므로 정상적으로 표시가 안되면 텍스트 모드에서 글을 저장하세요.
HTML태그의 경우 플러그인에 따라 적용이 안될 수 있습니다.

<div style=”padding:15px; border: 3px solid #B2B2B2; overflow: auto; height: 200px; width: 100%; color: #4C4C4C; background-color: white;”>

여기에 글작성

</div>

HTML태그 적용예

철 든 사람그의 몸속엔 철이 들어있다
대퇴에 뿌리 내린 금속이 숨을 쉬는 한
그는 이제 세상의 모든 자력으로부터
벗어나지 못한다
자주 절룩거리고 걷다가 벽에 기대어 서는 것은
어떤 중력이 몸속의 철을 끌어당긴 것이다
철은 몸 안에서 몸 밖의 자력을 느낀다
그는 철을 몸에 넣고 나서
잠깐 동안이지만 불멸을 꿈꾸었을지도 모른다
우리들 중 가장 무겁고
흔들리지 않는 사람이 되었다
마구 휘젓던 그의 발길질이 과묵해져 갈수록
골목길에 햇빛이 놀러오기 시작했다
꽁꽁 숨었던 개들의 꼬리들마저
자성에 취한 듯 춤을 추었지만
허방만 잘못 짚어 우두둑거리는 발목은
골목길을 끌며 걸어간다
뛰어놀던 꼬마들 슬금슬금 사라진다나도 이쯤에서 눈 밝은 철심 하나 심어볼까
불혹 언저리에서 멀어져가는 시력이
힐끗 불멸을 바라본다
철이 들어있다는 것은
어느 한 순간 묵직하게 가라앉는 일
어두웠던 몸이 빛나는 일인지도 모르지만
철은 살보다 무거워
걸을 때마다 기우뚱거린다

—————————–
최한나 시인 /
2014년 월간 <시와표현> 등단
시집 / 밥이 그립다

vip 워드프레스 텍스트 스크롤박스 만들기

 ng-scroll-box플러그인 숏코드 적용

한 사람이 온다는 건
사람이 온다는 건
실은 어마어마한 일이다.
그는
그의 과거와
현재와
그리고
그의 미래와 함께 오기 때문이다.
한 사람의 일생이 오기 때문이다.
부서지기 쉬운
그래서 부서지기도 했을
마음이 오는 것이다 – 그 갈피를
아마 바람은 더듬어볼 수 있을
마음,
내 마음이 그런 바람을 흉내낸다면
필경 환대가 될 것이다.
– 정현종 作 <방문객>

일본구매대행

일본 쇼핑몰 및 오프마켓 라쿠텐, 야후쇼핑, 아마존재팬 등의 상품 구매 대행 서비스 안내.
목록통관 물품은 일본엔으로 15,000엔 정도 까지 관세, 부가세 등 세금이 면제된다.