自從我們開始這個項目以來,我們一直希望它有我們自己的標籤,這就是為什麼我們在第二個模板中使用 DesdeLinux,由我們100%創建。
然後是其他版本,儘管我們可以購買或租用某些Web服務來創建我們的設計,例如 StudioDWeb.com,或購買已在中創建的模板 ThemeForest.net,我們一直想擁有自己的東西,適應我們的需求並經歷 WebDevelopment.com 可以幫忙😀
無論如何,我對Web設計和開發充滿熱情,並且我已經在為 DesdeLinux 我將向您展示其外觀的一些屏幕截圖。
這個想法不是要擺脫我們已經適應的範圍,因此許多要素保持相同或相似的方式。 我從首頁開始
這是文章的樣子:
如您所見,這符合我們的標準,並且我們添加了新的 簡碼 條款的詳細說明。
這就是為什麼我想與您分享如何創建其中一個(信息之一)的情況,以防您想將它們包括在以下主題中 WordPress。 我的意思是這樣的:
我不是使用此CMS進行編程的專家,因此,我不會嘗試解釋這種方式的原因和工作方式,我只會向您展示如何做到這一點。
為此,我們使用了“瑞士軍刀” WordPress,我的意思是文件 function.php 通常在幾乎所有主題中都可以找到。
我們將在此文件中執行的操作是添加ShortCode的結構,當然還要添加顯示它的標籤。 因此,讓我們開始吧。
在Function.php內部
在我們的function.php文件中,我們將放置ShortCode的HTML結構,但這並不是簡單地像這樣放置HTML標記。 我們會有這樣的事情:
//資訊功能infobox($ atts,$ content = null,$ code =“”){$ return =' '; $ return。= $ content; $ return = =' '; return $ return; } // ShortCode add_shortcode('info','infobox');
從這裡我們澄清了幾件事。 首先,當我們使用兩個條形圖時,我們將這一行註釋掉,因此 //資訊 這只是一條評論。
函數的名稱,在這種情況下 信息框 可以將其更改為我們想要的任何名稱,但它必須與我們在最後一行中使用的名稱匹配。
例如:
$ return。= $ content;
可變的 $內容 默認情況下,這是我們放置在ShortCode中的內容所在的位置,如果我們不放置任何內容,它將返回空值。
現在,ShortCode的名稱就是我們設置的名稱:
add_shortcode( 'info', 'infobox' );
在哪裡可以改變 信息 為了我們想要的現在,使它看起來像示例,我們必須輸入:
[ info ]Este será el ShortCode de ejemplo[ /info ]
儘管當然沒有空格,但我放置了空格,因為顯然會激活ShortCode。
簡碼樣式
如果看上面的行,如果沒有PHP代碼和變量,純HTML中的ShortCode可能是這樣的:
<div class="alert-info"></div>
因此,我們只需要應用CSS樣式。
.alert.alert-info {background:#d9edf7 url(info.png)不重複7px 50%; border-radius:4px; 邊框:1px實線#bce8f1; 顏色:#3a87ad; font-size:14px; 邊距:15px 15px; 填充:15px 15px 15px 50px text-align:left}
這就是全部...我再說一遍,我不是程序員或類似的人,我給出的解釋是我如何理解 ShortCode 的工作原理 😛
我喜歡它的外觀,向您表示祝賀。
謝謝,您還有很長的路要走,但謝謝。
很好!! 我很樂意在我的WP中使用這樣的主題。
我祝賀你!
我還沒有放,我可以賣給你。哈哈哈哈..開玩笑🙂
太好了,謝謝分享。
Web上非常需要這種類型的資源,以便清楚地說明情況。
的問候!
漂亮的設計。 讓我們看看是否可以為我的網站提供該模板以對其進行自定義。
可以在博客中完成嗎?
好吧,什麼都沒有,我按原樣放置了它,對我來說不起作用,那會是什麼? :/
我把[信息]信息[/信息]
並且在我的wordpress帖子中僅顯示:信息,括號消失,我認為出了點問題:/
也許在您的模板中,在Function.php中未定義ShortCodes,因為在我的情況下,這些值被添加到我主題的一個名為shortcodes.php的文件中