0
私はもともとブートストラップCSSスタイルのWordPressホームページを持っていて、それ以来Foundation CSSに変換されています。 |ナビゲーションバーなしでこの機能を財団に作成するにはどうすればよいですか？
しかし、私は必ずしもそのBLOGを必要としないことがあります。私はもともと、まさにこのように見えたものを開発したかったです白いナビゲーションメニューの上にある青緑色のバーのログイン部分。私はちょうど、トップナビゲーションメニューを取り除くことができると思ったが、私はこれを取得：
私はちょうどそれでいないメニューとティール色付きのバーをしたいです。
これは私がheader.phpの中に持っているものである：ここ
<?php
/**
* The header for our theme
*
* This is the template that displays all of the <head> section and everything up until <div id="content">
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package UpAbility
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="page" class="site">
<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e('Skip to content', 'upability'); ?></a>
<!-- HEADER ========================================================================================== -->
<header class="site-header" role="banner">
<!-- NAVBAR ====================================================================================== -->
<div class="top-nav">
<div class="row">
<div class="columns large-6 medium-6">
<ul id="menu-topmenu" class="top-list-right">
<?php wp_nav_menu(array(
'theme_location' => 'topnav',
'container' => 'nav',
'menu_class' => 'nav navbar-nav navbar-right'
));
?>
</ul>
</div>
</div>
</div>
<div class="top-bar">
<div class="top-bar-left">
<a class="navbar-brand" href="/"><img src="<?php bloginfo('stylesheet_directory'); ?>/assets/img/Logo.png" alt="UpAbility"></a>
</div>
<div class="top-bar-right">
<ul class="menu">
<?php
wp_nav_menu(array(
'theme_location' => 'primary',
'container' => 'nav',
'container_class' => 'navbar-collapse collapse',
'menu_class' => 'nav navbar-nav navbar-right'
));
?>
</ul>
</div>
</div>
</header>
<div id="content" class="site-content">
はのstyle.cssファイルの一部です：
/* Top Nav */
.top-nav {
width: 100%;
background: #219CD7;
padding: 0;
margin: 0;
}
.top-list-right {
padding: 0;
margin: 0;
list-style: none;
overflow: hidden;
float: right;
li {
list-style: none;
float: left;
padding: 10px 15px;
font-size: 13px;
}
a {
color: #ffffff;
}
}
/* Top Bar */
.top-bar {
}
だったので、私は全体のことを投稿しませんでしたunderscores.meを介して生成されるので、style.cssの300以上のloc
CSSを表示せずにどのようにサポートできますか？ – Slime
@Waxi、申し訳ありません私はこれを出版したとき急いでいました。別の火を出していた。私は今、CSSを投稿しています。 – Daniel
問題のページにリンクすることはできますか、問題を示すフィーリングを提供できますか？そのような正確な問題を見つけるのはずっと簡単です。 – Slime