콘텐츠로 바로가기
WordPress.org

한국어

  • 테마
  • 플러그인
  • 소식
    • 문서
    • 포럼
  • About
    • WordPress 6.9
    • 워드프레스 6.8
    • 워드프레스와 40% 웹을 위한 여정
    • 워드프레스 번역 핸드북
  • 워드프레스 한국팀
  • 워드프레스 받기
워드프레스 받기
WordPress.org

Plugin Directory

Custom Site Logo

  • 플러그인 제출하기
  • 내 즐겨찾기
  • 로그인
  • 플러그인 제출하기
  • 내 즐겨찾기
  • 로그인

Custom Site Logo

작성자: Awais Altaf
다운로드
  • 세부사항
  • 평가
  • 설치
  • 개발
지원

설명

Custom Site Logo helps you manage your WordPress website’s logo without editing a single line of code. Upload a new logo, or reuse one from your Media Library, then display it anywhere: in your theme, in a post or page, in the block editor, or in a widget area — no template editing required.

Key Features

  • Multiple ways to display your logo — a [csl_display_logo] shortcode, a csl_CustomSiteLogo_show_logo() template tag, a “Custom Site Logo” block for the block editor, and a classic widget.
  • Live preview in the Customizer — configure and preview your logo directly from Appearance » Customize, with instant feedback in the preview pane.
  • Retina/@2x support — upload a high-resolution logo for crisp display on high-DPI screens.
  • Dark mode logo — upload an alternate logo that’s shown automatically based on the visitor’s OS/browser color scheme preference.
  • Mobile logo — upload an alternate logo for small screens, with a configurable breakpoint.
  • SVG logo support — upload SVG logos in addition to raster images, with basic upload sanitization.
  • Per-page/post override — show a different logo on individual pages or posts, great for campaign landing pages.
  • Built-in Logo Maker — no logo yet? Type your site name, pick a font and colors, and generate a simple text logo right on the settings page. It’s uploaded to your Media Library and set as your logo automatically.
  • Export/Import — back up your settings, or move them to another site, as a JSON file.
  • Full styling controls — set a custom width and height, apply a hover effect, make the logo fully responsive, center it, and optionally link it to a custom URL.
  • Organized, tabbed settings page — General, Size & Layout, Hover Effect, Advanced Logos, and Import/Export tabs, with the active tab remembered between visits.

How to Use It

  1. Open the header.php file of your active theme.
  2. Paste <?php echo csl_CustomSiteLogo_show_logo(); ?> where you want the logo to appear.

Prefer not to edit theme files? Use the [csl_display_logo] shortcode in any post or page, add the “Custom Site Logo” block in the block editor, or drag the “Custom Site Logo” widget into a widget area instead.

If you run into any issues setting up the plugin, please reach out via the support forum.

스크린샷

The Logo Maker tab — type your site name, pick a font and colors, and generate a text logo without ever leaving the settings page.
The Logo Maker tab — type your site name, pick a font and colors, and generate a text logo without ever leaving the settings page.
The General tab — upload or choose a logo, and optionally link it to a custom URL.
The General tab — upload or choose a logo, and optionally link it to a custom URL.
The Size & Layout tab — set a custom width/height, center the logo, and make it responsive.
The Size & Layout tab — set a custom width/height, center the logo, and make it responsive.
The Hover Effect tab — pick a hover effect and preview it live.
The Hover Effect tab — pick a hover effect and preview it live.
The Advanced Logos tab — configure retina/@2x, dark-mode, and mobile logos.
The Advanced Logos tab — configure retina/@2x, dark-mode, and mobile logos.
The Import/Export tab — back up your settings as a JSON file, or restore them from one.
The Import/Export tab — back up your settings as a JSON file, or restore them from one.

블록

이 플러그인은 1개의 블록을 제공합니다.

  • Custom Site Logo

설치

From your WordPress dashboard

  1. Go to Plugins » Add New.
  2. Search for “Custom Site Logo”.
  3. Click Install Now, then Activate.
  4. Go to Appearance » Custom Site Logo to upload your logo and configure it, or Appearance » Customize for a live preview.

Manual installation

  1. Upload the custom-site-logo folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the “Plugins” menu in WordPress.
  3. Go to Appearance » Custom Site Logo to upload your logo and configure it.

FAQ

How do I insert the logo?

Open the header.php file of your current theme and paste <?php echo csl_CustomSiteLogo_show_logo(); ?> where you want the logo to appear. Alternatively, use the [csl_display_logo] shortcode, the “Custom Site Logo” block, or the “Custom Site Logo” widget — no template editing required.

Can I insert the logo from the post/page editor?

Yes, just use the [csl_display_logo] shortcode, or the “Custom Site Logo” block, in any post, page, or custom post type editor to display the logo.

Can I use a different logo on a specific page?

Yes. Edit the page or post and use the “Custom Site Logo” meta box in the sidebar to choose an override logo just for that page.

Does it support retina screens and dark mode?

Yes. On the “Advanced Logos” tab of the settings page you can upload a retina/@2x logo, a dark-mode logo, and a mobile logo, each shown automatically under the right conditions.

Why does my logo look too big?

Uncheck “Make Logo Responsive” on the settings page, or set a custom width and/or height for your logo.

Where is the settings page?

Go to Dashboard » Appearance » Custom Site Logo. You can also configure and preview your logo live from Appearance » Customize.

Can I back up or transfer my settings?

Yes. Use the Import/Export tab on the settings page to download your configuration as a JSON file, and import it again on this site or another one.

후기

Does not have alt text

primorudy10 2023년 10월 13일
Fine plugin for logo management

Does not display the image ALT text

Mimi 2021년 1월 16일
This works as described and is very easy, but I was not able to use it because it doesn’t display the image ALT text, either the ALT text as specified in the media library, nor does it allow you to insert other ALT text. Not ADA or WCAG compliant nor compliant with other accessibility guidelines throughout the world. Sorry! I ended up just hand-coding the logo into the header.

Get your logo from a CDN

photoworkout 2020년 1월 11일
This plugin does work well to server your logo from a CDN (external source). Useful if your theme does not have the option to insert the logo by just pasting the image URL (but requires the WP media uploader, e.g. via the customizer).

And…….a logo!

Curtis 2019년 12월 22일
It works. Thank you.

GREAT Plugin and AWESOME Support

ewdaadmin 2018년 8월 3일
This is a great plug-in and any questions I had were answered quickly. Awais was a HUGE help.

Simple plugin

galvinxpertex 2018년 4월 11일
Simple plugin to use.
모든 9 평가 읽기

기여자 & 개발자

“Custom Site Logo”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자
  • Awais Altaf

자국어로 “Custom Site Logo”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록을 RSS로 구독하세요.

변경이력

1.2.0

Release Date: August 15th, 2026

New features:

  • Added a “Custom Site Logo” block for the block editor, with a live preview.
  • Added a “Custom Site Logo” classic widget.
  • Added retina/@2x logo support.
  • Added an alternate dark-mode logo, shown automatically based on the visitor’s OS/browser preference.
  • Added an alternate mobile logo with a configurable breakpoint.
  • Added SVG logo upload support with basic sanitization.
  • Added a per-page/post logo override meta box.
  • Added a live-preview Customizer section (Appearance » Customize).
  • Added settings export/import (as a JSON file).
  • Added a “Logo Maker” tab: no logo yet? Type your site name, pick a font and colors, and generate a text logo right on the settings page. It’s uploaded to your Media Library and set as your logo automatically.

Updates:

  • Reorganized the settings page into tabs (General, Size & Layout, Hover Effect, Advanced Logos, Import/Export) for easier navigation. The active tab is remembered between visits.
  • Redesigned the settings page with a proper page header, thumbnail previews next to every logo field (with a one-click “Remove”), modern on/off toggle switches for checkbox options, and a two-card layout for Import/Export.
  • Shrunk the oversized hover-effect preview image on the settings page.

Bugfixes:

  • Fixed the “no logo uploaded” notice incorrectly appearing on every page/request; it is now only shown where the logo is actually rendered.
  • Fixed a fatal error (TypeError in WP_List_Table::row_actions()) on the Plugins page caused by the “Settings” action link filter.
  • Fixed the Media Library upload button being broken on other admin screens due to an unnecessary, globally-loaded Thickbox stylesheet.
  • Fixed the logo image field silently storing the literal placeholder text “Select Logo” as its value when no logo was chosen.
  • Fixed the “Save Settings” button showing on the Import/Export tab, where it didn’t apply.

1.0.3

Release Date: August 14th, 2026

Updates:

  • Resolved all PHPCS (WordPress Coding Standards) reported issues across the codebase.
  • Escaped all admin and front-end output, and added a nonce-safe check around the settings-saved notice.
  • Fixed the [csl_display_logo] shortcode to correctly return its markup instead of echoing it directly.
  • Added an alt attribute to the rendered logo image for better accessibility.
  • Clarified and improved the wording of settings page labels, descriptions, and messages.
  • Corrected a translation domain mismatch on the plugin’s “Settings” action link.
  • Updated “Tested up to” to the latest WordPress version.

1.0.2

Release Date: May 09th, 2023

Bugfixes:

  • Fixes PHP Function.

1.0.1

Release Date: May 25th, 2023

Bugfixes:

  • Fixes PHP warnings.

Updates:

Update the code standards.

기초

  • 버전 1.2.0
  • 최근 업데이트: 3일 전
  • 활성화된 설치 1,000+
  • 워드프레스 버전 3.0 또는 그 이상
  • 다음까지 시험됨: 7.0.4
  • PHP 버전 5.6 또는 그 이상
  • 언어
    English (US)
  • 태그:
    center logocustom logologologo managementwidget
  • 고급 보기

평점

별 5점 만점에 4.7점.
  • 8/5-별점 후기 별 5개 8
  • 0/4-별점 후기 별 4개 0
  • 0/3-별점 후기 별 3개 0
  • 1/2-별점 후기 별 2개 1
  • 0/1-별점 후기 별 1개 0

Your review

모든 리뷰 보기

기여자

  • Awais Altaf

지원

할 말 있으신가요? 도움이 필요하신가요?

지원 포럼 보기

  • 소개
  • 뉴스
  • 호스팅
  • 개인정보
  • 쇼케이스
  • 테마
  • 플러그인
  • 패턴
  • 배우기
  • 지원
  • 개발자 도구
  • WordPress.tv ↗
  • 참여하기
  • 이벤트
  • 기부하기 ↗
  • Swag ↗
  • WordPress.com ↗
  • Matt ↗
  • bbPress ↗
  • BuddyPress ↗
WordPress.org
WordPress.org

한국어

  • X(이전 트위터) 계정 방문하기
  • 블루스카이 계정 방문하기
  • 마스토돈 계정 방문하기
  • 스레드 계정 방문하기
  • 페이스북 페이지 방문하기
  • 인스타그램 계정 방문하기
  • LinkedIn 계정 방문하기
  • 틱톡 계정 방문하기
  • 유튜브 채널 방문하기
  • 텀블러 계정 방문하기
코드는 詩다
The WordPress® trademark is the intellectual property of the WordPress Foundation.