테스트 사이트 - 개발 중인 베타 버전입니다

pc화면 사이드 최신글, 새댓글, 공지사항 모바일에서도 보여지게 채택완료

gagot 2년 전 조회 3,889

정리가 않된 앞 질문을 다시 질문 드립니다.

-그누5_나리야_나리야용 유료테마/반응형

이미지 처럼 pc로 메인 화면을 볼때 우측에 사이드 부분이 있습니다. 이 화면 크기(폭)를 줄이거나, 휴대폰으로 사이트 접속시 우측 사이드 내용이 인덱스 하단 배너 다음에 이어서 보여집니다.

 

그런데 사용하는 테마는 모바일 접속 또는 화면 크기(폭)을 줄이면 우측 사이드를 호출(?)하지 않는건지 볼수가 없습니다.

 

 

1. www/theme/사용하는 테마/index.php

</p>

<p><?php

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

<p>if(!defined('_INDEX_'))

    define('_INDEX_', true);</p>

<p>// Page Loader 때문에 먼저 실행함

include_once(G5_THEME_PATH.'/head.sub.php');</p>

<p>$is_index = true;

$is_wing = false;</p>

<p>include_once(G5_THEME_PATH.'/_loader.php');</p>

<p>// 팝업레이어는 index에서만 실행

if(G5_IS_MOBILE) {

    include G5_MOBILE_PATH.'/newwin.inc.php';

} else {

    include G5_BBS_PATH.'/newwin.inc.php';

}</p>

<p>include_once(G5_THEME_PATH.'/head.php');</p>

<p>// 인덱스 파일경로

$nt_index_path = G5_THEME_PATH.'/index'; 

$nt_index_url = G5_THEME_URL.'/index';</p>

<p>

//인덱스

if(is_file($nt_index_path.'/'.$tset['index'].'.php')) {

    include_once($nt_index_path.'/'.$tset['index'].'.php');

} else {

?>

    <div class="text-muted text-center" style="padding:300px 0px;">

        <?php if($is_admin == 'super') { ?>

            <a href="<?php echo NA_THEME_ADMIN_URL ?>/site_setup.php#index_setup">

                테마 설정 > 사이트 설정에서 인덱스 파일을 설정해 주세요.

            </a>

        <?php } else { ?>

            인덱스 파일을 찾을 수 없습니다.

            <p>관리자에게 알려주시면 감사하겠습니다.</p>

        <?php } ?>

    </div>

<?php

}</p>

<p>include_once(G5_THEME_PATH.'/tail.php');</p>

<p>

 

2. www/theme/사용하는 테마/mobile/skin/social

이 루트에는 인덱스 파일이 없고 아래 파일만 존재합니다.

 

 

3. www/theme/사용하는 테마/css

 

</p>

<p>/********************************************************</p>

<p>■ Theme Layout : 테마 레이아웃</p>

<p>********************************************************/</p>

<p>.wrapper { background:#fff; }</p>

<p>@media all and (max-width:991px) {</p>

<p>    .responsive .wrapper { overflow-x:hidden; }</p>

<p>}</p>

<p>.nt-container,</p>

<p>.nt-container-wide { margin:0 auto; }</p>

<p>@media all and (min-width:992px) {</p>

<p>    .responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }</p>

<p>    .responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }</p>

<p>    .responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,</p>

<p>    .responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }</p>

<p>}</p>

<p> </p>

<p>/* 비반응형 */</p>

<p>.no-responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }</p>

<p>.no-responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }</p>

<p>.no-responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,</p>

<p>.no-responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }</p>

<p>@media all and (max-width:1200px) {</p>

<p>    .no-responsive .wrapper.wided .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }</p>

<p>    .no-responsive .wrapper.wided #nt_title .nt-container.px-xl-0,</p>

<p>    .no-responsive .wrapper.wided #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }</p>

<p>}</p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
2년 전

메인 페이지,

관리자 로그인 후, 테마 설정(상단 좌측 아이콘) > 사이트 설정 > [인덱스] 설정에서,

모바일 설정 인덱스 파일을 PC 설정 인덱스 파일과 동일하게 설정해 주면 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 5개

g
gagot
2년 전
답변 감사합니다. 사이트 설정=>인덱스 설정 =>인텍스 파일[pc와 모바일 똑같은 파일로 적용]=> 저장 후 pc 모바일 모두 캐쉬 삭제까지 했는데, 반응이 없네요;; 인덱스 파일도 하나뿐이라 다르게 할수가 없습니다.
마르스컴퍼니
2년 전
현 설정이 그러하다면,
/theme/사용하는 테마/index/(설정한 인덱스 파일)
이 PC, 모바일 똑같이 사용됩니다.

즉, PC, 모바일 동일한 파일 소스를 사용하지만..
PC 에서 우측에 보여지는 부분이 모바일에서 안보여지는 문제인 듯 하고..

해당 파일 소스의 PC에서 우측에 보여지는 부분(모바일에서 안보여지는 부분) 상단 일부 소스가 필요합니다.
g
gagot
2년 전
마르스컴퍼니님 답변보고 인덱스 파일쪽은 아니라 다른것들을 만져보다 풋터 설정=>pc : 박스형/ 모바일 : 와이드형 이렇게 된걸=>pc : 박스형/ 모바일 : 박스형 으로 하니 고치고 싶었던 부분은 해결 됐는데..

방문자 집계랑 별도로 추가한 환율 위젯이 모바일 메인화면/각 페이지 화면 최상단에 나오네요 ㅠㅠ 으.. 결국 사이드 호출이 되는건데 최신글과 댓글 등 호출 방법 알고 싶습니다. 그 보다 더 문제는 최상단으로 호출된다는게 ;;
마르스컴퍼니
2년 전
방문자 집계, 환율 위젯을 넣은 파일이
/theme/테마/index/~.php 였다면..

/theme/테마/side/side-index.php 로 옮기면 될 듯 합니다.


나리야 기본 테마 기준으로는..
/theme/테마/side/side-index.php 파일이 PC 에서는 우측 사이드에, 모바일에서는 하단에 나오게 됩니다.
g
gagot
2년 전
나리야 순정 사이드 파일을 사용하는 테마에 업로드=>사이트 설정=>사이드 파일 나리야 순정 사이드로 적용 하니, 데스크 탑에서 화면 폭을 줄이니 아래에 보여집니다. 그런데 휴대폰으로 봤을때는 반영이 않되는데.. 뭔가 근접한거 같지만 오늘 이걸로 5시간;; 쉬었다 다시 만져봐야겠습니다. 답변 감사드립니다.^^[빡씨네여..;;;]

댓글을 작성하려면 로그인이 필요합니다.

gagot
2년 전

pc화면 사이드

 

pc화면 사이드 부분이 아래처럼 모바일 메인/ 각페이지 상단에 똭!! 위가 아니고 아래로...

 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인