2015-02-02 2 views
1

그래서 저는 HTML과 CSS에 익숙합니다. 내 header.php 오른쪽 상단에 소셜 아이콘을 추가하려고하지만 PHP로 작성되었습니다. 내가 div를 쉽게 추가 할 수있는 방법에 대한 아이디어가 있습니까? 몇 가지 방법을 시도했지만 성공하지 못했습니다. 내가 사업부를 추가 할 수있는 동안PHP의 머리글에 소셜 아이콘 추가

<!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'); 
?> 

업데이트

, 그것은 헤더 뒤에 숨겨진, 나는 위치 CSS를 변경하려고 시도했습니다 있지만, 그것은 이동하지 않습니다 헤더의 오른쪽 상단에 제안 사항이 있습니까?

답변

0

시도해보십시오. 아래의 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'); 
    ?> 
+0

, 그것은 헤더 뒤에 숨겨진, 그것은 단지 예를 들어있어, 이러한 정확한 클래스 이름을 사용하지 않고 나는 위치 css를 변경하려고 시도했지만 헤더의 오른쪽 상단으로 이동하지는 않을 것이다. – user3236637

+0

이 위의 코드를 수정했습니다. – Society43

1

테마 폴더에서 header.php 파일을 찾으십시오.

헤더를 수정할 수 있어야합니다. 모든 테마는 다르며 테마 작성자에 따라 다르지만 대부분 header.php 파일을 사용합니다. 거기서 시작하십시오.

Desigining Headers in Wordpress

0

먼저

Theme Development.. Header.php, 당신은 "헤더"대신 "header.php"에 아이콘을 추가 할 수 있습니다. Header.php는 헤더 섹션을 포함하는 파일입니다.

웹 사이트에 무언가를 표시하려면 코드가 본문 태그 (<body> CODE HERE </body>) 사이 여야합니다. 따라서 div는 해당 줄을 따라야합니다. <body <?php body_class();?>>

관련 문제