堆栈内存溢出
  繁体   English   中英

在PHP标头中添加社交图标

[英]Adding Social Icons to a header in PHP

 原文  2015-02-02 21:52:59  1   3    php/ html/ css/ wordpress

问题描述

因此，我对HTML和CSS非常熟悉。 我正在尝试在header.php的右上角添加社交图标，但这完全是用PHP编写的。 我可以在哪里轻松添加div的任何想法吗？ 我尝试了几种不同的方法，但没有成功。 

<!DOCTYPE html>
<?php
$lol_responsive_check = ( get_option( 'lol_check_responsive' )  == 'true' ) ? 'yes-responsive' : 'no-responsive' ;
$lol_sticky_check = ( get_option( 'lol_check_sticky' )  == 'true' ) ? 'lol-sticky-header-yes' : 'lol-sticky-header-no';
$lol_blog_layout = ( get_option( 'lol_check_blog_style' ) ) ? 'blog-' . get_option( 'lol_check_blog_style' ) : 'blog-classic';

global $lol_is_transparent;
$lol_is_transparent = '';
$lol_has_not_title = '';
$lol_page_margin_top = '';
$lol_slider = '';

if ( lollum_check_is_woocommerce() && is_shop() ) :

    $lol_shop_page_id = wc_get_page_id( 'shop' );
    $lol_slider =  get_post_meta( $lol_shop_page_id, 'lolfmkbox_slider_rev_alias', true );
    $lol_is_transparent = ( get_post_meta( $lol_shop_page_id, 'lolfmkbox_transparent_header_check', true ) == 'yes' ) ? 'header-transparent' : 'header-no-transparent';
    $lol_has_not_title = ( get_post_meta( $lol_shop_page_id, 'lolfmkbox_headline_check', true ) == 'yes' ) ? 'has-not-title' : '';

elseif ( lollum_check_is_woocommerce() && is_account_page() && ! is_user_logged_in() ) :

    global $post;
    $lol_is_transparent = ( get_post_meta( $post->ID, 'lolfmkbox_transparent_header_check', true ) == 'yes' ) ? 'header-transparent' : 'header-no-transparent';
    $lol_has_not_title = ( get_option( 'lol_bg_my_account' ) != '' ) ? 'has-not-title has-bg' : 'has-not-bg'; 

elseif ( is_home() ) :

    global $wp_query;
    $lol_page_id = $wp_query->get_queried_object_id();
    $lol_slider =  get_post_meta( $lol_page_id, 'lolfmkbox_slider_rev_alias', true );
    $lol_is_transparent = ( get_post_meta( $lol_page_id, 'lolfmkbox_transparent_header_check', true ) == 'yes' ) ? 'header-transparent' : 'header-no-transparent';
    $lol_has_not_title = ( get_post_meta( $lol_page_id, 'lolfmkbox_headline_check', true ) == 'yes' ) ? 'has-not-title' : '';
    $lol_page_margin_top = ( get_post_meta( $lol_page_id, 'lolfmkbox_page_margin_check_top', true ) == 'yes' ) ? 'no-margin-top' : '';

elseif ( is_page() ) :

    global $post;
    $lol_slider =  get_post_meta( $post->ID, 'lolfmkbox_slider_rev_alias', true );
    $lol_is_transparent = ( get_post_meta( $post->ID, 'lolfmkbox_transparent_header_check', true ) == 'yes' ) ? 'header-transparent' : 'header-no-transparent';
    $lol_has_not_title = ( get_post_meta( $post->ID, 'lolfmkbox_headline_check', true ) == 'yes' ) ? 'has-not-title' : '';
    $lol_page_margin_top = ( get_post_meta( $post->ID, 'lolfmkbox_page_margin_check_top', true ) == 'yes' ) ? 'no-margin-top' : '';

elseif ( is_single() ) :

    global $post;
    $lol_is_transparent = ( get_post_meta( $post->ID, 'lolfmkbox_transparent_header_check_post', true ) == 'yes' ) ? 'header-transparent' : 'header-no-transparent';

endif;

if ( $lol_slider != '' ) :
    $lol_has_not_title = '';
endif;
?>
<!--[if IE 8]> <html class="no-js lt-ie9 <?php echo esc_attr( $lol_responsive_check . ' ' . $lol_sticky_check . ' ' . $lol_is_transparent . ' ' . $lol_has_not_title . ' ' . $lol_blog_layout . ' ' . $lol_page_margin_top ); ?>" <?php language_attributes();?>> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js <?php echo esc_attr( $lol_responsive_check . ' ' . $lol_sticky_check . ' ' . $lol_is_transparent . ' ' . $lol_has_not_title . ' ' . $lol_blog_layout . ' ' . $lol_page_margin_top ); ?>" <?php language_attributes();?>> <!--<![endif]-->
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">

    <?php if ( get_option( 'lol_check_responsive' ) == 'true' ) { ?>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
    <?php } ?>

    <title><?php wp_title( '|', true, 'right' ); ?></title>
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <?php // if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?>
    <link rel="alternate" title="<?php printf( __( '%s RSS Feed', 'lollum' ), get_bloginfo( 'name' ) ); ?>" href="<?php bloginfo( 'rss2_url' ); ?>">
    <link rel="alternate" title="<?php printf( __( '%s Atom Feed', 'lollum' ), get_bloginfo( 'name' ) ); ?>" href="<?php bloginfo( 'atom_url' ); ?>">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
    <?php if ( get_option( 'lol_custom_favicon' ) ) { ?>
        <link rel="shortcut icon" href="<?php echo esc_url( get_option( 'lol_custom_favicon' ) ); ?>">
    <?php } ?>
    <script>document.documentElement.className += " js";</script>
    <!-- BEGIN WP -->
    <?php wp_head(); ?>
    <!-- END WP -->
    <!--[if lt IE 9]>
    <script src="<?php echo get_template_directory_uri(); ?>/js/ie8.js?ver=1.0" type="text/javascript"></script>
    <![endif]-->
</head>

<body <?php body_class();?>>

<?php
    /**
    * llm_mobile_menu hook
    *
    * @hooked llm_mobile_menu - 10
    */
    do_action( 'llm_mobile_menu' );
?>

<?php
    /**
    * llm_sidebar_cart hook
    *
    * @hooked llm_sidebar_cart - 10
    */
    do_action( 'llm_sidebar_cart' );
?>

<?php
    /**
    * llm_output_content_wrapper hook
    *
    * @hooked llm_output_content_wrapper - 10
    */
    do_action( 'llm_output_content_wrapper' );
?>

<?php
    /**
    * llm_header hook
    *
    * @hooked llm_branding - 10
    * @hooked llm_submenu - 20
    */
    do_action( 'llm_header' );
?>

更新

虽然我能够添加div，但它仍隐藏在标题的后面，尽管我尝试更改位置css，但它不会移动到标题的右上角，有什么建议吗？

3 个解决方案

解决方案1
 1  2015-02-02 22:07:25

在主题文件夹中，查找header.php文件。

在其中，您应该可以对标题进行修改。 所有主题都是不同的，并且取决于主题作者，但是大多数确实使用header.php文件。 从那里开始。

主题开发.. Header.php

在Wordpress中设计标题

解决方案2
 0  2015-02-02 22:09:43

首先，您想要将图标添加到“ header”而不是“ header.php”。 Header.php是文件，也包含标题部分。

如果要在网站上显示内容，则代码应位于body标签之间（ <body> CODE HERE </body> ）。 因此，您的div必须在该行之后： <body <?php body_class();?>>

解决方案3
 0 已采纳  2015-02-02 22:16:14

尝试这个。 我也更改了下面的html标记。

并添加到您的css。 

.container { position:relative; width:100%; }
.social-wrap { position:absolute; z-index:999; top:20px; right:20px; }

您不必使用这些确切的类名，仅用于示例... 

<body <?php body_class();?>>
<!--add your code here-->


 <div class="container">
<div class="social-wrap">
    <ul class="social-icons>
    <li><a href="#">facebook</a></li>
    <li><a href="#">Twitter</a></li>
    </ul>
</div>
    </div>

<!--//end-->

    <?php
        /**
        * llm_mobile_menu hook
        *
        * @hooked llm_mobile_menu - 10
        */
        do_action( 'llm_mobile_menu' );
    ?>

    <?php
        /**
        * llm_sidebar_cart hook
        *
        * @hooked llm_sidebar_cart - 10
        */
        do_action( 'llm_sidebar_cart' );
    ?>

    <?php
        /**
        * llm_output_content_wrapper hook
        *
        * @hooked llm_output_content_wrapper - 10
        */
        do_action( 'llm_output_content_wrapper' );
    ?>

    <?php
        /**
        * llm_header hook
        *
        * @hooked llm_branding - 10
        * @hooked llm_submenu - 20
        */
        do_action( 'llm_header' );
    ?>

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 将另一个社交媒体图标添加到wordpress标题 如何在 cv 上显示社交图标而不是 php 中的 url？ PHP将样式表添加到标题 将JavaScript添加到php标头 在一条线上显示社交图标 PHP：wp_nav_menu添加图标 WordPress链接到不链接的社交图标 带有社交图标的WordPress自定义小部件 使用PHP和wsdl2php添加SOAP标头 在Lithium PHP的头文件中添加元标记
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM