• 이윰빌더 시즌 4
  • 테마/스킨상점
이윰

팁 & 테크

시즌 4에서 원페이지 홈 만들기

본문

시즌 4를 이용하시는 분들을 위하여 [시즌3] 반응형 개인 테마 #0013와 같은 원페이지 홈을 만드는 방법을 소개하고자 합니다.

물론, 완벽한 솔루션을 원하신다면, 이윰빌더에서 판매하는 시즌 3 원페이지 테마를 구매하시는 편이 더 나을 것 같네요.

 

    [시즌3] 반응형 개인 테마 #0013 http://eyoom.net/shop/item.php?it_id=1500280671

 

하지만, 시즌 4용으로는 아직 원페이지 테마가 없기에 이렇게 글을 씁니다.

시즌3와 같이 원페이지 전용 테마는 없습니다만, 시즌 4의 어떤 테마이든지 구매하셨다면, 그 테마를 원페이지 테마처럼 이용하실 수도 있습니다. 단지, 메뉴 모양만 CSS를 이용하여 좀 바꾸시면 될 것 같네요. 예를 들어, 현재 노출된 Section에 따라 Menu의 Active 상태가 자동 변경되도록 설정하는 것은 CSS를 좀 추가하면 됩니다.

 

[단계 1] 메뉴 수정하기
테마설정관리 => 홈페이지메뉴설정 => 최상위 레벨1 메뉴를 다음과 같이 만듭니다.
    http://도메인명/#mainSection00

 

[단계 2] Index page 수정하기
다음 파일 /theme/테마명/index.html.php 을 아래 보기와 같은 패턴으로 수정합니다. section 태그를 추가하고 그 아이디를 단계1의 메뉴 링크와 일치하게 만든다. 여기서, anchor-page이라는 이름의 style class의 margin-top은 메뉴의 높이에 따라 조절하면 됩니다.


eb_contents('1234567892');는 원하는 페이지의 콘텐츠 아이디를 입력하면 됩니다. 이윰빌더에서 제공하는 페이지의 콘테츠 아이디라면 어떤 것이든지 적용할 수 있습니다. 예를 들면, 다음 링크된 페이지의 어떤 콘텐츠이든지 사용할 수 있습니다.

   웹페이지 목록 http://eyoom.net/shop/list.php?ca_id=40&sn=eb4

이윰빌더 짱이예요~ ^ ^

 

<?php
/**
 * theme file : /theme/THEME_NAME/index.html.php
 */
if (!defined('_EYOOM_')) exit;
?>
<style>
.anchor-page {position:absolute;margin-top:-130px;height:0;width:0}
</style>

<div id="fakeloader"></div>

<?php echo eb_slider('10123456789'); ?>

<div class="anchor-page" id="mainSection00"></div>
<div class="margin-bottom-30">
    <?php echo eb_contents('1234567890'); ?>
</div>

<div class="anchor-page" id="mainSection01"></div>
<div class="margin-bottom-30">
    <?php echo eb_contents('1234567891'); ?>
</div>

<div class="anchor-page" id="mainSection02"></div>
<div class="margin-bottom-30">
    <?php echo eb_contents('1234567892'); ?>
</div>

<script src="<?php echo EYOOM_THEME_URL; ?>/plugins/fakeLoader/fakeLoader.min.js"></script>
<script>
$('#fakeloader').fakeLoader({
    timeToHide:2000,
    zIndex:"11",
    spinner:"spinner6",
    bgColor:"#f4f4f4",
});

$(window).load(function(){
    $('#fakeloader').fadeOut(300);
});
</script>

 


 

2
로그인 후 추천 또는 비추천하실 수 있습니다.
추천한 회원 보기
회원사진
포인트 7,242
경험치 988
[레벨 3] - 진행률 65%
가입일 :
2018-10-16 07:26:31
서명 :
미입력
자기소개 :
Web Application Programmer with PHP and ASP - CodeIgniter, Laravel, Joomla, WordPress - ASP/C# .NET, .NET Core

최신글이 없습니다.

최신글이 없습니다.

댓글목록 1

zeussis님의 댓글

이모티콘

축하합니다. 첫댓글 포인트 20포인트를 획득하였습니다.

전체 17 건 - 1 페이지
제목
greenpia1213 1,196 0 2019.09.10
greenpia1213 1,105 1 2019.09.05
꿈의세계 992 0 2019.06.11
용개뤼 1,144 1 2019.05.24
seodaewon 1,095 0 2019.03.27
inglabs 2,633 2 2019.03.04
cygz 1,955 0 2018.11.19
회원사진 JamesShin 2,112 2 2018.11.16
회원사진 JamesShin 2,064 0 2018.11.11
닥터캐빈 1,328 0 2018.11.08
회원사진 JamesShin 1,990 0 2018.11.02
회원사진 JamesShin 2,132 2 2018.10.21
회원사진 JamesShin 1,302 1 2018.10.20
회원사진 JamesShin 1,985 2 2018.10.19
회원사진 JamesShin 1,872 2 2018.10.20