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

오늘은 그누보드 메인페이지 상단에 로고를 바꾸는 법에 대해서 알아보겠다. 처음에 아무것도 변경시키지 않으면 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 폴더를 공유하고 있기 때문에 추가로 이미지 등록은 하지 않아도 된다.