Nhược điểm của "Blogger Mẫu thiết kế" Mẫu
Bạn nên sử dụng các mẫu thiết kế được cung cấp bởi Blogger? Đây là một câu hỏi phổ biến hiện nay. Câu trả lời hợp lý nhất để nó là những gì có vẻ hấp dẫn từ bên ngoài không nhất thiết phải là hấp dẫn bên trong cũng có.
Các mẫu thiết kế đẹp mà nhiều blogger đã bắt đầu sử dụng mặc dù có vẻ tốt trong cái nhìn và cảm nhận và dễ dàng để chỉnh sửa bằng cách sử dụng "mẫu thiết kế" chức năng nhưng có một số hạn chế nghiêm trọng và các vấn đề liên kết với họ mà bạn phải biết. Tôi đã liệt kê tất cả những bất lợi có thể dưới đây.
Sử dụng quá nhiều năng động Mã hóa và biến
Blogger Templates được thiết kế sử dụng CSS và HTML và lập trình với XML và JavaScript. Tất cả các mẫu không chính thức sử dụng các ngôn ngữ cơ bản để tạo ra một mẫu blogger. Những mã có thể dễ dàng được chỉnh sửa, hiểu và chơi với. Tất cả các công cụ Lutip và hướng dẫn dựa trên các mã hóa cơ bản. Các mẫu Blogger mới tuy nhiên được sử dụng một ngôn ngữ khó khăn hơn và phức tạp năng động, có trách nhiệm cung cấp cho người sử dụng dễ dàng lựa chọn phần mềm chỉnh sửa. tức là Người sử dụng có thể chỉnh sửa màu sắc font chữ, kích cỡ, màu sắc liên kết, màu nền vv bằng cách sử dụng công cụ thiết kế mẫu. Mặc dù nghe có vẻ tốt nhưng những hạn chế của các tùy chọn tự động là toàn bộ mẫu khách tờ của bạn được khai báo sử dụng các biến.
Nói một cách dễ dàng một liên kết biến nhiều phần của CSS của bạn với nhau và nếu bạn thay đổi giá trị biến hiệu quả sẽ được áp dụng cho mỗi lớp CSS. Trong ngắn hạn cho Newbie các blogger và ngay cả đối với chúng tôi, chỉnh sửa các mẫu trở nên khó khăn như bạn không nhìn thấy giá trị hằng kí hiệu lạ như thế này:
/* Header
----------------------------------------------- */
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll top left;
_background-image: none;
----------------------------------------------- */
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll top left;
_background-image: none;
color: $(header.text.color);
-moz-border-radius: $(header.border.radius);
-webkit-border-radius: $(header.border.radius);
-goog-ms-border-radius: $(header.border.radius);
border-radius: $(header.border.radius);
}
-webkit-border-radius: $(header.border.radius);
-goog-ms-border-radius: $(header.border.radius);
border-radius: $(header.border.radius);
}
.Header img, .Header #header-inner {
-moz-border-radius: $(header.border.radius);
-webkit-border-radius: $(header.border.radius);
-goog-ms-border-radius: $(header.border.radius);
border-radius: $(header.border.radius);
}
-moz-border-radius: $(header.border.radius);
-webkit-border-radius: $(header.border.radius);
-goog-ms-border-radius: $(header.border.radius);
border-radius: $(header.border.radius);
}
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: $(header.padding);
padding-right: $(header.padding);
}
.header-inner .Header .descriptionwrapper {
padding-left: $(header.padding);
padding-right: $(header.padding);
}
.Header h1 {
font: $(header.font);
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
font: $(header.font);
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.Header h1 a {
color: $(header.text.color);
}
color: $(header.text.color);
}
.Header .description {
font-size: 130%;
}
font-size: 130%;
}
Lớp trên là mã CSS để tạo kiểu tóc Header. Bạn có thể thấy rõ các biến chỉ định bởi các dấu đô la ($) Bây giờ giả sử nếu bạn muốn chỉnh sửa hình nền của tiêu đề của bạn hoặc thay đổi màu sắc đường viền, kiểu chữ vv sau đó làm thế nào bạn có thể thiết lập các giá trị khi tất cả mọi thứ là trong biến? Tất nhiên bạn có thể làm điều đó nếu bạn có một số kiến thức về ngôn ngữ web nhưng điều này sẽ rất khó để các blogger mới.
Mã phụ tùng cũng được lập trình khác nhau sử dụng Macro: thẻ param. Xem mã này:
<aside>
<macro:include id='main-column-left-sections' name='sections'>
<macro:param default='0' name='num' value='0'/>
<macro:param default='sidebar-left' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
<macro:include id='main-column-left-sections' name='sections'>
<macro:param default='0' name='num' value='0'/>
<macro:param default='sidebar-left' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
Đây là phương pháp mới để thêm thẻ năng động để vật dụng của bạn để họ có thể được chỉnh sửa trực tiếp sử dụng "thiết kế mẫu". Trước đây các thẻ <b:section> phụ tùng được sử dụng đó là dễ hiểu và dễ thay thế khi so với điều này.
Thẻ đơn giản hơn như <body> đã được điều sai lầm vào một cái gì đó như thế này:
<body expr:class='"loading" + data:blog.mobileClass'>
Trong tất cả các hướng dẫn blogger chúng tôi luôn luôn đề cập đến thẻ body và bây giờ nó sẽ biến đau đầu cho các blogger mới tìm thấy tab body cùng một trong các mẫu thiết kế mới.
Kết luận:
Trong một vỏ hạt như một nhà thiết kế web bản thân mình tôi chỉ có thể tư vấn cho tất cả các bạn vui lòng dính vào mẫu tùy biến được mã hóa tốt hơn và tối ưu hóa so với các mẫu blogger. Với các mẫu tùy chỉnh bạn có lệnh hoàn toàn mã hóa bố trí của bạn và không phải trả lời trên các công cụ thiết kế mẫu. Bạn có thể áp dụng tất cả các thủ thuật hướng dẫn blogger mẫu tuỳ chỉnh của bạn dễ dàng và có thể thực hiện tốt hơn họ. Tôi cảm thấy điều quan trọng để thảo luận về chủ đề này như hầu hết các bạn đã phải đối mặt với các vấn đề trong việc áp dụng các tuts và thủ thuật. Hy vọng điều này làm cho mọi việc rõ ràng.