[그누보드] 그누보드 배경색 css를 통해 변경하기

1. 그누보드 상단 배경색 변경

이번 포스팅에서는 그누보드 메뉴 윗부분에 기본으로 있는 상단 배경색을 변경하는 법에 대해 다룰 것이다.

메뉴 윗부분의 색깔을 바꾸어야 하는 경우가 많이 생기는데 이 경우는 css 파일을 건드려주어야 한다. 

css 파일은 주로 이렇게 문서의 스타일을 바꾸어야 할 때 변경하게 된다. 

 

오늘은 모바일과 PC에서 그누보드 배경색을 변경하는 방법을 알아보도록 하겠다.

---

2. PC 버전 상단 변경하는 법

먼저 PC 버전 상단을 변경하고 싶다면 

theme 폴더 → 현재 자신이 사용하고 있는 테마의 폴더→ css 폴더 → default.css 

파일로 들어가도록 하자

 

그러면 

/* 상단 레이아웃 */
#hd {background:#020000}

위처럼 되어 있는 코드가 있을 텐데 이 부분에서 background 뒤에 나오는 hex color code를 변경해주면 된다. hex color code는 구글링해보면 자신이 원하는 색깔을 코드로 변환해서 알려준다.

---

하지만 나의 경우 이렇게 수정을 해도 홈페이지에 반영되지 않았다. 

크게 두 가지 이유가 있을 수 있는데,

첫 번째 이유는 전의 css와 충돌을 일으킬 수 있기 때문이다. 

그래서 나는 위의 코드에 

/* 상단 레이아웃 */
#hd {background:#000000!important}

!important를 추가했다. 그러면 현재의 css가 우선시되어서 반영된다는 점이다.

 

하지만 나는 위 방법을 적용해도 홈페이지가 변동이 없었다. 

그럴 경우에는 두 번째 인터넷 캐시 문제일 가능성이 크다. 이 경우에는 따라서 브라우저의 캐시를 삭제해주면 된다. 

위의 그림처럼 브라우저 오른쪽 상단에 있는 것을 클릭하고 [도구 더보기]를 클릭한다. 이후 [인터넷 사용기록 삭제]를 눌러주면 된다. 대부분의 경우 이 방법을 적용하면 css가 잘 적용될 것이다. 

---

3. 모바일 상단 변경하기

다음으로는 모바일에서도 동일한 css 적용을 하기 위해 필요한 방법에 대해서 알아보겠다. 이번에도 PC 버전과 비슷하게

theme 폴더 → 현재 자신이 사용하고 있는 테마의 폴더→ css 폴더 → mobile.css 

로 들어가보자. 

#hd {position:relative;background:#000000!important}

그러면 default.css와 유사하게 #hd 뒤로 background 색깔을 지정할 수 있는 코드가 보인다. 그 부분에서 원하는 색을 hex code로 넣고 수정해주면 된다. 나는 검정색으로 하길 원해서 #000000으로 지정했다. 

---

모바일도 마찬가지로 바로 css 적용이 안될수도 있는데 창을 새로고침하거나 다시 접속해보면 잘 적용된 것을 알 수 있다. 

 

이번 포스팅에서는 메뉴 바 위로의 상단 배경 색을 바꾸는 것만 다루었는데 default.css와 mobile.css 코드를 보면 상단 색 이외에도 메뉴색, 서브 메뉴 색을 바꾸는 부분의 코드가 존재한다. 여기서 자신이 원하는 색깔로 코드를 바꾸어주면 custom page를 만들 수 있을 것이다. 

[그누보드] 메뉴관리 및 메뉴설정

1. 그누보드 메뉴로 띄우기

https://www.programmingstory.com/2024/03/blog-post_7.html

앞의 포스팅에서 게시판을 만드는 방법과 이를 관리하는 방법에 대해서 알아보았다. 

이번에는 그러면 만든 게시판을 가지고 그것을 어떻게 메뉴로 띄울 수 있는지에 대해서 알아보도록 하겠다.

---

먼저 관리자모드로 로그인한 후 환경설정 -> 메뉴설정으로 들어간다. 

---

이후 오른쪽 위에 있는 [메뉴추가] 버튼을 눌러준다.

---

이후 [대상선택]이라는 부분에 게시판그룹/ 게시판/ 내용관리 이렇게 세 가지의 요소가 있는데 우리가 기대하는 메뉴바를 만들기 위해서는 우선 게시판 그룹을 선택해주어야 한다. 

선택하면 위와 같은 모양이 나올 텐데 여기서 작은 게시판들을 아래에 나열하고 싶다면 가장 오른쪽 [관리] 버튼에서 [추가]를 눌러주면 된다. 큰 카테고리 아래 여러가지의 게시판이 나올 수 있기 때문에 추가를 여러 번 눌러서 소게시판을 여러개 추가해 줄 수 있다.

 

이것이 바로 저번 포스팅에서 [게시판]과 [게시판그룹]을 명확히 구분하는 것이 필요하다고 말한 이유이다. 

 

---

2. 메뉴 작성 주의점

또 메뉴 작성에서 중요한 것은 꼭 추가를 한 뒤에 오른쪽 위에 

확인 버튼을 눌러주어야 한다는 것이다. [확인]버튼을 누르지 않으면 저장되지 않을 수도 있으니 추가할 때마다 꼭 확인버튼을 눌러주자.

---

게시판을 추가하고 싶다면 해당 게시판그룹 옆에 있는 버튼 [추가]를 누르면 되고, 만약 새로운 게시판그룹을 추가하고 싶다면 위 사진에 보이는 것처럼 [메뉴추가]를 눌러주면 된다. 

 

이런식으로 메뉴를 구성하고 다시 홈화면으로 돌아가보면 우리가 의도한 바처럼 메뉴가 등장해있는 것을 알 수 있을 것이다. 

[그누보드] 게시판 만들기 + 게시판그룹설정

1. 그누보드 게시판 만들기

먼저 그누보드의 게시판관리로 들어가서 게시판 그룹 관리로 들어간다.

 

중요한 것은 그누보드에는 게시판과 게시판그룹 관리가 모두 존재한다는 것이다.

쉽게 말해서 그누보드의 모든 게시판은 특정 게시판그룹 아래 속해 있어야 한다. 메뉴를 만들때도 이것이 중요하게 작용한다. 큰 카테고리가 게시판그룹이고 그 아래 세부 게시판들이 게시판이다. 따라서 먼저 게시판 그룹관리에 들어가야 한다.

2. 게시판 그룹관리

---

게시판 그룹 생성을 클릭하면 위와 같은 화면이 나오는데 여기서 우선 그룹 ID와 그룹제목을 설정해준다. 여분필드 같은 것은 기본적인 것을 구현할 때는 굳이 채우지 않아도 되는 항목이다. 

그룹 ID와 그룹제목을 작성해준 뒤에는 꼭 오른쪽 위에 있는 '확인' 버튼을 눌러주어야 저장이 된다. 

이런식으로 원하는 만큼 게시판 그룹을 설정해준다.

---

3. 게시판관리

게시판 그룹을 다 설정한 이후에는 [게시판관리] 란으로 들어간다. 

 

게시판관리로 들어가보면 위와 같은 설정이 나오는 것을 알 수 있다. 여기서 TABLE이라는 부분은 해당 게시판의 ID 값을 설정하는 곳이고 제목은 말 그대로 게시판의 보여지는 제목을 설정하는 곳이다. 게시판의 ID 값은 나중에 javascript 코드 부분에서도 유용하게 사용되기 때문에 직관적이고 게시판의 특징이 잘 드러나도록 잘 지어보자. 그리고 두번째 칸에 [그룹]이라는 항목을 눌러보면 위에서 생성한 게시판 그룹이 있는 것이 보일 것이다. 해당 게시판이 어느 게시판 그룹에 속해있는 게시판인지를 선택하면 된다. 또한 게시판 분류에서는 게시판 중에서도 세부적으로 분류를 하고 싶을 때 유용한 기능이다. 

 

다음으로 아래쪽으로 내려가면 게시판의 권한과 기능을 설정하는 곳이 나온다. 이 부분은 하나씩 잘 읽어보고 자신에게 필요한 권한과 기능을 추가해보도록 하자.

 

내가 생각하는 게시판의 유용한 기능은 추천/ 비추천 기능이다. 

그래서 나는 

해당 부분에 클릭을 눌러주었다. 자신의 필요에 따라서 설정을 해주면 된다. 

 

---

이런식으로 원하는 만큼의 게시판과 게시판 그룹을 만들어준다.

주의할 점은 게시판은 언제나 게시판 그룹에 속해야 한다는 점이다.

하지만 이렇게 게시판을 만들어도 메뉴 부분에는 아직 뜨지 않는데 이 부분은 다음 포스팅에서 다루어보도록 하겠다.

[그누보드] 그누보드 무료테마 적용시키기

1. 그누보드 테마 설치

그누보드를 설치하여 원하는 테마를 설치하는 방법을 알아보겠다. 

---

sir.kr/g5_theme/p4

우선 위의 링크로 들어가보면 많은 개발자분들께서 무료로 배포해주신 테마들이 많다. 자신이 원하는 기능을 찾아 원하는 테마를 고르면 된다. 나는 게시판 형태로 커뮤니티를 제작할 목적이었고 모바일에서도 잘 동작하는 반응형 테마를 찾고 있었기 때문에 아래의 테마를 골랐다.

---

 

sir.kr/g5_theme/4089?page=4

---

2. 테마 폴더 드래그 업로드

자신이 원하는 테마를 고른 다음에 위의 링크에 올려주신 zip 파일 압축을 풀어본다. 압축을 풀면 생기는 여러개의 파일을 하나의 폴더에다가 모아서 저장한다. 그 다음 FileZilla에서 

이렇게 나와있는 theme 폴더에다가 테마 폴더를 드래그해서 업로드한다. 대부분의 경우 잘 업로드가 될 것이다. 

---

3. 관리자모드 접속

다음으로는 다시 홈페이지에 들어가서 관리자 모드로 접속해준다. 

 

환경설정 --> 테마설정으로 들어가게 되면 위와 같이 기본 베이직 테마 이외에도 자신이 다운받은 테마가 보이는 것을 알 수 있다. 아래쪽에 원하는 테마 중에서 '테마적용' 버튼을 누르면 테마가 적용되는 것을 알 수 있다. 

---

4. 확인

마지막으로 관리자모드에서 나와 다시 자신이 만든 사이트에 들어가 테마가 잘 적용되었는지 확인한다.

위와 같이 테마가 잘 적용된 것을 알 수 있다. 몇 몇 테마들은 단순한 위의 과정 외에도 추가적으로 코드를 입력해주어야 하는 테마도 있기 때문에 무료배포 테마에 개발자분들이 설명해주신 instruction을 잘 따르는 것이 중요하다! 

[그누보드] 로그인 입력 색깔 변경하기

1. 그누보드 로그인 css 변경하기

그누보드 웹사이트를 제작할 때 위와 같이 로그인 화면이 보이는데, 아이디와 비밀번호를 입력해도 글씨 색깔이 흰색이어서 보이지 않는 문제가 있었다. 배경이 흰색이어서 겹쳐 글씨가 보이지 않는 문제가 있는데 이것 또한 간단하게 css 부분을 수정하여 해결할 수 있다.

 

2. 수정 경로

나는 모바일에서만 문제가 발견되었기 때문에 모바일 경로로 들어가서 수정을 해주었다.

 

theme 폴더 -> 현재 사용하고 있는 테마 클릭 -> mobile 폴더 -> skin 폴더 -> outlogin 폴더 -> style.css 클릭

 

style.css에 들어가면 원래 

 

#ol_before input[type=text], #ol_before input[type=password] {width:100%;border:1px solid #c2c9d9;background:none;height:40px;margin:0 0 5px;color:#fff}

 

라고 되어 있는 부분이 있는데 이 부분에서 

 

{color: #fff};

부분에서 hex code를 수정하면 된다. 위에서처럼 원래 내가 사용하고 있는 테마에서는 기본이 흰색으로 설정되어 있는 것을 알 수 있다. 이 부분을 자신이 원하는 색깔의 hex code로 바꾸어주면 된다. 

 

나는 검정색으로 바꾸고 싶었기 때문에 #000으로 바꾸어주었다.

 

이렇게 바꾼 뒤에 원래 style.css 가 위치해있었던 곳으로 다시 FTP를 이용해 업로드해주면 된다.

---

3. PC 버전 로그인 입력 색깔 변경

나는 모바일에서의 색깔을 변경하고 싶었기 때문에 위에서처럼 mobile 경로로 들어갔던 것이지만 만약 PC 버전의 로그인 입력 색깔 변경을 원한다면 

 

theme 폴더 -> 현재 사용하고 있는 테마 클릭 -> skin 폴더 -> outlogin 폴더 -> style.css 클릭

 

으로 들어가서 똑같은 부분을 변경해주면 된다. 이렇게 모바일/ PC 경로가 분리되어 있기 때문에 각각 다른 style을 적용시키는 것도 가능하다. 

 

또한 style.css에 들어가면 로그인 입력 색깔 뿐만 아니라 버튼 색깔 등 다양한 style을 자신이 원하는 대로 변경이 가능하다. 

 

 

위와 같이 변경을 해주었더니 나는 입력을 하면 이제 색깔이 검정색으로 변경되었다. 

게시판에 코드 추가하기 syntax highlight (Python, C++)

1. 게시판 코드 작성 기능 추가

이런 식으로 게시판에 코드 작성 기능을 추가하려면 어떻게 하면 될까?

2. syntax highlight plugin

내 경우에는 syntaxhighlight_by_se2라는 syntax highlight plugin을 사용하고 있었는데 그 경우,
 
/plugin/syntaxhilight_by_se2/syntaxhilight.inc.php
에 들어가서 아래와 같은 코드를 추가해주면 된다.
 

var arrLang = {

"HTML" : ["xml", "shBrushXml.js"] ,

"CSS" : ["css", "shBrushCss.js"] ,

"JAVA" : ["java", "shBrushJava.js"] ,

"JAVASCRIPT" : ["jscript", "shBrushJscript.js"] ,

"VB" : ["vb", "shBrushVb.js"] ,

"PHP" : ["php", "shBrushPhp.js"]

,"C" : ["c", "shBrushCpp.js"]

,"C++" : ["cpp", "shBrushCpp.js"]

,"Python" : ["py", "shBrushPython.js"]

};

/div>

원하는 언어를 이런 식으로 추가해주면 된다. C, C++, Python도 많이 쓰이는데 기존 plugin에 존재하지 않아서 추가로 넣어주었다. 이런 식으로 원하는 언어를 추가해주면 되겠다. 

[그누보드] 메인화면 게시판 설정 코드 살펴보기 (index.php)

1. Introduction

이번 포스팅에서는 그누보드의 메인화면을 어떻게 바꾸는지 코드를 살펴볼 것이다.

특히 나의 경우 커뮤니티를 제작하는 것이 목표였기 때문에 여러 게시판 각각에서 최신글을 불러 메인화면에 어떻게 띄우는지에 대해서 알아보도록 하겠다.

---

 2. index.php 파일 경로 및 코드

theme 폴더 → 현재 내가 사용하고 있는 테마 선택 → index.php 

에 들어간다. 

 

index.php 파일에 들어가보면,

 // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
 // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
 echo latest('theme/basic', $row['bo_table'], 6, 24);

위와 같은 코드가 보인다. 

즉 우리는 echo latest 함수를 사용해서 최근 글을 가져올 것이다. 

echo latest 함수는 위의 설명에도 나와있듯이,

latest(스킨, 게시판아이디, 출력라인, 글자수) 이런 기본형을 가지고 사용한다.

위에서는 $row['bo table'] 이라는 식으로 사용되었지만 해당 자리에 '게시판 아이디'의 형식으로 단순히 사용해주면 된다.

예를 들어 게시판 ID가 qa였다면,

echo latest('theme/basic', 'qa', 6, 24); 라고 써주면 되는 것이다. 뒤에 있는 두개의 숫자는 몇 줄을 출력할지, 몇 개의 글자수를 max로 할지에 따라서 변경해주면 된다. 

 

---

3. 원하는 대로 코드 변경하기

위의 코드처럼 작성하면, 게시판이 긴 가로 한 줄로 나오게 된다. 하지만 우리는 보통 게시판이 가로 전체로 나오길 원치 않고, 한 줄에 게시판 2개를 출력해서 공간을 조금 더 효율적으로 사용하길 원한다. 그 경우에 

  <div style="float:left" class="lt_wr">
        <?php echo latest('theme/basic', 'in_b_free', 6, 24); ?>
      </div>
 <div style="float:left;margin-left:2%" class="lt_wr">
       <?php echo latest('theme/basic', 'in_b_info', 6, 24); ?>
        </div> 

위의 코드처럼 첫 번째 <div> 태그에는 margin을 설정하지 않고 두번째 <div> 태그에 왼쪽 여백 (margin-left)의 값을 설정해주면 한 줄에 게시판을 두 개씩 출력할 수 있다. 

---

 

보통 갤러리 같은 경우에는 한줄에 사진을 이어서 보여주어야 하기 때문에 한 줄 가로를 통째로 한 게시판이 사용하도록 하는 경우가 많다.

echo latest('theme/gallery_block', 'gallery', 6, 23);

그럴 때는 위의 코드처럼 단순히 적어주면 된다. 

---

실제로 index.php 의 초기 코드에 들어가보면 우리가 원치 않는 게시판들이 여러개 있을 수 있는데 그 부분은 주석 처리하고 원하는 게시판만 추가하여 사용하면 된다.

삭제를 해도 되지만 혹시 모를 일에 대비하여서 주석 처리를 권장한다! 

---

 4. 접속자 집계 기능

또한 index.php의 초기 코드의 마지막 부분을 살펴보면, 

   <?php echo visit('theme/basic'); // 접속자집계, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정 ?>

위와 같이 echo visit이라는 것을 볼 수 있는데 이는 접속자집계이다. 즉 

이런식으로 오늘 몇명이 방문했는지를 나타내 주는 것이다. 이것 또한 원하는 사람들은 그대로 남겨두고, 이 기능을 원치 않는 사람들은 이를 주석처리해서 사이트상에서 삭제해주면 된다. php 코드를 알지 못하더라도 실제로 index.php에 들어가서 코드를 살펴보면 해당 코드가 어떤 기능을 수행하는지 알 수 있을 것이다. 

[그누보드] 관리자 로그인 안될 때 해결방법 (관리자 페이지 접속 불가할때)

그누보드로 커뮤니티를 제작하다가 스킨 변경을 해주었는데 갑자기 관리자 로그인이 되지 않는 현상이 발생했다.

 

관리자 페이지 오류 메세지

 

분명 아이디와 비밀번호를 잘 입력했는데 위와 같이 떠서 관리자 페이지에 접속되지 않아서 매우매우 당황스러웠다.

 

관리자페이지에 접속이 되어야지 홈페이지 제작을 이어나갈 수 있는데 그래서 홈페이지 초기화를 해야하나까지 생각을 했었다.

 

이 경우에는 그냥 새로운 회원으로 가입을 하여서 그 아이디에 관리자의 권한을 부여하는 식으로 문제를 해결했다.

---

우선,

<?
// 최고관리자
if ($member[mb_id] == 'admin1') $is_admin = 'super';


?>

위와 같은 식으로 php 파일을 생성해준다. 파일 제목은 상관없으며, 나는 newadmin.php로 했다. 기존에 admin같은 파일은 존재하기 때문에 FTP에서 잘 보고 겹치지 않는 이름으로 생성해주자.

 

위의 코드는 최고관리자의 권한을 id 'admin1'을 가진 사람에게 주자라는 뜻이다. 그러니깐 자신이 새로 회원가입할 때 만든 아이디를 admin1에 대신 입력해주면 되는 것이다.

 

그런 다음에 php 파일을 저장해주고 루트 디렉토리의 extend 폴더에다가 등록시켜놓자. 

그런 다음에 해당 아이디로 로그인해서 들어가면 다시 관리자 페이지로 이동하는 버튼이 보일 것이다. 이 방법을 사용하면 초기화를 하지 않아도 관리자 페이지로 들어가는 다른 방법이 생기는 것이다.

 

이 방법은 이렇게 관리자로그인이 안 될 때도 사용되지만, 단순히 관리자를 추가해주고 싶을 때도 유용하게 사용된다. 관리자페이지에 들어가서 일일히 관리자를 추가해주지 않아도 php 파일을 수정함으로써 한번에 해결할 수 있다.

---

이렇게 하면 새로 등록한 아이디가 관리자 페이지로 접근할 수 있는 권한은 부여되나, 최고관리자가 되었다는 뜻은 아니다.

기본환경설정 -> 최고관리자로 들어가서 바꾸어주어야 하는데, 처음에는 admin 계정만 있고 새로 추가한 아이디를 선택할 수 있는 칸이 보이지 않을 것이다.

 

이럴 경우, 또 extend 에 있는 코드를 수정해주는 것이 필요하다.

 

extend.user.config.php 파일에 들어가보면,

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

?>

위와 같이 코드가 구성되어 있을 텐데, 이 부분을 다음과 같이 변경해주면 된다.

 

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
//아래 부분의 코드를 추가
sql_query(" update {$g5['config_table']} set cf_admin = '새로만든 아이디' ");
sql_query(" update {$g5['member_table']} set mb_level = '10' where mb_id = '새로만든 아이디' ");
?>

이렇게 하고 다시 새로고침을 한 다음에 최고관리자로 들어가보면 내가 설정한 아이디값이 추가로 보이는 것을 알 수 있다. 

 

이것을 해준다음에 다시 코드를 원상복구시켜놓아야 한다.

다시,

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
?>

원래 상태로 돌려놓아 php 파일을 올려두자. 이렇게 하면 최고관리자가 초기상태 admin에서 내가 설정한 아이디로 바뀐 것을 알 수 있다.

---

만약 최고관리자 권한을 주고 싶은 것이 아니라, 게시판관리자처럼 일부만 권한을 주고 싶을 때는 코드를 조금만 수정하면 된다.

// 게시판관리자
if ($bo_table == '게시판아이디')
{
    if ($member[mb_id] == 'id1') $is_admin = 'board';
   
    if ($is_admin == 'board') $board[bo_admin] = $member[mb_id];
}

위와 같이 코드를 작성해주면 게시판 관리자의 권한을 가진 사람 또한 추가를 해줄 수 있다.

---

 

마찬가지로, 그룹관리자의 권한을 주고 싶으면,

// 그룹관리자
if ($gr_id == 'groupid')
{
    if ($member[mb_id] == 'id1') $is_admin = 'group';
   }

위와 같이 코드를 조금만 수정해주면 된다.

 

위의 php 코드를 사용하여서 관리자 로그인에 난항을 겪을 때 슬기롭게 해결해보자.

[그누보드] 상단 로고 바꾸기 / img 경로 파악 (head.php)

오늘은 그누보드 메인페이지 상단에 로고를 바꾸는 법에 대해서 알아보겠다. 처음에 아무것도 변경시키지 않으면 gnuboard 라는 로고가 디폴트 값으로 설정되어 있을텐데 자신만의 홈페이지를 만들기 위해서는 자신만의 로고를 등록하는 경우가 대부분이다. 따라서 대부분 상단 로고를 바꾸어주는 작업은 필수적으로 요구되는 작업이다.

---

 

먼저 FileZilla에 접속하여서 theme 폴더 클릭 → 자신이 현재 사용하고 있는 theme 클릭 → head.php 를 클릭해보자.

head.php에 들어가보면 

 

<div id="logo">
	 <a href="<?php echo G5_URL ?>"><img src="<?php echo G5_THEME_IMG_URL ?>/logo.png" alt="<?php echo $config['cf_title']; ?>"></a>
</div>

이러한 부분의 코드가 있다. 

---

여기서 G5_THEME_IMG_URL 이라고 적혀 있으면 현재 이미지의 경로가 현재 사용하고 있는 theme 폴더 안에 [imag] 폴더로 설정되어 있따는 뜻이다. 

즉, 나의 경우에는 blackbean이라는 테마를 사용하고 있기 때문에 

이미지의 경로가 theme/blackbean/img 로 설정되어 있는 것이다. 

또한 기본이미지는 logo.png로 설정이 되어있기 때문에 /logo.png라는 부분이 있는 것이다. 자신의 로고 파일의 제목을 저 부분에다가 향후 수정할 것이다.

---

먼저 자신이 등록할 로고를 해당 디렉토리에다가 등록시켜주면 되는 것이다. 

위의 폴더 중 [img]라고 되어 있는 폴더로 자신이 등록할 로고를 옮겨준다. 여기서 해당 파일의 확장자가 .png인지 .JPG인지 등도 파일 제목과 함께 기억해두자.

---

다음으로 자신이 현재 사용하고 있는 테마 디렉토리에서 head.php 파일에 들어가보자. 

 

<div id="logo">
	  <a href="<?php echo G5_URL ?>"><img src="<?php echo G5_THEME_IMG_URL ?>/logo2.JPG" alt="<?php echo $config['cf_title']; ?>"></a>
</div>

앞에서 언급한 코드와 같은 부분이다. 원래는 logo.png라고 되어 있던 부분을 (자신의 로고파일 제목). (확장자) 의 형식으로 변경해주자.

 

변경해준 후 파일을 다시 서버로 전송시켜준 뒤에 홈페이지를 확인해보면 원하는 대로 사진이 변경된 것을 알 수 있다. 만약 로고가 변경되지 않았다면 잘못된 확장자의 사용이거나 또는 잘못된 디렉토리에 로고를 올려놓았을 확률이 크다.

 

---

가끔 모든 것을 제대로 했는데도 변경이 안되는 경우가 있는데 그 문제는 캐쉬 문제일 가능성이 높다. 따라서 F5나 새로고침을 하는 등 다시 홈페이지에 접속해보면 잘 접속이 되어 있는 것을 알 수 있다. 

---

 

그리고 대체로 이렇게 변경을 해주면 PC 버전만 변경이 된다. 모바일로도 웹사이트를 확인해보고 변경이 되어 있지 않다면 다음과 같은 경로에서 변경을 해주면 된다. 

theme → 현재 사용하고 있는 테마폴더 클릭 → mobile 클릭 

을 해주면 위와 동일하게 head.php 파일이 있는 것을 볼 수 있다. 

위와 동일하게 모바일 폴더의 head.php 파일도 변경해주면 된다. 모바일도 PC와 같은 img 폴더를 공유하고 있기 때문에 추가로 이미지 등록은 하지 않아도 된다. 

[그누보드] 최신글 불러오기 게시판 조회수, 추천 아이콘+숫자 표시하기

그누보드의 게시판을 만들면 글 옆에 원래는 댓글까지만 기본으로 표시되고, 조회수와 추천수는 표시되지 않았다. 원래 기본설정이 그렇게 되어있다.

 

여기서 위의 사진처럼 조회수, 그리고 추천수까지 모두 다 표시되게 하려면 어떤 코드를 수정해야 할까?

 

theme 폴더 -> 현재 사용하고 있는 테마 폴더 -> skin 폴더 -> latest 폴더 -> basic 폴더 -> latest.skin.php

 

파일에 들어가보자.

---

 

그러면 기본적으로,

<div class="lat_info">
<span class="sound_only">작성자</span><span class="lt_nick"><?php echo $list[$i]['name'] ?></span>
<i class="fa fa-clock-o" aria-hidden="true"></i> <span class="lt_date"><?php echo $list[$i]['datetime2'] ?></span>
<?php
	if ($list[$i]['comment_cnt'])  echo "
	<span class=\"lt_cmt\"><i class=\"fa fa-commenting-o\"></i> ".$list[$i]['comment_cnt']."</span>";
	?>
			                 
</div>

위와 같은 코드를 발견할 수 있다.

 

즉 comment까지만 출력이 된 것인데, 우리는 여기에 조회수, 추천수까지 보이게 하고 싶다면,

 

<?php echo "<span class=\"lt_cmt\"><i class=\"fa fa-eye\"></i> ".$list[$i]['wr_hit']."</span>"; ?>
<?php echo "<span class=\"lt_cmt\"><i class=\"fa fa-thumbs-o-up\"></i> ".$list[$i]['wr_good']."</span>"; ?>

위와 같은 코드를 추가하면 된다. 

 

위에는 아이콘까지 출력하는 종합적인 코드다.

---

만약 아이콘을 출력하지 않고 단순히 조회수만 보여주고 싶다면,

 <?php echo $list[$i]['wr_hit'];?>

만 출력하면 된다.

---

그러면 만약 내가 아이콘을 바꾸고 싶다면 어떻게 할 수 있을까?

<?php echo "<span class=\"lt_cmt\"><i class=\"fa fa-thumbs-o-up\"></i> ".$list[$i]['wr_good']."</span>"; ?>

이 부분에서 "fa fa-thumbs-o-up\"이라는 부분을 바꾸면 된다. 

 

저 부분의 코드는 자신이 임의로 설정하는 것이 아니라,

fontawesome.com/v4.7.0/icons/

font awesome 위의 링크 페이지에 들어가서 자신이 원하는 아이콘을 누르면 

위처럼 i class 뒤에 "fa fa-tree" 처럼 값이 나오는데 저 값을 넣는 것이다. 

 

그러면 자연스럽게 아이콘이 변경이 된다. 

 

FontAwesome 페이지에 들어가면 아이콘들이 굉장히 많이 있으니 직접 들어가서 원하는 것을 골라서 사용해보자. 

 

---

모바일에서도 똑같은 방식으로 적용하면 된다. 

다만 mobile 폴더에서 skin/latest/latest.skin.php 에 들어가서 똑같은 코드를 추가해주어야 한다.