Từ khi bắt đầu dự án này, chúng tôi luôn muốn nó mang dấu ấn riêng của mình, và đó là lý do tại sao mẫu thứ hai mà chúng tôi sử dụng tại DesdeLinux được tạo ra hoàn toàn bởi chúng tôi.
Các phiên bản khác đã ra đời sau đó, và mặc dù chúng ta có thể mua hoặc thuê một số dịch vụ web để tạo ra các thiết kế của mình, chẳng hạn như từ EstudioDWeb.com , hoặc mua các mẫu có sẵn từ ThemeForest.net , nhưng chúng ta luôn muốn có thiết kế riêng, phù hợp với nhu cầu của mình, và việc truy cập DesarrolloWeb.com có thể hữu ích
Tóm lại, tôi rất đam mê thiết kế và phát triển web, và hiện đang làm việc trên giao diện mới cho DesdeLinux. Tôi sẽ cho các bạn xem một vài ảnh chụp màn hình về tiến độ công việc.
Ý tưởng không phải là vượt ra khỏi những gì chúng ta đã thích nghi, vì vậy nhiều yếu tố vẫn giữ nguyên hoặc theo cách tương tự. Tôi bắt đầu với trang chủ
Và đây là những gì các bài báo sẽ trông như thế này:
Như bạn thấy, mọi thứ đang diễn ra rất tốt đẹp đối với chúng tôi, và chúng tôi đã bổ sung thêm các Shortcode mới để tạo bài viết.
Đó là lý do tại sao tôi nghĩ mình sẽ chia sẻ với bạn cách tạo một trong những cái đó (cái hiển thị thông tin) trong trường hợp bạn muốn đưa chúng vào giao diện WordPress của mình . Nó sẽ trông như thế này:
Tôi không phải là một chuyên gia về lập trình với CMS này, vì vậy tôi sẽ không cố gắng giải thích tại sao và nó hoạt động như thế nào theo cách này, tôi sẽ chỉ cho bạn cách thực hiện, định kỳ.
Để làm điều này, chúng ta sử dụng "dao đa năng" của WordPress , tôi đang nói đến tệp functions.php mà chúng ta thường thấy trong hầu hết các giao diện.
Những gì chúng tôi sẽ làm trong tệp này là thêm cấu trúc của Mã ngắn của chúng tôi và tất nhiên, nhãn hiển thị nó. Vì vậy, hay thực hiện ngay bây giơ.
Bên trong Function.php
Bên trong tệp function.php của chúng ta, những gì chúng ta sẽ đặt sẽ là cấu trúc HTML của Mã ngắn, nhưng không chỉ đơn giản là đặt các thẻ HTML như vậy. Chúng tôi sẽ có một cái gì đó như thế này:
// Hộp thông tin hàm thông tin ($ atts, $ content = null, $ code = "") {$ return = ' '; $ return. = $ content; $ return. = ' '; return $ trở lại; } // Mã ngắn add_shortcode ('thông tin', 'hộp thông tin');
Từ đây, chúng ta làm rõ một vài điều. Thứ nhất, khi sử dụng hai dấu gạch chéo, chúng ta sẽ chú thích dòng đó, do đó // Info chỉ là một chú thích.
Tên hàm, trong trường hợp này là infobox, có thể được thay đổi thành bất kỳ tên nào chúng ta muốn, nhưng nó phải khớp với tên chúng ta đã sử dụng ở dòng cuối cùng.
Ví dụ:
$ return. = $ content;
Biến `$content` , nơi chứa nội dung mà chúng ta đưa vào ShortCode, sẽ trả về giá trị null nếu chúng ta không đưa gì vào đó.
Bây giờ, tên của Mã ngắn là những gì chúng tôi đặt với:
add_shortcode( 'info', 'infobox' );
Bạn có thể thay đổi thông tin thành bất cứ thứ gì bạn muốn. Bây giờ, để nó trông giống như ví dụ, chúng ta phải thêm:
[ info ]Este será el ShortCode de ejemplo[ /info ]
Mặc dù tất nhiên, không có khoảng trắng, mà tôi đặt vì rõ ràng Mã ngắn sẽ được kích hoạt.
Kiểu mã ngắn
Nếu bạn nhìn vào dòng trên, không có mã PHP và các biến, thì Mã ngắn trong HTML thuần túy sẽ giống như sau:
<div class="alert-info"></div>
Vì vậy, chúng ta chỉ phải áp dụng kiểu CSS.
.alert.alert-info {background: # d9edf7 url (info.png) không lặp lại 7px 50%; bán kính đường viền: 4px; border: 1px solid # bce8f1; màu: # 3a87ad; font-size: 14px; lề: 15px 15px; padding: 15px 15px 15px 50px text-align: left}
Và chỉ thế thôi... Tôi nhắc lại, tôi không phải là lập trình viên hay bất cứ thứ gì tương tự, và lời giải thích tôi đưa ra là cách tôi hiểu ShortCode hoạt động