Onepage Theme

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에서 조절합니다.

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

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

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

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

[code]

<?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']             = 'yourID@naver.com';        // you@gmail.com 네이버 메일주소를 적어줍니다.

$config['smtp_pass']             = 'password';                // password  네이버메일 암호를 적어줍니다.

$config['smtp_ssl']                = true;                        // true for google (port 465), false for others

// Who receive all emails?
$config['send_to']                = 'yourId@gmail.com';    // destination of all emails sent throught contact form. 폼메일이 도착되는 주소를 적어줍니다.네이버메일이나 지메일주소 기타 받는 메일주소를 적어주면됩니다.

// Email Subject
$config['subject']                = 'Nice to meet you !!';    // subject of emails you receive
?>

[/code]

하단에 지도를 넣었습니다.

카카오맵과 구글 맵을 넣었습니다.

필요에따라 선택적으로 사용하시면 될것 같습니다.

지도는 비타주리님 팁을 사용했습니다. 유용한 팁을 공개해주신 비타주리님께 감사드립니다.

구글지도:https://sir.kr/g5_tip/19420

카카오맵:https://sir.kr/g5_tip/19398

w3schoos.com의 w3.css를 사용해서 만들었고 갤러리, 포트폴리오는 자바스크립트를 사용했습니다.

세부 사항 변경은 https://www.w3schools.com/w3css/default.asp 를 참고하시면 됩니다.

게시판의 기능이 필요없이 홍보위주로 폼메일로 소통하는 단일 홈페이지도 필요할 것 같아서 만들어보았습니다.

처음 만들어보는 테마라 부족한 점이 많습니다. 부족한 점은 계속 보완하도록 하겠습니다.

감사합니다.^^