작업실

그누보드5 내용스킨 본문 폰트크기 변경하기

컨텐츠 정보

본문

 

 

 

요새와서 홈페이지를 만지다보니 내용스킨의 글자 폰트 크기가 너무 작은 것을 느꼈습니다.

 

네이버나 다음, 다른 워드프레스 홈페이지보다 훨씬 작더라구요.

 

그래서 가독성 향상을 위해 내용스킨의 폰트 크기를 키우려고 합니다.

 

이 폰트 크기가 에디터에 따라 다르다고 생각했는데 그게 아니더라구요.

 

지금 이 글을 쓰는 동안 스마트에디터에는 9pt 라고 표시가 되고 있지만, 실제 출력될 때는 제가 설정한 폰트 크기로 나옵니다.

 

물론 에디터에서 해당영역의 폰트크키를 수정하면 당연히 해당 폰트크기로 나옵니다.

 

하지만 저는 기본 폰트크기를 바꾸고 싶었습니다.

 

 

우선 그누보드5 기본 내용스킨 변경은 링크 1을 참조하세요.

 

저는 아미나 빌더에서 내용스킨 변경에 대해 알려드리고자 합니다.

 

 

직접 변경 소스를 알려드리기 이전에 해당 소스를 직접 확인하고 실시간으로 변경하는 방법을 보여드리겠습니다.

 

http://amina.co.kr/bbs/board.php?bo_table=tip&wr_id=288 

 

위 링크 보시면 원하는 css 영역을 확인할 수 있습니다.

 

 

 

위 스샷을 보면 1. 아이콘을 누른 후 왼쪽에 원하는 내용을 클릭하면 제일 오른쪽 해당 css가 나옵니다.

 

아미나 내용스킨의 경우  

 

1. 기본 basic 보드

 

/skin/board/basic/style.css 에 있습니다. 

 

2. Basic-Board 2.0 보드  (링크 - http://amina.co.kr/bbs/board.php?bo_table=skin_amina&wr_id=361 )

 

/skin/board/Basic-Board/view/basic/view.css 에 있습니다. 

 

 

보드는 달라도 본문 폰트크기 설정하는 곳은 같습니다.

 


.view-content p { padding:0; margin:0; line-height:180%; } 

 

위 코드를 찾아서 수정하면 됩니다.

 

저는 폰트크기 16px이 좋아서 

 


.view-content p { padding:0; margin:0; line-height:180%; font-size:16px; } 

 

위와 같이 설정해줬습니다.

 

 

이렇게 설정해주면 기존에 작성했던 글에서 폰트크기를 다르게 지정한 경우에도 상대적으로 비슷한 비율로 폰트가 커집니다.

 

모바일에서도 폰트 크기가 커져서 좋네요. ㅎㅎ

관련자료

댓글 0
등록된 댓글이 없습니다.
Total 157 / 1 Page
RSS
그누보드 SMTP 외부메일 설정하는 방법 댓글 14

그누보드 예전에우분투 20.04에서 구글 SMTP메일서버를 활용한 postfix 메일 보내기(https://www.wsgvet.com/home/594)를…

그누보드5에 실시간 채팅 구축하기 댓글 6

서버 현재 제 홈페이지에 있는 실시간 채팅 기능 적용방법을 알려드리겠습니다.원래 기능이 더 업그레이드되면 올리려고 했는데, 언제 업그레이드가 될지 몰…

메일 서버를 Docker로 구축하여 그누보드, 라이믹스, 워드프레스와 연결하기 댓글 15

서버 들어가며도커로 메일서버 구축하기( https://www.wsgvet.com/home/673 )엊그제 윗 글을 올렸습니다.기존에 올렸던 글은 모든…

도커로 메일서버 구축하기

서버 도커 메일서버란?도커에서 메일서버를 직접 운영할 수 있게 해줍니다.SMTP, ESMTP, POP3, IMAP 방식을 사용할 수 있습니다.자신의 …

그누보드5.4 나리야빌더에서 box shadow 효과 적용하기

나리야 현재 제 홈페이지 본문 이미지에 적용된 box shadow 효과를 적용하는 방법에 대해 알려드리겠습니다.우선 적용 전 이미지입니다.위와 같이 사…

그누보드 나리야빌더 NB-Basic 보드스킨 GIF 움짤 표현 최적화하기 댓글 4

나리야 그누보드 5.4.2.8 버전부터 움직이는 GIF 이미지를 올리면 MP4나 WEBM으로 변환하여 보여줄 수 있습니다.https://sir.kr/g…

최근글


새댓글


알림 0