Buat Kod Pendek untuk tema WordPress kami

Sejak kami memulakan projek ini, kami selalu mahu ia mempunyai label kami sendiri, dan itulah sebabnya templat kedua yang kami gunakan DesdeLinux, ia dicipta oleh kami 100%.

Kemudian versi lain diikuti, dan walaupun kami dapat membeli atau menyewa perkhidmatan web tertentu untuk membuat reka bentuk kami seperti yang ada StudioDWeb.com, atau beli templat yang sudah dibuat di ThemeForest.net, kita selalu mahu mempunyai keperluan kita sendiri, disesuaikan dengan keperluan kita dan berhenti WebDevelopment.com dapat membantu 😀

Bagaimanapun, saya meminati Reka Bentuk dan Pembangunan Web, dan saya sudah mengusahakan topik baru untuk DesdeLinux dan saya akan menunjukkan beberapa Tangkapan Skrin bagaimana rupanya.

Ideanya adalah untuk tidak keluar dari apa yang sudah kita sesuaikan, sehingga banyak elemen tetap sama atau dengan cara yang serupa. Saya mulakan dengan halaman utama

Seperti inilah artikel itu:

Seperti yang anda lihat, ini sesuai dengan ukuran kami dan kami memasukkan yang baru ShortCodes untuk penjelasan artikel.

Itulah sebabnya saya terpikir untuk berkongsi dengan anda bagaimana membuat salah satu daripadanya (maklumat) sekiranya anda ingin memasukkannya ke dalam topik anda WordPress. Maksud saya, seperti ini:

Saya bukan pakar dalam pengaturcaraan dengan CMS ini, jadi saya tidak akan cuba menerangkan mengapa dan bagaimana ia berfungsi dengan cara ini, saya hanya akan menunjukkan cara melakukannya, tempoh.

Untuk ini kami menggunakan «pisau tentera Switzerland» dari WordPress, Maksud saya fail function.php yang biasanya kita dapati dalam hampir semua topik.

Contoh Function.php dengan Kod Pendek DesdeLinux

Apa yang akan kita lakukan dalam fail ini ialah menambah struktur ShortCode kami dan tentu saja, label yang menunjukkannya. Oleh itu mari kita sampai ke sana.

Di dalam Fungsi.php

Dalam fail function.php kami apa yang akan kami letakkan akan menjadi struktur HTML dari ShortCode, tetapi tidak hanya meletakkan tag HTML begitu sahaja. Kami mempunyai sesuatu seperti ini:

// Infobox fungsi maklumat ($ atts, $ content = null, $ code = "") {$ return = ' '; $ pulangan. = $ kandungan; $ pulangan. = ' '; pulangkan $ pulangan; } // The ShortCode add_shortcode ('info', 'infobox');

Dari sini kami menjelaskan beberapa perkara. Oleh itu, pertama sekali, apabila kita menggunakan dua bar, kita memberi komen yang jelas // Maklumat itu hanya komen.

Nama fungsi, dalam kes ini kotak maklumat Ia boleh diubah menjadi apa sahaja yang kita mahukan, tetapi mesti sesuai dengan nama yang kita gunakan di baris terakhir.

Contoh:

$ pulangan. = $ kandungan;

Pembolehubah $ kandungan di mana kandungan yang kita masukkan dalam ShortCode secara lalai akan mengembalikan nilai nol jika kita tidak meletakkan apa-apa.

Sekarang nama ShortCode adalah yang kami tetapkan dengan:

add_shortcode( 'info', 'infobox' );

Di mana anda boleh berubah maklumat untuk apa yang kita mahukan. Sekarang, untuk menjadikannya seperti contoh yang mesti kita berikan:

[ info ]Este será el ShortCode de ejemplo[ /info ]

Walaupun tentu saja, tanpa spasi, yang saya letakkan kerana jelas ShortCode akan diaktifkan.

Gaya ShortCode

Sekiranya anda melihat garis di atas, tanpa kod PHP dan pemboleh ubah, ShortCode dalam HTML tulen akan kelihatan seperti ini:

<div class="alert-info"></div>

Oleh itu, kita hanya perlu menerapkan gaya CSS.

.alert.alert-info {latar belakang: # d9edf7 url (info.png) tanpa ulangan 7px 50%; sempadan-jejari: 4px; sempadan: 1px pepejal # bce8f1; warna: # 3a87ad; saiz fon: 14px; margin: 15px 15px; padding: 15px 15px 15px 50px text-align: kiri}

Dan itu sahaja .. Saya ulangi, saya bukan pengaturcara atau semacamnya, dan penjelasan yang saya berikan adalah bagaimana saya memahami bahawa ShortCode berfungsi 😛