안녕하세요~^^

워드프레스 사이트에서 헤더 영역은 테마 쪽에서 표시하고 있습니다.

테마마다 헤더 설정이나 코드가 다르기 때문에

테마 쪽 문제는 해당 테마 제작자에게도 문의해보시는 게 좋을 듯합니다.

워드프레스 테마 구조에 대해서는 아래 링크를 참고 부탁드립니다.

https://codex.wordpress.org/ko:Template_Hierarchy

고맙습니다.

테마 쪽에 문의했습니다. 

그럼 제가 회원관리 플러그인을 구입하면 아래 링크에 보이는 페이지에 회원 가입과 소셜 로그인을 수정해서 넣을 수 있는지 궁금합니다 .

https://kunajangrong.com/my-account/

안녕하세요.

우커머스 내 계정 페이지에서 비로그인 상태에서는

코스모스팜 회원관리 플러그인의 회원가입 페이지와 소셜 로그인 버튼을 추가하고 싶으신 건지요?

워드프레스 관리자 -> 외모 -> 테마 편집기 페이지에서 functions.php 파일 하단에

아래의 코드를 추가하시면 가능합니다.

add_filter('the_content', 'my_the_content_filter', 10, 1);
function my_the_content_filter($content){
	if(is_account_page() && !is_user_logged_in()){
		$content = do_shortcode('[wpmem_form register]');
		$content .= do_shortcode('[cosmosfarm_members_social_buttons]');
	}
	
	return $content;
}

위의 코드를 적용하시면 비회원이 우커머스 내 계정 페이지 접근 시

아래처럼 표시됩니다.

https://imgur.com/a/ozzpkTh

고맙습니다.

테마 구입처에 물어보니 .../wp-content/plugins/auros-core/inc/vendors/elementor/widgets/header-group.php  이 파일을 수정하라고 하는데요.

아래 부분을 수정하여 코스모스팜 회원관리의 양식의 로그인과 소셜로그인 버튼을 추가할 수 있을까요??

위에 알려주신 내용은 내 계정 페이지는 수정되지만, 테마 헤더 부분에서는 적용이 어려워서요.

        <div class="login-form-head pb-1 mb-3 bb-so-1 bc">
            <span class="login-form-title"><?php esc_attr_e('Sign in', 'auros-core') ?></span>
            <span class="pull-right">
                <a class="register-link" href="<?php echo esc_url(wp_registration_url()); ?>"
                   title="<?php esc_attr_e('Register', 'auros-core'); ?>"><?php esc_attr_e('Create an Account', 'auros-core'); ?></a>
            </span>
        </div>
        <form class="opal-login-form-ajax" data-toggle="validator">
            <p>
                <label><?php esc_attr_e('Username or email', 'auros-core'); ?> <span class="required">*</span></label>
                <input name="username" type="text" required placeholder="<?php esc_attr_e('Username', 'auros-core') ?>">
            </p>
            <p>
                <label><?php esc_attr_e('Password', 'auros-core'); ?> <span class="required">*</span></label>
                <input name="password" type="password" required placeholder="<?php esc_attr_e('Password', 'auros-core') ?>">
            </p>
            <button type="submit" data-button-action class="btn btn-primary btn-block w-100 mt-1"><?php esc_html_e('Login', 'auros-core') ?></button>
            <input type="hidden" name="action" value="osf_login">
            <?php wp_nonce_field('ajax-osf-login-nonce', 'security-login'); ?>
        </form>
        <div class="login-form-bottom">
            <a href="<?php echo wp_lostpassword_url(get_permalink()); ?>" class="mt-2 lostpass-link d-inline-block" title="<?php esc_attr_e('Lost your password?', 'auros-core'); ?>"><?php esc_attr_e('Lost your password?', 'auros-core'); ?></a>
        </div>
        <?php

    }

안녕하세요.

코스모스팜 회원관리 플러그인 로그인 레이아웃은

아래의 숏코드로 표시할 수 있습니다.

[cosmosfarm_members_login_form]

PHP 파일 내에서 숏코드를 실행하게 하시려면

아래의 코드를 활용해보세요.

echo do_shortcode('[cosmosfarm_members_login_form]');

소셜 로그인 버튼은 아래의 숏코드로 별도로 표시할 수 있습니다.

[cosmosfarm_members_social_buttons]

고맙습니다.

감사합니다. 

위에 알려주신 코드를 테마 편집기에 넣어 수정하였더니 나타나네요.

궁금한 점이 소셜 로그인이 가장 위 상단에 배치시킬 수 있을까요?

https://imgur.com/a/ozzpkTh

아이디 입력란 위에 소셜 로그인을 넣고 싶어, 아래 코드를 위아래 변경하여 입력하였더니 변화가 없네요.

$content = do_shortcode('[wpmem_form register]');

$content .= do_shortcode('[cosmosfarm_members_social_buttons]');

안녕하세요.

코드를 올려주실 땐 에디터의 코드 스니펫 삽입 기능을 이용 부탁드립니다.

그렇지 않으면 코드가 이상해져서 에러 나는 코드로 바뀌거나,

질의응답 시 의사소통에 오해와 문제가 생길 수도 있기 때문입니다.

소셜 로그인 버튼을 회원가입 레이아웃 위에 표시하시려면

이전 댓글에 안내해드린 아래의 코드를

$content = do_shortcode('[wpmem_form register]');
$content .= do_shortcode('[cosmosfarm_members_social_buttons]');

아래의 코드로 교체해서 확인해보시겠어요?

$content = do_shortcode('[cosmosfarm_members_social_buttons]');
$content .= do_shortcode('[wpmem_form register]');

고맙습니다.

제대로 작동합니다!! 감사합니다. 큰 도움이 되었습니다 :)