Title: Onepressでログインボタンを取り入れたい。
Last modified: 2019年5月18日

---

# Onepressでログインボタンを取り入れたい。

 *  解決済 [mituru0622](https://ja.wordpress.org/support/users/mituru0622/)
 * (@mituru0622)
 * [7年、 5ヶ月前](https://ja.wordpress.org/support/topic/onepress%e3%81%a7%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e5%8f%96%e3%82%8a%e5%85%a5%e3%82%8c%e3%81%9f%e3%81%84%e3%80%82/)
 * バージョン
    Wordpress5.1.1 プラグイン easy degital download simple membership
   テーマ onepress
 * いつも皆様の意見を参考にしております。
    まったくの初心者ですが熱意だけでサイト
   を作っています。
 * 上記のテーマを利用して有料会員制販売サイトを作成しています。
    onepressにはログイン
   機能が組み込まれていないようなので、自分で作成しないと いけないようです。 固定
   ページにログインページを作成して、ヘッダーのメニューに反映すればログインは 問題
   なくできるのですが、ログイン後にログアウトの表示に変更することができません。 
   下記参考サイトのように右上に全体CSSを反映したログイン・ログアウトボタンを 作成
   したいのですが、どのようにすればよいでしょうか。 [https://uchiyoga.jp/](https://uchiyoga.jp/)
 * いろいろ検索して試してみたのですがどうにもうまくいきません。
 * 皆様のお知恵をぜひ拝借したいです。
    よろしくお願いいたします。
    -  このトピックは[mituru0622](https://ja.wordpress.org/support/users/mituru0622/)
      が7年、 5ヶ月前に変更しました。

6件の返信を表示中 - 1 - 6件目 (全6件中)

 *  [CG](https://ja.wordpress.org/support/users/du-bist-der-lenz/)
 * (@du-bist-der-lenz)
 * [7年、 5ヶ月前](https://ja.wordpress.org/support/topic/onepress%e3%81%a7%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e5%8f%96%e3%82%8a%e5%85%a5%e3%82%8c%e3%81%9f%e3%81%84%e3%80%82/#post-236470)
 * 「onepressにはログイン機能が組み込まれていない」とは、「simple membership」プラグ
   インとの相性が合わないということですね。「easy degital download」プラグインが、
   合わない可能性は十分考えられますから、他のテーマでは組み込まれているわけですから、
   そちらを選択肢とするのがスマートではないでしょうか。参考サイトのようにしたいの
   ですから、そのサイトでの組み合わせに習うのが良いでしょう。
 *  [ishitaka](https://ja.wordpress.org/support/users/ishitaka/)
 * (@ishitaka)
 * [7年、 5ヶ月前](https://ja.wordpress.org/support/topic/onepress%e3%81%a7%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e5%8f%96%e3%82%8a%e5%85%a5%e3%82%8c%e3%81%9f%e3%81%84%e3%80%82/#post-236497)
 * こんにちは
 * いろいろな方法が考えられますが下記の方法はどうでしょうか？
    1.  子テーマを作成する。
    2.  子テーマの functions.php に下記コードを追加する。
    3.      ```
            function my_login_button() {
            	if ( is_user_logged_in() ) {
            		$label = 'ログアウト';
            		$link = wp_logout_url( get_the_permalink() );
            	} else {
            		$label = 'ログイン';
            		$link = get_permalink( get_page_by_path( 'login-page' )->ID );
            	}
            	echo '<nav id="site-navigation-button"><ul class="onepress-button"><li><a href="' . esc_url( $link ) . '">' . $label . '</a></li></ul></nav>';
            }
            ```
        
    4.  ※ ‘login-page’ はログインページのスラッグ名。
    5.  子テーマの functions.php に、onepress_site_header() を追加（親テーマの /inc/
        template-tags.php の onepress_site_header() をコピー）する。
    6.  onepress_site_header() を変更する。
    7.      ```
            <a href="#0" id="nav-toggle"><?php _e( 'Menu', 'onepress' ); ?><span></span></a>
            <nav id="site-navigation" class="main-navigation" role="navigation">
            ```
        
    8.  ↓
    9.      ```
            <a href="#0" id="nav-toggle"><?php _e( 'Menu', 'onepress' ); ?><span></span></a>
            <?php my_login_button(); ?>
            <nav id="site-navigation" class="main-navigation" role="navigation">
            ```
        
    10. 追加したボタンのスタイルを style.css またはカスタマイズの 追加 CSS に追加する。
        
        スタイルの例:
    11.     ```
            #site-navigation-button ul.onepress-button,
            #site-navigation-button ul.onepress-button * {
            	margin: 0;
            	padding: 0;
            	list-style: none;
            	text-decoration: none;
            }
            #site-navigation-button ul.onepress-button {
            	float: right;
            	margin-left: 15px;
            }
            #site-navigation-button ul.onepress-button > li {
              float: left;
            }
            #site-navigation-button ul.onepress-button li a {
            	display: inline;
            	margin: 0 10px;
            	padding: 10px 15px;
            	font-weight: 600;
            	color: #fff;
            	background: #03c4eb;
            	border-radius: 2px;
            }
            #site-navigation-button ul.onepress-button li a:hover {
            	opacity: 0.8;
            }
            ```
        
 *  [CG](https://ja.wordpress.org/support/users/du-bist-der-lenz/)
 * (@du-bist-der-lenz)
 * [7年、 5ヶ月前](https://ja.wordpress.org/support/topic/onepress%e3%81%a7%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e5%8f%96%e3%82%8a%e5%85%a5%e3%82%8c%e3%81%9f%e3%81%84%e3%80%82/#post-236503)
 * プラグイン「easy degital download」「simple membership」も試していませんが、テーマ「
   onepress」のグローバルメニューで「ログイン後にログアウトの表示に変更することが」
   問題なく出来ました。
    [https://skd.fm-woodstock.com/](https://skd.fm-woodstock.com/)
   参考にしたいと示されているサイトでは、同プラグインを利用していますか。
 *  [ishitaka](https://ja.wordpress.org/support/users/ishitaka/)
 * (@ishitaka)
 * [7年、 5ヶ月前](https://ja.wordpress.org/support/topic/onepress%e3%81%a7%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e5%8f%96%e3%82%8a%e5%85%a5%e3%82%8c%e3%81%9f%e3%81%84%e3%80%82/#post-236504)
 * メインメニューに追加する方法もいいかもしれません。
    （メニューに追加するのでモバイル
   時にはドロップダウンになってしまいますが・・・）
 * 下記コードを functions.php に追加すると、メインメニューの最後にログイン／ログアウト
   のメニュー項目が追加されます。
 *     ```
       add_filter( 'wp_nav_menu_items', function ( $items, $args ) {
       	if ( $args->theme_location == 'primary' ) {
       		if ( is_user_logged_in() ) {
       			$label = 'ログアウト';
       			$link = wp_logout_url( get_the_permalink() );
       		} else {
       			$label = 'ログイン';
       			$link = get_permalink( get_page_by_path( 'login-page' )->ID );
       		}
       		$items .= '<li class="right"><a href="' . esc_url( $link ) . '">' . $label . '</a></li>';
       	}
       	return $items;
       }, 10, 2 );
       ```
   
 *  [ishitaka](https://ja.wordpress.org/support/users/ishitaka/)
 * (@ishitaka)
 * [7年、 5ヶ月前](https://ja.wordpress.org/support/topic/onepress%e3%81%a7%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e5%8f%96%e3%82%8a%e5%85%a5%e3%82%8c%e3%81%9f%e3%81%84%e3%80%82/#post-236505)
 * [Login Logout Register Menu](https://wordpress.org/plugins/login-logout-register-menu/)
   プラグインを使用するのもいいかです。
 *  トピック投稿者 [mituru0622](https://ja.wordpress.org/support/users/mituru0622/)
 * (@mituru0622)
 * [7年、 5ヶ月前](https://ja.wordpress.org/support/topic/onepress%e3%81%a7%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e5%8f%96%e3%82%8a%e5%85%a5%e3%82%8c%e3%81%9f%e3%81%84%e3%80%82/#post-236512)
 * CGさま
    ishitakaさま
 * ありがとうございます！返信が大変遅くなりまして申し訳ございません。
 * ishitaka様に提案していただいた方法（ログインボタンの設置）とCG様、ishitaka様に
   提案していただいた方法（メニューをログイン/ログアウト表示にする）の両方を試し
   ました。
    メニューをログイン、ログアウト表記に変えることにしました。 お二人とも
   ありがとうございます！！
 * また、新たな悩みが出てきたので、ご相談に乗っていただければと思います。
    （使い方
   全般にアップしました） もしお時間ありましたらまたご教授いただけると幸いです。

6件の返信を表示中 - 1 - 6件目 (全6件中)

 トピック「Onepressでログインボタンを取り入れたい。」には新たに返信することはでき
ません。

 * フォーラム: [テーマ](https://ja.wordpress.org/support/forum/themes/)
 * 6件の返信
 * 3人の参加者
 * 最後の返信者: [mituru0622](https://ja.wordpress.org/support/users/mituru0622/)
 * 最後の活動: [7年、 5ヶ月前](https://ja.wordpress.org/support/topic/onepress%e3%81%a7%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e5%8f%96%e3%82%8a%e5%85%a5%e3%82%8c%e3%81%9f%e3%81%84%e3%80%82/#post-236512)
 * 状態: 解決済

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック
