\u00c9 asim itu atau produk akhir akan. Jika Anda melewati mouse atau mouse di atas foto seseorang, deposit dica de ferramenta akan dipamerkan. Anda dapat melihat demonstrasi langsung di sini. Sementara itu, item ini akan terus bertahan hingga demonstrasi, oleh isso adnexei tangkapan kain abaixo:<\/p>\n
![\"Deposit](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/tooltiptestimonialss.jpg\" "\\"Deposit")
<\/p>\n
<\/span>Dana:<\/span><\/h4>\nAtas dasar bahwa kami tidak memiliki spesialis dari masa lalu, menampilkan sumber daya manusia yang luar biasa cenderung menambah perasaan pribadi pada halaman. Inilah alasan mengapa kami ingin mengikuti jalan ini. Mari kita lakukan pencarian sederhana bukan Google untuk menemukan atau artigo Loren Nason. Tidak ada kualifikasi atau kode yang atau StudioPress gunakan. Bagian dari StudioPress adalah dukungan Anda. Ketika Loren tidak setuju, ketika dia bertanya kepada Brian Gardner tentang bagaimana dia dibesarkan di situsnya, Brian hanya mengirimkan file teladan. <\/p>\n
Atau masalah yang lebih besar adalah mereka hanya menyandikannya sebagai model mereka. Embora juga bekerja untuk kami pengembang, bukan solusi ideal yang Anda berikan atau situs ke pelanggan? Kami ingin dapat menemukan solusi yang kami berikan kepada klien kemampuan untuk menambah \/ menghapus setoran ke area tersebut. Untuk isso, kami memutuskan untuk menggunakan jenis pos dan metafield khusus untuk fazer isso di set as atau jQuery.<\/p>\n
<\/span>Jenis pos khusus dan bagan meta<\/span><\/h4>\nKami menetapkan bahwa klien memiliki kemampuan untuk melakukan hal berikut:<\/p>\n
Tambahkan foto pengguna (thumbnail)<\/li>\n Tambahkan nama pengguna (judul da postagem)<\/li>\n Tambahkan teks setoran (corpo da mensagem)<\/li>\n Posi\u00e7\u00e3o do cliente na empresa (bidang khusus atau caixa de meta)<\/li>\nHal pertama yang kami lakukan adalah menambahkan jenis postagem yang dipersonalisasi yang disebut Setoran yang kami terima, kecuali di lapangan (posisi klien \/ perusahaan). Terserah Anda untuk memutuskan apakah akan menambahkan kotak meta khusus atau jika klien Anda menggunakan bidang khusus. Kami mengatakan bahwa kami tidak boleh berhati-hati dan menawarkan pengalaman back-end yang sangat baik kepada klien kami, serta membutuhkan penambahan beberapa baris kode tambahan.<\/p>\n
Apa pun yang perlu Anda lakukan adalah menempel atau kode untuk mengikuti dan menyimpannya dalam file php di branco chamado tooltip-testimonials.php Anda memenuhi syarat karena alasan itu.<\/p>\n
Isso akan memberi kita konfigurasi WordPress dasar yang perlu kita komentari. Sekarang, Anda harus mulai menambahkan beberapa setoran agar dapat menunjukkannya. Mari kita rekap ke mana setiap item pergi.<\/p>\n
Tambahkan foto pengguna (gambar kecil \/ sorot gambar). Kami tidak mengonfigurasi untuk mengubah ukurannya dalam 96 x 96px. \u00c9 sempre melhor mengikuti proporsi itu.<\/li>\n Tambahkan nama pengguna (judul da postagem)<\/li>\n Tambahkan teks setoran (corpo da mensagem)<\/li>\n Posi\u00e7\u00e3o do cliente na empresa (dalam meta-caixa de informa\u00e7\u00f5es de depoimento)<\/li>\n<\/span>Tampilkan non-topikal<\/span><\/h4>\nSetoran besi dimaksudkan terutama untuk tema yang dipersonalisasi, oleh karena itu, sim, perlu menyarankan sebanyak mungkin untuk mengedit tema. Karena setiap tema memiliki dimensi, skema warna, dan gaya yang berbeda, kami memutuskan untuk meluncurkannya sebagai tutorial alih-alih sebagai plug-in. Ini dia atau apa yang akan kita lakukan untuk menampilkan tema WordPress dicas de ferramentas de seu:<\/p>\n
Tambahkan kode jQuery atau tema khusus.<\/li>\n Buat lingkaran kustom yang menunjukkan deposit dalam struktur yang kita inginkan.<\/li>\n Tambahkan CSS dasar untuk membuatnya cantik<\/li>\nPertama kali Anda melakukannya adalah menyalin dan memfilter atau mengikuti kode jQuery dan menyimpannya dalam file di branco chamado tooltip-testimonials.js:<\/p>\n
jQuery (document) .ready (function () {<\/p>\n
jQuery (“# \u200b\u200btestimonial imgHow untuk menambahkan deposit besi di tema WordPress”). tooltip ({<\/p>\n
\/\/ sesuaikan dengan posisi
Perpindahan: (0, 0),<\/p>\n
\/\/ gunakan atau efek “slide”
efek: ‘slide’<\/p>\n
\/\/ tambahkan plug-in dinamis dengan konfigurasi opsional untuk papan bawah
}). dinamis ({bawah: {arah: ‘bawah’, bouncing: true}});<\/p>\n
});<\/p>\n
Depois de fazer juga, kita harus membawa file itu bukan cabe\u00e7alho do seu tema. Anda dapat memilih secara manual fazer isso, dengan mengedit atau mengarsipkan header.php menggunakan skrip atau kode di area header atau mengikuti praktik yang disarankan dari WP dan menggunakan fungsi wp_enqueue_script. Mari kita pergi di depan file dengan tooltip-testimonials.js dalam skrip skrip topik. Jika tidak ada, cukup membuat pasta yang disebut skrip.<\/p>\n
Tambahkan atau ikuti kode atau file functions.php dari topik Anda:<\/p>\n
add_action (‘wp_enqueue_scripts’, ‘tooltip_enqueue_scripts’);
fun\u00e7\u00e3o tooltip_enqueue_scripts () {
if (! is_admin ()) {
wp_register_script (‘jquery_tools’, ‘http:\/\/cdn.jquerytools.org\/1.2.6\/full\/jquery.tools.min.js?ver=3.4.2’, ‘jquery’, ‘3.4.2’, verdade) ;
wp_enqueue_script (‘jquery_tools’);<\/p>\n
wp_register_script (‘dica de ferramenta’, get_stylesheet_directory_uri (). ‘\/scripts\/tooltip-testimonials.js’, ‘jquery’, ‘1’, verdade);
wp_enqueue_script (‘dica’);
}
}<\/p>\n
Sekarang kita takut berlatih, kita akan membuat lingkaran kustom yang akan memungkinkan kita untuk menampilkan gambar-gambar ini sebagai gambar pengguna dalam format berdasarkan kelas. Buka atau file di mana Anda ingin deposit ini muncul. Buka bilah samping, halaman beranda, atau tempat yang Anda inginkan. Em mengikuti, cole atau loop ensinteinte:<\/p>\n
Kode di atas loop akan menampilkan 6 elemen pada halaman. Anda dapat memproyeksikannya seperti yang Anda inginkan. Sebelumnya, tambahkan orderby = rand se tiver mais ou minus 20 deposit. Pangkas 6 ditampilkan secara acak.<\/p>\n
Sekarang kita akan menambahkan beberapa gaya CSS untuk membuatnya cantik. Abaixo adalah contoh CSS yang kami gunakan. Voc\u00ea provavelmente perlu menyesuaikannya berdasarkan gaya tema, diagram inti, dll.<\/p>\n
#testimonials .testimonials {width: 116px; flutuar: skeleton; margin: 35px 30px 0 0;}<\/p>\n
#testimonials .center {input teks: pusat; margin: 0px 0 15px ;; padding: 0px;}<\/p>\n
#testimonials .center img {box-shadow: 0px 2px 2px # d2d2d2; -moz-box-shadow: 0px 2px 2px # d2d2d2; -webkit-box-shadow: 0px 2px 2px # d2d2d2; perbatasan: 3px solid #fff;}<\/p>\n
#testimonials .testimonials-title {font-size: 14px; berat font: 700; input teks: pusat; margin: 3px 0 0; padding: 0px;}<\/p>\n
#testimonials .company {ukuran font: 12px; style memberi font: italic; input teks: pusat; margin: 0px; padding: 0px;}<\/p>\n
#testimonials .tooltip {background: # 111; cor: #fff; panjang: 200 px; preenchimento: 20px; margem: 0 5px 20px;}<\/p>\n
<\/span>Terakhir:<\/span><\/h4>\nKami harap artikel ini atau membantu Anda menambahkan dadu besi ke tema WordPress Anda. Ini adalah contoh yang sangat mendasar. Seperti disebutkan di atas, Anda selalu dapat menyesuaikan argumen wp_query untuk pesanan setoran acak. Anda juga dapat menggunakan plug-in Order Jenis Posting untuk memungkinkan pelanggan Anda menentukan atau memesan dengan antarmuka drag-and-drop yang mudah.<\/p>\n
Anda disuarakan oleh seseorang yang d\u00favida ou sugest\u00e3o, tidak ragu-ragu berbicara tentang coment\u00e1rio abaixo.<\/p>\n
Kami menetapkan bahwa klien memiliki kemampuan untuk melakukan hal berikut:<\/p>\n
Hal pertama yang kami lakukan adalah menambahkan jenis postagem yang dipersonalisasi yang disebut Setoran yang kami terima, kecuali di lapangan (posisi klien \/ perusahaan). Terserah Anda untuk memutuskan apakah akan menambahkan kotak meta khusus atau jika klien Anda menggunakan bidang khusus. Kami mengatakan bahwa kami tidak boleh berhati-hati dan menawarkan pengalaman back-end yang sangat baik kepada klien kami, serta membutuhkan penambahan beberapa baris kode tambahan.<\/p>\n
Apa pun yang perlu Anda lakukan adalah menempel atau kode untuk mengikuti dan menyimpannya dalam file php di branco chamado tooltip-testimonials.php Anda memenuhi syarat karena alasan itu.<\/p>\n
Isso akan memberi kita konfigurasi WordPress dasar yang perlu kita komentari. Sekarang, Anda harus mulai menambahkan beberapa setoran agar dapat menunjukkannya. Mari kita rekap ke mana setiap item pergi.<\/p>\n
<\/span>Tampilkan non-topikal<\/span><\/h4>\nSetoran besi dimaksudkan terutama untuk tema yang dipersonalisasi, oleh karena itu, sim, perlu menyarankan sebanyak mungkin untuk mengedit tema. Karena setiap tema memiliki dimensi, skema warna, dan gaya yang berbeda, kami memutuskan untuk meluncurkannya sebagai tutorial alih-alih sebagai plug-in. Ini dia atau apa yang akan kita lakukan untuk menampilkan tema WordPress dicas de ferramentas de seu:<\/p>\n
Tambahkan kode jQuery atau tema khusus.<\/li>\n Buat lingkaran kustom yang menunjukkan deposit dalam struktur yang kita inginkan.<\/li>\n Tambahkan CSS dasar untuk membuatnya cantik<\/li>\nPertama kali Anda melakukannya adalah menyalin dan memfilter atau mengikuti kode jQuery dan menyimpannya dalam file di branco chamado tooltip-testimonials.js:<\/p>\n
jQuery (document) .ready (function () {<\/p>\n
jQuery (“# \u200b\u200btestimonial imgHow untuk menambahkan deposit besi di tema WordPress”). tooltip ({<\/p>\n
\/\/ sesuaikan dengan posisi
Perpindahan: (0, 0),<\/p>\n
\/\/ gunakan atau efek “slide”
efek: ‘slide’<\/p>\n
\/\/ tambahkan plug-in dinamis dengan konfigurasi opsional untuk papan bawah
}). dinamis ({bawah: {arah: ‘bawah’, bouncing: true}});<\/p>\n
});<\/p>\n
Depois de fazer juga, kita harus membawa file itu bukan cabe\u00e7alho do seu tema. Anda dapat memilih secara manual fazer isso, dengan mengedit atau mengarsipkan header.php menggunakan skrip atau kode di area header atau mengikuti praktik yang disarankan dari WP dan menggunakan fungsi wp_enqueue_script. Mari kita pergi di depan file dengan tooltip-testimonials.js dalam skrip skrip topik. Jika tidak ada, cukup membuat pasta yang disebut skrip.<\/p>\n
Tambahkan atau ikuti kode atau file functions.php dari topik Anda:<\/p>\n
add_action (‘wp_enqueue_scripts’, ‘tooltip_enqueue_scripts’);
fun\u00e7\u00e3o tooltip_enqueue_scripts () {
if (! is_admin ()) {
wp_register_script (‘jquery_tools’, ‘http:\/\/cdn.jquerytools.org\/1.2.6\/full\/jquery.tools.min.js?ver=3.4.2’, ‘jquery’, ‘3.4.2’, verdade) ;
wp_enqueue_script (‘jquery_tools’);<\/p>\n
wp_register_script (‘dica de ferramenta’, get_stylesheet_directory_uri (). ‘\/scripts\/tooltip-testimonials.js’, ‘jquery’, ‘1’, verdade);
wp_enqueue_script (‘dica’);
}
}<\/p>\n
Sekarang kita takut berlatih, kita akan membuat lingkaran kustom yang akan memungkinkan kita untuk menampilkan gambar-gambar ini sebagai gambar pengguna dalam format berdasarkan kelas. Buka atau file di mana Anda ingin deposit ini muncul. Buka bilah samping, halaman beranda, atau tempat yang Anda inginkan. Em mengikuti, cole atau loop ensinteinte:<\/p>\n
Kode di atas loop akan menampilkan 6 elemen pada halaman. Anda dapat memproyeksikannya seperti yang Anda inginkan. Sebelumnya, tambahkan orderby = rand se tiver mais ou minus 20 deposit. Pangkas 6 ditampilkan secara acak.<\/p>\n
Sekarang kita akan menambahkan beberapa gaya CSS untuk membuatnya cantik. Abaixo adalah contoh CSS yang kami gunakan. Voc\u00ea provavelmente perlu menyesuaikannya berdasarkan gaya tema, diagram inti, dll.<\/p>\n
#testimonials .testimonials {width: 116px; flutuar: skeleton; margin: 35px 30px 0 0;}<\/p>\n
#testimonials .center {input teks: pusat; margin: 0px 0 15px ;; padding: 0px;}<\/p>\n
#testimonials .center img {box-shadow: 0px 2px 2px # d2d2d2; -moz-box-shadow: 0px 2px 2px # d2d2d2; -webkit-box-shadow: 0px 2px 2px # d2d2d2; perbatasan: 3px solid #fff;}<\/p>\n
#testimonials .testimonials-title {font-size: 14px; berat font: 700; input teks: pusat; margin: 3px 0 0; padding: 0px;}<\/p>\n
#testimonials .company {ukuran font: 12px; style memberi font: italic; input teks: pusat; margin: 0px; padding: 0px;}<\/p>\n
#testimonials .tooltip {background: # 111; cor: #fff; panjang: 200 px; preenchimento: 20px; margem: 0 5px 20px;}<\/p>\n
<\/span>Terakhir:<\/span><\/h4>\nKami harap artikel ini atau membantu Anda menambahkan dadu besi ke tema WordPress Anda. Ini adalah contoh yang sangat mendasar. Seperti disebutkan di atas, Anda selalu dapat menyesuaikan argumen wp_query untuk pesanan setoran acak. Anda juga dapat menggunakan plug-in Order Jenis Posting untuk memungkinkan pelanggan Anda menentukan atau memesan dengan antarmuka drag-and-drop yang mudah.<\/p>\n
Anda disuarakan oleh seseorang yang d\u00favida ou sugest\u00e3o, tidak ragu-ragu berbicara tentang coment\u00e1rio abaixo.<\/p>\n
Pertama kali Anda melakukannya adalah menyalin dan memfilter atau mengikuti kode jQuery dan menyimpannya dalam file di branco chamado tooltip-testimonials.js:<\/p>\n
jQuery (document) .ready (function () {<\/p>\n
jQuery (“# \u200b\u200btestimonial imgHow untuk menambahkan deposit besi di tema WordPress”). tooltip ({<\/p>\n
\/\/ sesuaikan dengan posisi
Perpindahan: (0, 0),<\/p>\n
\/\/ gunakan atau efek “slide”
efek: ‘slide’<\/p>\n
\/\/ tambahkan plug-in dinamis dengan konfigurasi opsional untuk papan bawah
}). dinamis ({bawah: {arah: ‘bawah’, bouncing: true}});<\/p>\n
});<\/p>\n
Depois de fazer juga, kita harus membawa file itu bukan cabe\u00e7alho do seu tema. Anda dapat memilih secara manual fazer isso, dengan mengedit atau mengarsipkan header.php menggunakan skrip atau kode di area header atau mengikuti praktik yang disarankan dari WP dan menggunakan fungsi wp_enqueue_script. Mari kita pergi di depan file dengan tooltip-testimonials.js dalam skrip skrip topik. Jika tidak ada, cukup membuat pasta yang disebut skrip.<\/p>\n
Tambahkan atau ikuti kode atau file functions.php dari topik Anda:<\/p>\n
add_action (‘wp_enqueue_scripts’, ‘tooltip_enqueue_scripts’);
fun\u00e7\u00e3o tooltip_enqueue_scripts () {
if (! is_admin ()) {
wp_register_script (‘jquery_tools’, ‘http:\/\/cdn.jquerytools.org\/1.2.6\/full\/jquery.tools.min.js?ver=3.4.2’, ‘jquery’, ‘3.4.2’, verdade) ;
wp_enqueue_script (‘jquery_tools’);<\/p>\n
wp_register_script (‘dica de ferramenta’, get_stylesheet_directory_uri (). ‘\/scripts\/tooltip-testimonials.js’, ‘jquery’, ‘1’, verdade);
wp_enqueue_script (‘dica’);
}
}<\/p>\n
Sekarang kita takut berlatih, kita akan membuat lingkaran kustom yang akan memungkinkan kita untuk menampilkan gambar-gambar ini sebagai gambar pengguna dalam format berdasarkan kelas. Buka atau file di mana Anda ingin deposit ini muncul. Buka bilah samping, halaman beranda, atau tempat yang Anda inginkan. Em mengikuti, cole atau loop ensinteinte:<\/p>\n
Kode di atas loop akan menampilkan 6 elemen pada halaman. Anda dapat memproyeksikannya seperti yang Anda inginkan. Sebelumnya, tambahkan orderby = rand se tiver mais ou minus 20 deposit. Pangkas 6 ditampilkan secara acak.<\/p>\n
Sekarang kita akan menambahkan beberapa gaya CSS untuk membuatnya cantik. Abaixo adalah contoh CSS yang kami gunakan. Voc\u00ea provavelmente perlu menyesuaikannya berdasarkan gaya tema, diagram inti, dll.<\/p>\n
#testimonials .testimonials {width: 116px; flutuar: skeleton; margin: 35px 30px 0 0;}<\/p>\n
#testimonials .center {input teks: pusat; margin: 0px 0 15px ;; padding: 0px;}<\/p>\n
#testimonials .center img {box-shadow: 0px 2px 2px # d2d2d2; -moz-box-shadow: 0px 2px 2px # d2d2d2; -webkit-box-shadow: 0px 2px 2px # d2d2d2; perbatasan: 3px solid #fff;}<\/p>\n
#testimonials .testimonials-title {font-size: 14px; berat font: 700; input teks: pusat; margin: 3px 0 0; padding: 0px;}<\/p>\n
#testimonials .company {ukuran font: 12px; style memberi font: italic; input teks: pusat; margin: 0px; padding: 0px;}<\/p>\n
#testimonials .tooltip {background: # 111; cor: #fff; panjang: 200 px; preenchimento: 20px; margem: 0 5px 20px;}<\/p>\n