랜딩 페이지를 만들고 싶습니다.

안녕하세요~ 매일 좋은 답변 해주셔서 감사드립니다.

 

이번 질문사항은 제가 랜딩 페이지(인트로 페이지 같은...)를 만들고 싶은데,

 

https://imgur.com/fxY31Gc

 

위와 같은 페이지이구요, 각 이미지로 넣어져 있습니다. 이미지를 각각 클릭시 링크 이동되며 상단을 클릭하면 메인 홈페이지로 넘어가게 됩니다. (이렇게 되야합니다)

 

문제는, 일단은 만들었는데... 전면페이지에 이 랜딩페이지를 설정했더니 이미지를 클릭하니까 계속 랜딩으로 지정되서 오고, 기존 홈 상단 로고를 클릭할 때마다도 랜딩으로 돌아오게 됩니다.

 

하고 싶은 방법은

 

사이트 주소로 들어갔을때 해당 랜딩 페이지가 뜨고, 랜딩에서 각각 클릭하면 그 페이지로 이동(아래 페이지는 다른 사이트를 이용하게 됨, 문제x) 하며 홈 상단 메인 로고를 클릭해도 랜딩으로 안가게끔 하는 방법을 알고 싶습니다.

 

답변 부탁드릴게요~!

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    랜딩 페이지의 이미지에 링크는 어떻게 추가하신 건지요?

    상단에 표시되는 로고는 테마 쪽에서 표시하고 있습니다.

    테마 제작자에게 가능한 방법이 있을지 문의해보셔야 할 듯합니다.

    직접 코드 수정이 가능하시다면

    FTP로 접속해서 /wp-content/themes/사용중인스킨/header.php 파일에서

    로고 관련 코드를 찾아서 수정해보시겠어요?

    고맙습니다.

  • 답변 감사드립니다.

     

    테마는 be theme 사용 중입니다.

     

    랜딩 페이지에 이미지는 테마 자체 빌더에 있는 엘리먼트 image 라는 column에 링크를 지정하는게 있습니다.

     

    https://imgur.com/7bLudbH

     

    이렇게 말이죠.

     

    테마 옵션에 가보니 로고를 클릭하면 홈페이지로 간다 라고 되있는데, 이게 전면페이지에 지정된 링크로 가더라구요.

     

    그래서 전면페이지로 안가게끔 할려고 header.php도 열어봤는데... logo에 해당하는 코드가 없더라구요...

    다행히 다른 php파일에서 찾았습니다.

     

    include-logo.php 에서 찾긴 했는데... 이 부분을 수정을 해보려고 하니 좀 어렵네요 ㅠ

     

    // logo wrapper allowed html5
    
    $logo_allowed_html = array(
    	'a' => array(
    		'data-height' => array(),
    		'data-padding' => array(),
    		'href' => array(),
    		'id' => array(),
    		'title' => array(),
    	),
    	'h1' => array(),
    	'span' => array(
    		'data-height' => array(),
    		'data-padding' => array(),
    		'id' => array(),
    	),
    );
    
    // class for text logo
    
    if ($logo_text = mfn_opts_get('logo-text')) {
    	$logo_class = ' text-logo';
    } else {
    	$logo_class = false;
    }
    
    echo '<div class="logo'. esc_attr($logo_class) .'">';
    
    	// options
    
    	$logo_height = mfn_opts_get('logo-height', 60);
    	$logo_padding = mfn_opts_get('logo-vertical-padding', 15);
    
    	$logo_options = mfn_opts_get('logo-link', false);
    
    	$logo_before = '';
    	$logo_after	= '';
    
    	// link
    
    	if (isset($logo_options['link'])) {
    		$logo_before = '<a id="logo" href="'. esc_url(get_home_url()) .'" title="'. esc_attr(get_bloginfo('name')) .'" data-height="'. intval($logo_height, 10) .'" data-padding="'. intval($logo_padding, 10) .'">';
    		$logo_after = '</a>';
    	} else {
    		$logo_before = '<span id="logo" data-height="'. intval($logo_height, 10) .'" data-padding="'. intval($logo_padding, 10) .'">';
    		$logo_after = '</span>';
    	}
    

     

  • 올려주신 코드 중 esc_url(get_home_url()) 부분이

    메인 페이지로 이동하게 하는 코드인 듯합니다.

    해당 부분을 로고 클릭 시 이동할 페이지 주소로 교체해서 확인해보시겠어요?

    고맙습니다.

  • 답변감사드립니다~

     

    말씀 주신 코드  부분에 홈페이지 주소(페이지id) 링크로 넣어서 일단은 해결됐습니다 ㅎ 

     

    수고하세요~

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기