Cherry Framework 3.x. Как добавить опции Войти/Выйти

Этот туториал расскажет, как добавить функции Войти/Выйти в теме WordPress Cherry Framework.

Cherry Framework. Добавление опции Войти/Выйти

1. Откройте файл options.php. Вы найдете его в папке темы. Обычно он называется themeXXXX (XХXX – это номер темы). Добавьте следующий код после PHP-кода (для детальной информации посмотрите видео) :

$options[] = array( 
"name" => "Authentication",
"id" => "authentication",
"type" => "heading"
);
$options[] = array( "name" => "Display login links?",
"desc" => "Display login links in the header?",
"id" => "login_display_id",
"std" => "yes",
"type" => "radio",
"options" => array(
"yes" => "Yes",
"no"	=> "No"));
$options[] = array( "name" => "Logged-in title",
"desc" => "Logged-in title",
"id" => "site_admin",
"std" => "Site %username%",
"class" => "tiny",
"type" => "text");
$options[] = array( "name" => "",
  "desc" => "",
  "id" => "log_out",
  "std" => "Log out",
  "class" => "tiny",
  "type" => "text");
$options[] = array( "name" => "Register link.",
  "desc" => "Register link.",
  "id" => "sign_up",
  "std" => "Sign up",
  "class" => "tiny",
  "type" => "text"); 
$options[] = array( "name" => "Logged-out title.",
  "desc" => "Logged-out title.",
  "id" => "sign_in",
  "std" => "Sign in",
  "class" => "tiny",
  "type" => "text"); 
$options[] = array( "name" => "",
  "desc" => "",
  "id" => "login_questions",
  "std" => "Have an account?",
  "class" => "tiny",
  "type" => "text");
$options[] = array( "name" => "",
  "desc" => "",
  "id" => "word_delimiter",
  "std" => "or",
  "class" => "tiny",
  "type" => "text");

2. Благодаря вышеуказанному коду в Опции Темы Cherry Framework добавится вкладка Authentication (Аутентификация)

3. Откройте вкладку Authentication и нажмите « Save/Сохранить».

4. Сейчас нужно скопировать файл wrapper-header.php из папки «wp-content/themes/CherryFramework/wrapper» в папку wrapper, которая находится в themeXXXX (XXXX – это номер темы). Проведите замену файла в том случае, если он уже есть в пакете шаблона. Откройте файл и добавьте этот код:

<div class="row static-login-out">
<div class="span3" data-motopress-type="static" data-motopress-static-file="static/static-login-out.php">
<?php get_template_part("static/static-login-out"); ?>
</div>
</div>

5. В папке themeXXXX (XXXX – это номер темы) создайте папку с названием static, в случае ее отсутствия, и добавьте туда файл static-login-out.php со следующим кодом:

<?php /* Static Name: Log in - out */ ?>
  <div id="loginout" class="clearfix">
<?php
if(of_get_option("login_display_id")=="yes"){
$username = get_userdata(get_current_user_id())->user_login;
$user_title = str_replace("%username%", $username, of_get_option("site_admin"));
$link_string_site = "<a href=\"".get_bloginfo('wpurl')."/wp-admin/index.php\" class='register-link' title=\"".$user_title."\">".$user_title."</a>";
$link_string_logout = '<a href="'. wp_logout_url($_SERVER['REQUEST_URI']) .'" title="'.of_get_option("log_out").'">'.of_get_option("log_out").'</a>';
$link_string_register = "<a href=\"".get_bloginfo('wpurl')."/wp-login.php?action=register&amp;redirect_to=".$_SERVER['REQUEST_URI']."\" class='register-link' title=\"".of_get_option("sign_up")."\">".of_get_option("sign_up")."</a>";
$link_string_login = "<a href=\"".get_bloginfo('wpurl')."/wp-login.php?action=login&amp;redirect_to=".$_SERVER['REQUEST_URI']."\" title=\"".of_get_option("sign_in")."\">".of_get_option("sign_in")."</a>";
 if (!is_user_logged_in()) {
  echo "<span>".of_get_option("login_questions")." ".$link_string_login." ".of_get_option("word_delimiter")." </span>";
  echo "<span>".$link_string_register."</span>";
  }else{
  echo "<span>".$link_string_site." ".of_get_option("word_delimiter")." </span>";
  echo "<span>".$link_string_logout."</span>";
  }
  }
  ?>
  </div>

6. Обновите домашнюю страницу. Если Вы все сделали правильно, то сайт должен выглядеть, так как на скриншоте.

Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже:

Cherry Framework. Как добавить опции Войти/Выйти