머리글에 로고를 삽입하는 방법은 무엇입니까?

Question

머리글에 로고를 삽입하는 방법은 무엇입니까?

- 10
- 104280 2013-06-26
저는 워드 프레스 세계에서 꽤 처음입니다 (저는 Joomla에서 왔습니다)

다음 WordPress 테스트 사이트에 로고를 삽입하는 데 어려움이 있습니다. http://onofri.org/example/

웹 사이트 헤더에 "EXAMPLE"텍스트 대신 로고를 삽입하고 싶습니다.

WordPress 구성 패널을 살펴보면 로고를 업로드 할 수있는 위치를 찾지 못하고 헤더에 "EXAMPLE"텍스트 대신 자동으로 넣습니다 (이게 Joomla에서와 같은 표준 WordPress 기능인지 또는특정 테마에서 사용할 수 있거나 코드에 직접 입력해야하는 경우 사용할 수있는 기능입니다.)

하지만 테마 설정에서도 찾을 수 없습니다.

로고를 넣으려면 어떻게해야합니까?HTML 코드에 직접 삽입해야합니까?

I am pretty new in WordPress world (I came from Joomla)

I am finding some difficulties to insert a logo into this WordPress test site: http://onofri.org/example/

I want put my logo in the header of the website, instead the "EXAMPLE" text.

Looking into the WordPress configuration panel I am not finding where I can upload the logo and automatically put it instead the "EXAMPLE" text in the header (I don't know if this is a standard WordPress function as in Joomla or if it is a feature that can be made available by some specific themes or if I have to put it directly into the code)

However I am not finding it even in my theme settings.

What have I to do to put my logo? Have I to insert it directly into my HTML code?

theme-development themes templates logo

3 대답

투표

2

2013-06-26

'로고'기능이있는 경우 테마의 일부가됩니다. 테마 옵션 또는 테마 사용자 지정 시스템 .

저는 일반적으로 사용자 정의 헤더 를 사용하여 상업 사이트에 대해이 작업을 수행하지만 사용자 정의 헤더는 구체적이지 않습니다.로고.일반적인 "헤더 이미지"기능입니다.

요컨대 주제에 따라 다릅니다.생성중인 테마 인 경우 테마를 편집하여 추가 할 수 있습니다.이미 참조 된 Codex 기사를 참조하십시오.

If there is a "logo" functionality, it will be part of the theme. Perhaps a theme option or part of the theme customization system.

I typically use a Custom Header to do this for commercial sites, though a custom header is not specifically for a logo. It is a generic "header image" function.

In short, this depends on the theme. If it is a theme you are creating, you can edit the theme to add it. See the Codex articles already referenced.

출처

s_ha_dum

2

2013-06-27

헤더 이미지를 변경하려면 워드 프레스의 관리자 패널로 이동하세요. 모양 메뉴에서 헤더를 클릭하면 헤더 이미지를 업로드하고 헤더에 표시 할 텍스트를 찾을 수 있습니다.

표시되지 않는 경우 헤더 파일을 수정하고 다음 코드가 아직 존재하지 않는 경우 헤더에 삽입해야합니다.

<?php $header_image = get_header_image(); if ( ! empty( $header_image ) ) : ?> <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>

To change the header image go to the admin panel of your wordpress. In the appearance menu click on header and there you will find the option to upload your header image and Text to appear in your header.

If it's not showing then you have to edit your header file and insert the following code in your header if it does not exist already.

<?php $header_image = get_header_image(); if ( ! empty( $header_image ) ) : ?> <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>

출처

Yamu

Mayeenul Islam · Accepted Answer · 2013-06-27

15

2013-06-27

표준을 준수하도록 헤더 섹션을 약간 수정 해보세요. 현재 귀하의 코드는 다음과 같습니다.

 <div id="header-image">
   <img width="1102" height="350" alt="" class="header-image" src="http://onofri.org/example/wp-content/uploads/2013/06/header1.jpg">
</div>

수정하는 방법은 다음과 같습니다.

 <div id="header-image">
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
       <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Logo" width="HERE" height="HERE" />
    </a>
</div>

현재 3 단계 만 있습니다.

테마의 기본 헤더 이미지 설정을 사용하는 대신 위에 제공된 코드로 테마의 header.php를 편집 할 수 있습니다.
새 미디어 추가에서 이미지를 삽입하는 대신 cPanel (웹 호스트의 제어판)을 통해 'images'.

로고 배경이있는 거대한 이미지를 만드는 대신 Photoshop (또는 모든 그래픽 소프트웨어)에서 간단한 배경없는 로고를 만들어보십시오. Photoshop의 경우 로고 이미지를 레이어에 배치 한 후,배경 레이어를 삭제 한 다음 웹용 이미지를 저장합니다 (파일> 웹용으로 저장 ... [ Ctrl + Alt + Shift + S ]) 좋은 결과를 얻으려면 PNG-24 형식을 선택하세요. 그런 다음 logo.png로 저장하고 '/wp-content/themes/simplemarket/images/'폴더에 배치합니다.

나머지 받기를 바랍니다. 질문이 있으시면 여기에 의견을 남겨주세요.

Try modifying the header section a bit to comply with the standards. Here is what your code right now:

<div id="header-image"> <img width="1102" height="350" alt="" class="header-image" src="http://onofri.org/example/wp-content/uploads/2013/06/header1.jpg"> </div>

Here is how you can modify the things:

<div id="header-image"> <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"> <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Logo" width="HERE" height="HERE" /> </a> </div>

There are only 3 steps now:

Instead of using the theme's default header image settings, you can edit your theme's header.php with the code given above.

Instead of inserting image from the Add New Media, you can upload image via cPanel (Control Panel of your web host) into the theme folder's sub-folder named 'images'.

And instead of making a huge image with background for your logo, try making a simple background-less logo in Photoshop (or any graphics software) - in case of Photoshop, just do it: after placing the logo image in a layer, just delete the background layer and then save the image for web (File > Save for web... [Ctrl + Alt + Shift + S]) and choose the format PNG-24 for a good result. Then save it as logo.png and place it to the '/wp-content/themes/simplemarket/images/' folder.

Hope you get the rest. If any question, please feel free to comment here under.

출처

Mayeenul Islam