그누보드 - Onepage Theme > 그누보드5 테마

Onepage Theme 정보

Onepage Theme

첨부파일

onepage.zip (1.7M) 151회 다운로드 2022-12-03 17:23:18 포인트 차감10

테스트한 버전5.4.22

호환 가능 버전그누보드 버전과 관계없음

본문

mobile first의 원페이지 테마를 만들어보았습니다.

모바일위주의 단일 홈페이지입니다.

개인포트폴리오 등에 사용하면 무난 할 듯합니다.

그누보드 설치와 관계없이 작동합니다.

압출을 풀면 onepage 폴더가 나옵니다.

폴더 안에는 css folder, formmail folder, img folder, index.php파일이 있습니다.

onepage folder를 통째로 업도드하시면됩니다.

예를 들어 http://test.com이라는 루트를 사영하시는 경우에

http://test/onepage의 경로가 되게 업로드합니다.

http://test/onepage/index.php의 경로가 홈페이지를 출력합니다.

이미지 슬라이드를 처음에 넣었습니다.

포트폴리오의 경우에 한번에 나타는 갯수는 index.php의 style에서 조절합니다.

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  display: none; /* Hide all elements by default */
}

에서 width:100로 하면 한개가, width:33.3% 로하면 세개가 나타납니다.

contact를 클릭하면 폼메일로 연결되어서 메일로 소통할 수 있게했습니다.

fornmail/php/config.inc.php에서 네이버메일주소, 네이버메일 패스워드, 받은 메일주소를 맞게 넣어주시면 됩니다.


<?php
// USE SMTP OR mail()
// SMTP is recommended, mail() is disabled on most shared hosting servers.
// IF false : SMTP host/port/user/pass/ssl not used, leave empty or as it is!
$config['use_smtp']                = true;                        // true|false
// SMTP Server Settings
$config['smtp_host']             = 'smtp.naver.com';   // eg.: smtp.mandrillapp.com 네이버 메일서버를 통해서 발송합니다. 지메일을 사용하는 경우에는 smpt.gmail.com으로 해주세요 
$config['smtp_port']             = 465;                        // eg.: 587
$config['smtp_user']             = '*** 개인정보보호를 위한 이메일주소 노출방지 ***';        // *** 개인정보보호를 위한 이메일주소 노출방지 *** 네이버 메일주소를 적어줍니다.
$config['smtp_pass']             = 'password';                // password  네이버메일 암호를 적어줍니다.
$config['smtp_ssl']                = true;                        // true for google (port 465), false for others
// Who receive all emails?
$config['send_to']                = '*** 개인정보보호를 위한 이메일주소 노출방지 ***';    // destination of all emails sent throught contact form. 폼메일이 도착되는 주소를 적어줍니다.네이버메일이나 지메일주소 기타 받는 메일주소를 적어주면됩니다.
// Email Subject
$config['subject']                = 'Nice to meet you !!';    // subject of emails you receive
?>

3529456494_1670054796.8521.png