Anmelden / Abmelden Benutzerdefinierte Schaltfläche

Auf unserer Website haben wir einen “Join” -Button in der oberen rechten Ecke und einen Login / Link mit . Anstatt den Login- / Logout-Link zu haben, möchten wir, dass er in einer Schaltfläche angezeigt wird. Es sollte “Login” bereit sein, wenn etwas wie if ( is_user_logged_in() ) falsch ist und “Log Out” wenn es wahr ist.

Der Code für den Join-Button lautet:

 Join 

.join-button sollte der Code für den An- / .join-button die gleiche .join-button class haben.

Stil für .join-button :

 .join-button { -moz-box-shadow:inset 0px 1px 0px 0px #f5840c; -webkit-box-shadow:inset 0px 1px 0px 0px #f5840c; box-shadow:inset 0px 1px 0px 0px #f5840c; background-color:#f5840c; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #f5840c; display:inline-block; color:#ffffff; font-family:Arial; font-size:14px; font-weight:bold; padding: 1px 4px; text-decoration:none; text-shadow:1px 1px 0px #f5840c; } 

Könnte mir bitte jemand helfen, den Code zu schreiben, um diese Aufgabe zu erfüllen?

Solutions Collecting From Web of "Anmelden / Abmelden Benutzerdefinierte Schaltfläche"

Hier ist eine sehr einfache function, die es tun sollte:

 function loginout_button_wpa89153($echo = true){ if (is_user_logged_in()){ $url = wp_logout_url(get_permalink()); $anchor = "Logout"; }else{ $url = wp_login_url(get_permalink()); $anchor = "Login"; } $button = ''.$anchor.''; if ($echo) echo $button; else return $button; }