Làm thế nào để chèn logo trong tiêu đề?


9

Tôi khá mới trong thế giới WordPress (tôi đến từ Joomla)

Tôi đang gặp một số khó khăn khi chèn logo vào trang web thử nghiệm WordPress này: http://onofri.org/example/

Tôi muốn đặt logo của mình vào tiêu đề của trang web, thay vào đó là văn bản "VÍ DỤ".

Nhìn vào bảng cấu hình WordPress Tôi không tìm thấy nơi tôi có thể tải lên logo và tự động đặt nó thay vào đó là văn bản "VÍ DỤ" trong tiêu đề (Tôi không biết đây là chức năng WordPress tiêu chuẩn như trong Joomla hay nếu đó là một chức năng tính năng có thể được cung cấp bởi một số chủ đề cụ thể hoặc nếu tôi phải đặt trực tiếp vào mã)

Tuy nhiên tôi không tìm thấy nó ngay cả trong cài đặt chủ đề của tôi.

Tôi phải làm gì để đặt logo của mình? Tôi có phải chèn nó trực tiếp vào mã HTML của mình không?

Câu trả lời:


14

Hãy thử sửa đổi phần tiêu đề một chút để tuân thủ các tiêu chuẩn. Đây là những gì mã của bạn ngay bây giờ:

<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>

Đây là cách bạn có thể sửa đổi những thứ:

<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>

Hiện tại chỉ có 3 bước:

  • Thay vì sử dụng cài đặt hình ảnh tiêu đề mặc định của chủ đề, bạn có thể chỉnh sửa chủ đề của mình header.phpvới mã được đưa ra ở trên.
  • Thay vì chèn hình ảnh từ Thêm phương tiện mới, bạn có thể tải hình ảnh qua cPanel (Bảng điều khiển của máy chủ web) vào thư mục con của thư mục chủ đề có tên 'hình ảnh' .
  • Và thay vì tạo một hình ảnh lớn với nền cho logo của bạn, hãy thử tạo một logo đơn giản không có nền trong Photoshop (hoặc bất kỳ phần mềm đồ họa nào) - trong trường hợp Photoshop, chỉ cần làm điều đó: sau khi đặt hình ảnh logo vào một lớp, chỉ cần xóa lớp nền và sau đó lưu hình ảnh cho web (Tệp> Lưu cho web ... [ Ctrl+ Alt+ Shift+ S]) và chọn định dạng PNG-24 để có kết quả tốt. Sau đó lưu nó dưới dạng logo.pngvà đặt nó vào thư mục '/ wp-content / Themes / Simplemarket / hình ảnh /'.

Hy vọng bạn có được phần còn lại. Nếu có bất kỳ câu hỏi, xin vui lòng bình luận ở đây dưới.


2

Nếu có chức năng "logo", nó sẽ là một phần của chủ đề. Có lẽ một tùy chọn chủ đề hoặc một phần của hệ thống tùy biến chủ đề .

Tôi thường sử dụng Tiêu đề tùy chỉnh để thực hiện việc này cho các trang web thương mại, mặc dù tiêu đề tùy chỉnh không dành riêng cho logo. Đây là một chức năng "hình ảnh tiêu đề" chung chung.

Tóm lại, điều này phụ thuộc vào chủ đề. Nếu đó là một chủ đề bạn đang tạo, bạn có thể chỉnh sửa chủ đề để thêm nó. Xem các bài viết Codex đã được tham khảo.


2

Để thay đổi hình ảnh tiêu đề, hãy vào bảng quản trị của wordpress của bạn. Trong menu xuất hiện, nhấp vào tiêu đề và ở đó bạn sẽ tìm thấy tùy chọn tải lên hình ảnh tiêu đề và Văn bản để xuất hiện trong tiêu đề của bạn.

Nếu nó không hiển thị thì bạn phải chỉnh sửa tệp tiêu đề của mình và chèn đoạn mã sau vào tiêu đề nếu nó chưa tồn tại.

<?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>
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.