2016-01-03 4 views
-2

Продолжение моего предыдущего поста относительно создания формы поля для входа в центр моего меню: Login/Logout field in menu bar is out of place and not functioning (Wordpress)Добавить поля Вход пользователя в существующих меню

Вот мой header.php (Фото из темы)

<!DOCTYPE html> 
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> 
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> 
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> 
<!--[if (gte IE 9)|!(IE)]><!--> 
<?php global $smof_data; ?> 
<html <?php language_attributes(); ?> <?php if($smof_data['rnr_enable_rtl_layout'] == true) { echo 'dir="rtl"'; } ?>> <!--<![endif]--> 
<!-- 
=========================================================================== 
Jarvis Onepage Parallax WordPress Theme by rocknrolladesigns.com (http://www.rocknrolladesigns.com) 
=========================================================================== 
--> 
<head> 
<meta http-equiv="Content-type" content="text/html; charset=<?php bloginfo('charset'); ?>"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
<meta http-equiv="x-ua-compatible" content="IE=edge" /> 
<!-- PAGE TITLE --> 

<?php if (defined('WPSEO_VERSION')) { ?> 
      <title><?php wp_title(); ?></title> 
<?php }else { 
      $rnr_description = get_bloginfo('description'); ?> 
      <title><?php wp_title(' &raquo; ', true, 'right'); ?><?php bloginfo('name'); ?> &raquo; <?php echo $rnr_description; ?></title> 
     <meta name="description" content="<?php echo $rnr_description; ?>"> 
     <?php } ?> 
</title> 





<!--[if lt IE 9]> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 



<!-- Mobile Specific Metas & Favicons 
========================================================= --> 

<?php if($smof_data['rnr_favicon_url'] != "") { ?><link rel="shortcut icon" href="<?php echo $smof_data['rnr_favicon_url']; ?>"><?php } ?> 


<!-- WordPress Stuff 
========================================================= --> 
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> 
    <!-- Google Web Fonts --> 

<?php get_template_part('includes/googlefonts'); ?> 

<?php wp_head(); ?> 

</head> 

<body <?php body_class('onepage'); ?> data-spy="scroll" data-target=".navigation" data-offset="82"> 
<div id="load"></div> 



    <!-- START PAGE WRAP -->  
    <div class="page-wrap <?php if($smof_data['rnr_enable_dark_skin'] == true) { echo 'dark-skin'; } ?>"> 

    <!-- HEADER SECTION --> 
+0

Что вы думаете? – rnevius

+0

Это продолжается с моего первого поста, как сказано выше, поскольку я не мог добавить больше кода и только комментировать в этом сообщении, я просто сделал другое, чтобы я и один разработчик могли продолжать делиться мыслями, чтобы заполнить это пользовательское поле входа в меню. – Cypher

+0

Надеюсь, что это понятно и мои извинения за путаницу. – Cypher

ответ

0

Ответы не находятся в вашем заголовочном файле или, по крайней мере, не в том разделе, который вы вставили. Проверяя html, верхняя панель навигации содержится в файле <nav>, содержащемся в div с идентификатором undefined-sticky-wrapper. Вам нужно сделать свой логин в формате <nav>, а затем использовать css для размещения его в центре.

<!-- START NAVIGATION --> 
<div style="height: 81px;" class="main-menu-wrapper" id="undefined-sticky-wrapper"><nav class="page_scroll navigation dark sticky-nav"><!-- START CONTAINER --><div class="container clearfix">   
      <div class="four columns">    
       <!-- START LOGO --> 
       <div class="logo large"> 
             <a href="#" class="back-to-top"><img src="https://cypherbeats.com/wp-content/uploads/2015/12/cypherlogooffwhitec3.png" alt="Cypher | Music Production Company"></a> 
            </div> 
       <!-- END LOGO --> 
       <div class="wpml-mobile"> 

       </div>  
      </div><!-- END FOUR COLUMNS -->     

      <!-- BEGIN NAVIGATION SECTION --> 
      <div class="twelve columns">     
       <!-- START NAVIGATION MENU ITEMS --> 

       <ul id="nav" class="main-menu large nav sf-menu sf-js-enabled"><li id="menu-item-251" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="#home"><span>Home</span></a></li><li id="menu-item-369" class="menu-item menu-item-type-post_type menu-item-object-page active"><a href="#blog-section"><span>Blog</span></a></li><li id="menu-item-604" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="#info"><span>INFO</span></a></li><li id="menu-item-347" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="#submit"><span>Submit</span></a></li><li id="menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="#contact"><span>Support</span></a></li></ul><select class="selectnav" id="selectnav1"><option value="https://cypherbeats.com/#home">Home</option><option value="https://cypherbeats.com/#blog-section">Blog</option><option value="https://cypherbeats.com/#info">INFO</option><option value="https://cypherbeats.com/#submit">Submit</option><option value="https://cypherbeats.com/#contact">Support</option></select><!-- END NAVIGATION MENU ITEMS --><div class="wpml-desktop"> 

       </div>   
      </div><!-- END TWELVE COLUMNS --> 
     </div><!-- END CONTAINER --> 
    </nav></div> 
<!-- END NAVIGATION --> 

Так что ваша первая работа, чтобы выяснить, где в коде эти дивы выводятся и найти фильтр или действие, которое вы можете использовать для подключения в вашем собственном коде. Или, если html выводится с помощью шаблона, вы можете его перезаписать и изменить.

+0

Благодарим за то, что вы указали мне, что все это стало намного яснее. Наряду с еще большим количеством исследований я буду в порядке! – Cypher

Смежные вопросы