Làm thế nào để thêm một liên kết Trang chủ?

(Bài này được lấy từ một trang website nước ngoài)

Tôi đã tìm thấy một bài đăng blog thú vị. Tôi đang vui mừng với nội dung và muốn tìm hiểu thêm về những gì khác trên blog và những người viết blog ví dụ này wit giải thưởng xuất sắc và trí tuệ.

Thật không may, họ không có nhiều sidebar một liên kết đến bài viết gần đây hoặc có liên quan, cũng không để Page, sinh khác hoặc liên hệ với thông tin rõ ràng bằng chứng. Vì vậy, tôi nhấp chuột vào tiêu đề của blog của họ trong các tiêu đề để đi đến trang của họ "nhà" để xem nếu có những liên kết đó sẽ cung cấp thông tin nhiều hơn.
Không có gì xảy ra.
Tôi di chuyển con chuột của tôi xung quanh phía trên cùng của trang và không có gì biến thành một liên kết trên blog của họ hoặc khá đồ họa tên. Không có gì. Tôi kiểm tra thanh bên một lần nữa cho cái gì mà nói "nhà" trong một liên kết. Không có gì. Tôi di chuyển xuống dưới cùng của trang để chân. Phải có một liên kết nhà có! Không có gì.
Tôi buộc phải chỉnh sửa URL blog để loại bỏ các thông tin liên kết bài viết để có được vào thư mục gốc để có được trang đầu của blog.
Stinks.
Nếu bạn không cung cấp một "nhà" trong thanh bên hoặc footer của blog của bạn, xin vui lòng, làm cho tiêu đề blog của bạn có thể click.
Có nhiều cách để làm điều này.

Tiêu đề Blog của bạn có thể nhấp

Để làm cho tiêu đề của tiêu đề blog của bạn có thể click, làm cho tiêu đề một liên kết:

  <h1>
 <a href="http://www.example.com/" title="My Blog Title"> Danh hiệu Blog </ a>
 </ H1> 

WordPress Themes, bạn có thể đặt các liên kết xung quanh một thẻ mẫu tự động tạo ra tiêu đề của blog trong header.php tập tin mẫu:

  <h1>
 <A href = "<php ​​bloginfo ('url');?>" Title = "<php ​​bloginfo ('name');?>">
 Php bloginfo ('name');?>
 </ A> </ h1> 

Để thực hiện toàn bộ các tiêu đề thể click được, bao gồm các văn bản tiêu đề và đồ họa, có nhiều kỹ thuật.
Bạn có thể làm cho toàn bộ điều có thể click được bằng cách đặt các liên kết xung quanh tất cả các mã, như được tìm thấy trong nhiều chủ đề WordPress:

  <div id="header">
  <A href = "<php ​​echo get_settings ('nhà');?>" Title = "<php ​​bloginfo ('name');">
    <div id="headerimg">
      <h1> <php bloginfo ('name');?> </ h1>
 <div class="description">
    Php bloginfo ('mô tả');?>
 </ Div>
     </ Div>
   </ A>
 </ Div> 

Bạn có thể sử dụng một kịch bản nhỏ bên trong của thẻ Bảo hiểm tiền gửi Việt Nam để làm cho nó có thể click được, mặc dù tôi không tin rằng công trình này trong mọi trình duyệt.

  <div id="header" onclick="location.href='http://example.com/';" style="cursor: pointer;"> 

Rất nhiều các blog hiện nay không sử dụng văn bản trong tiêu đề. Họ sử dụng một hình ảnh đại diện cho "danh hiệu" của blog. Bạn có thể thay thế các văn bản với một hình ảnh, chẳng hạn như:

  <div id="header">
   <A href = "<php ​​bloginfo ('url');?>" Title = "<php ​​bloginfo ('name');?>">
      <img src="headergraphic.gif" alt=" "/>
   </ A>
 </ Div> 

Bạn có thể muốn giữ lại tiêu đề blog và / hoặc mô tả, vì vậy nó có thể nhìn thấy cho những người không sử dụng CSS và đọc blog của bạn với một người đọc trang web cho người bị suy giảm thị giác hoặc bị khuyết tật, nhưng không nhìn thấy được thiết kế trang web của bạn. Bạn có thể làm cho các thể xuất hiện nhưng không "nhìn thấy" bằng cách sử dụng CSS phong cách: display:none , và / hoặc một vài thủ thuật CSS.
Trên WordPress.com blog của, tôi đang sử dụng các Sandbox WordPress Theme . Tôi không có chỉnh sửa truy cập các tập tin mẫu Theme. Tôi chỉ có thể kiểm soát giao diện của blog thông qua các phong cách CSS. Tôi cần thiết để làm cho tiêu đề blog và mô tả "biến mất" trong khi làm cho khu vực tiêu đề được đại diện bởi một hình ảnh (biểu tượng "Lorelle trên WordPress") trong nền, giải thích chi tiết hơn trong Tạo một Header Clickable Theme WordPress của bạn. Dưới đây là một bản tóm tắt của kỹ thuật này.
Khi bạn đặt một hình ảnh vào nền của một container HTML, nó không có hình dạng trong trình duyệt của bạn. Hình dạng và kích thước được điều khiển bởi các kiểu và kích thước của container nằm trong. Không có hình ảnh vật lý để bọc một liên kết xung quanh. Tôi cần thiết để thay đổi phong cách CSS để tạo ra một không gian cho các liên kết đến cư trú.
Mã HTML tương tự như mã hiển thị ở trên:

  <div id="header">
    <h1 id="blog-title">
 <A href = "<php ​​echo get_settings ('nhà');?> /? <Php bloginfo ('name')>" title =>
    Php bloginfo ('name') không?
 </ A> </ h1>
    <div id="blog-description">
       Php bloginfo ('mô tả');?>
    </ Div>
 </ Div> 

Trong đoạn mã kiểu dưới đây, sử dụng display:none , tôi đã mô tả blog "biến mất". Để làm cho tiêu đề blog vô hình, tôi đã làm cho màu sắc của liên kết tiêu đề blog phù hợp với màu nền của khu vực nền, và thiết lập các thẻ H1 phù hợp với cao 1pt quyền và duy nhất, đó là rất nhỏ. Đó là có, có thể đọc được bởi các công cụ khiếm thị và tìm kiếm có bỏ qua stylesheets.
Logo là bị chôn vùi trong các nền tảng của body tag. Để tạo ra "không gian" cho các liên kết đến trang chủ của tôi, tôi đã có hình dạng và kích thước "liên kết" trong lĩnh vực tiêu đề với CSS, thiết lập chiều cao và chiều rộng của liên kết trong khu vực tiêu đề.

  body {
      background-image: url ('/ files/2006/08/headerart.jpg');
      nền vị trí: phía trên bên trái;
      background-repeat: không lặp lại;
      background-color: # 005771 ;...}
 # Header {height: 150px;}
 h1 {font-size: 1pt;
      text-align: right;}
 Blog-mô tả {display: none;}
 Blog-tiêu đề, # blog-tiêu đề màu {: # 005771;
      background-color: transparent;}
 # Blog-tiêu đề vị trí {: tuyệt đối;
      trái: 15px;
      top: 6px;
      chiều rộng: 800px;
      chiều cao: 150px;} 

Chiều cao và chiều rộng của liên kết trong các blog-title neo (liên kết) thiết lập kích thước của khu vực liên kết, liên quan đến chiều cao 150px header Bảo hiểm tiền gửi Việt Nam. Khi bạn di chuyển chuột qua các tiêu đề trên blog này, các khu vực nơi mà nó nhận ra các liên kết vừa với chiều cao và chiều rộng neo, mặc dù, về mặt lý thuyết, có không phải là bất cứ điều gì có.

Thêm một liên kết Trang chủ

Nếu Theme WordPress của bạn là thiếu một "nhà" liên kết, liên kết sẽ đưa người truy cập trở lại trang đầu của blog của bạn, sau đó bạn cần phải thêm một.
Liên kết Trang chủ có thể được thêm vào tiêu đề blog của bạn, sidebar, hoặc footer, mặc dù các nơi phổ biến nhất có xu hướng được trong thanh bên Theme WordPress. Để thêm một liên kết Trang chủ để sidebar của bạn, chỉnh sửa tập tin sidebar.php của bạn mẫu.
Dưới đây là một ví dụ bao gồm một loạt các liên kết bạn có thể trộn và kết hợp cho blog của bạn (có hoặc không có permalinks), bao gồm:

• Một liên kết đến trang chủ của bạn ( index.php ).
• Một liên kết đến một thể loại cụ thể của bài viết mà bạn có thể muốn tính năng.
• Một liên kết với một blog bên ngoài, chẳng hạn như là một blog của bạn hoặc blog yêu thích của bạn đề nghị.
• Một liên kết đến một bài viết cụ thể (hoặc), bạn có thể muốn tính năng.
• Một danh sách các liên kết đến các trang blog của bạn (như Liên hệ, Giới thiệu, vv) mà không bao gồm các ID loại 2, 6 và 4, cũng không phải các trang con. Danh sách các trang trong thứ tự menu ID và không có tính năng mô tả trong tiêu đề cũng không phải là một tiêu đề cho danh sách.

---

<ul id="pageslist">
<li><a href="/index.php" title="Home Page">Home</a></li>
<li><a href="/index.php?cat=7" title="Category Something">Specific Category Link</a></li>
<li><a href="http://example2.com/" title="Another Blog">Another Blog Link</a></li>
<li><a href="http://example.com/a-blog-post" title="A specific post on your blog">A Blog Post Title</a></li>
<?php wp_list_pages('exclude=2, 6, 4&depth=1&use_desc_for_title=0&sort_column=menu_order&title_li='); ?>
</ul>

---

Để hiển thị danh sách trong tiêu đề chân trang của bạn trong một hàng duy nhất chứ không phải là một danh sách gạch đầu dòng, bạn có thể sử dụng các phong cách CS sau đây trong stylesheet của bạn, điều chỉnh padding và lợi nhuận sở thích của bạn:

  # Pageslist ul {list-style-type: không có;
  danh sách theo phong cách hình ảnh: không;
  margin: 0;}
 # Pageslist li {display: inline;
  padding: 0px 5px;} 

Liên kết Trang chủ của bạn có thể được thêm vào một thả xuống hoặc menu năng động hoặc bất cứ nơi nào trên blog của bạn. Việc xem xét của liên kết theo kiểu thông qua các kiểu, vì vậy nó có thể dễ dàng được kết hợp nơi mà bạn cần.
Bạn có thể muốn biến liên kết của bạn có thể click vào một nút đặc trưng nơi nào đó trên thiết kế của trang web blog của bạn chẳng hạn như trong sidebar, header hoặc footer. Để làm như vậy, tạo ra các nút với một chương trình đồ họa, hoặc thông qua một nút khác nhau hoặc phù hiệu các công cụ trực tuyến được liệt kê trong Buttons, Cung và Badges cho Blog của bạn . Lưu hình ảnh trong thư mục Theme WordPress của bạn trên blog của bạn. Sử dụng hình ảnh trong liên kết của bạn và thêm nó vào tập tin mẫu thích hợp, chẳng header.php như footer.php , footer.php hoặc trong tập tin mẫu bên.
Nó có thể giống như thế này:

  <a href="/index.php" title="Home Page">
 <img src="homelink.gif" alt="Click cho Trang chủ Page" />
 </ A> 

Cung cấp cho du khách một cơ hội để truy cập vào trang chủ của bạn không chỉ đưa họ vào bài viết gần đây nhất của bạn, nhưng bị một điểm khởi đầu. Theme WordPress của bạn không có tính năng một bên, chắc chắn rằng họ có thể nhận được "nhà" thông qua tiêu đề có thể click của bạn. Cung cấp cho họ một nơi để bắt đầu, và ai biết được những gì họ có thể tìm thấy khi họ bắt đầu nhìn xung quanh trên blog của bạn.

THỦ THUẬT 03:53