從一個頁面刪除頂部欄/頁眉/主導航鏈接

我正在創建一個登錄頁面，我想從此頁面和此頁面刪除頂欄和頁眉/主導航鏈接。從一個頁面刪除頂部欄/頁眉/主導航鏈接

目前，我用這個CSS代碼將其刪除：

.top-headers-wrapper{display:none;}

但是，它留下了很大的空白空間代替頭的。理想情況下，這個白色空間將被刪除，大背景圖像將一直到頁面的頂部。

我將說明以下區別，其中帶有-test附加到URL的頁面具有用於刪除標頭的CSS。原始網址沒有刪除標題的代碼。

如何修改代碼以刪除此空白以及標題/頂部欄？

https://www.californiabeardco.com/summer-giveaway/

https://www.californiabeardco.com/summer-giveaway-test/

來源

2017-08-09 csterling

添加示例HTML和CSS向您的問題展示此問題，以便在遠程站點上解決問題時問題仍然相關。 – Don

只是讓你知道一些東西配置不正確與你的WordPress;嘗試訪問您的網站會自動爲您簽名（使用管理員權限）。你可能想看看。 –

您的內容區域包裝器上留有空白，導致空白。雖然可能更好地解決這個服務器端，也就是說，準備專門爲您需要的模板。 – Chasevanb

最終，我找到了解決辦法。這是一個解決方法，但仍然有效。

我找到的解決方案是創建一個沒有頁眉，頁腳或邊欄的頁面模板（例如「登陸頁面」）。這導致了一個空白頁面，當使用像Visual Composer這樣的頁面設計器時，這個頁面允許我在空白畫布上進行設計，非常適合創建登錄頁面。

我跟着從this tutorial步驟，但將張貼在這裏爲別人的問題：

1）創建一個新的PHP文件 2）在此代碼粘貼

<?php 
/** 
* Template Name: Clean Page 
* This template will only display the content you entered in the page editor 
*/ 
?> 

<html <?php language_attributes(); ?> class="no-js"> 
<head> 
    <meta charset="<?php bloginfo('charset'); ?>"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <?php wp_head(); ?> 
</head> 
<body> 
<?php 
    while (have_posts()) : the_post(); 
     the_content(); 
    endwhile; 
?> 
<?php wp_footer(); ?> 
</body> 
</html>

3）上傳將PHP文件發送到託管您的Wordpress實例的服務器。該位置應該是您的主題目錄。諸如..之類的東西/ wp-content/themes/YourThemeName

我將php文件添加到了我的子主題中，如果您使用的是兒童主題，通常我推薦的協議是我理解的。

4）登錄到WordPress的管理控制檯，當你創建一個新的頁面時，尋找你新添加的模板作爲選項。

來源

2017-08-10 18:54:00 csterling

你content-area類有133px一個top-margin。如果要刪除頁眉altogther，那麼你應該能夠刪除上邊距這樣

#page_wrapper.transparent_header .content-area { 
    top-margin: 0; 
}

它看起來像有在CSS文件中的各種@media查詢一對夫婦的這個實例。所以你必須找到每個實例。

也喜歡在我訪問您的網站時在評論中提到的黑曜石我曾用管理員權限登錄過，您應該儘快更改。希望有所幫助。

來源

2017-08-09 23:21:40 crazymatt

我將這段代碼添加到頁面的CSS中，但沒有修復它。我在CSS中找到一個名爲「.vc_custom_1502310592874」的元素，它的頂邊值爲-100px。當我將其修改爲200像素時，背景圖片在頁面上向上移動但不完全消失。我似乎無法隔離該背景元素將其頂部邊距修改爲0. – csterling

您應該通過更優雅的方式禁用管理欄，如轉到配置文件>在查看站點時取消選中顯示工具欄。

或者，如果您想完全禁用所有登錄用戶的管理欄，請將此代碼插入到您主題的functions.php文件中。

function remove_admin_login_header() { remove_action('wp_head', '_admin_bar_bump_cb'); } add_action('get_header', 'remove_admin_login_header');

另一種方式是使用過濾器，對所有登錄的用戶也完全禁用。

add_filter('show_admin_bar', '__return_false');

來源

2017-08-10 01:54:44

感謝您提供管理欄問題的解決方案。它仍然對你有用嗎？ – csterling

從一個頁面刪除頂部欄/頁眉/主導航鏈接

回答

相關問題