rumah > Unggul > Membuat widget untuk desktop Anda. Menulis gadget Windows Sidebar dari awal Membuat widget


Membuat widget untuk desktop Anda. Menulis gadget Windows Sidebar dari awal Membuat widget




Hari ini kita akan mengetahui cara membuat widget Anda sendiri di perangkat Android. Widget adalah elemen desktop yang familier yang dengannya Anda dapat mengakses beberapa fungsi aplikasi: melihat berita di jendela widget, ramalan cuaca, memperbarui berita di berbagai layanan, mengontrol berbagai fungsi perangkat (mengunci layar, menyalakan radio, Internet dan banyak lainnya). Kali ini kita tidak akan membuat sesuatu yang muluk-muluk dan sangat berguna seperti senter :), melainkan akan membuat widget sederhana yang akan diimplementasikan dalam bentuk tombol, jika diklik maka kita dengan menggunakan browser standar akan dibawa ke situs favorit semua orang. Tentu saja, Anda dapat menyesuaikan situs web apa pun yang Anda inginkan.

Buat proyek baru, pilih Aktivitas Kosong, versi minimum Android 2.2+. Saat membuat widget, hal pertama yang dilakukan adalah membuat objek AppWidgetProviderInfo, di mana kita akan menentukan file xml yang akan mengisi tampilan widget itu sendiri. Untuk melakukan ini, buat folder di proyek res/xml dan di dalamnya kita membuat file xml baru bernama widget.xml dengan konten berikut:

< appwidget- provider xmlns: android= android: minWidth= "146dp" android: updatePeriodMillis= "0" android: minHeight= "146dp" android: initialLayout= "@layout/activity_main" > < / appwidget- provider>

Sekarang mari kita pergi ke file aktivitas_main.xml dan buat antarmuka widget kita, itu akan terdiri dari sebuah tombol Tombol:

< LinearLayout xmlns: android= "http://schemas.android.com/apk/res/android" xmlns:alat= "http://schemas.android.com/tools" android: layout_width= "match_parent" android: layout_height= "match_parent" android: gravitasi= alat "atas": konteks= ".MainActivity" >< Button android: id= "@+id/button" android: layout_width= "wrap_content" android: layout_height= "wrap_content" android: layout_marginLeft= "5dp" android: text= "@string/app_name" / > < / LinearLayout >

Seperti yang Anda lihat, kami telah membuat tombol biasa, dan ini akan menjadi widget kami:

Artinya, Anda kemudian dapat melakukan apa pun yang Anda inginkan alih-alih menggunakan tombol ini.

Mari beralih bekerja dengan kode di file Aktivitas Utama.java. Itu harus mewarisi dari kelas Penyedia Widget Aplikasi, yang metode utamanya ada pada Pembaruan(). Dalam metode ini kita perlu mendefinisikan dua objek: PendingIntent Dan Tampilan Jarak Jauh. Di akhir penggunaannya, Anda perlu memanggil metode tersebut perbaruiAppWidget(). Kode berkas Aktivitas Utama.java:

impor android.net.Uri; impor android.app.PendingIntent; impor android.appwidget.AppWidgetManager; impor android.appwidget.AppWidgetProvider; impor android.konten.Konteks; impor android.konten.Intent; impor android.widget.RemoteViews; impor android.widget.Toast; impor com.example.widget.R ; kelas publik MainActivity extends AppWidgetProvider( @Override public void onUpdate (Konteks konteks, AppWidgetManager appWidgetManager, int appWidgetIds) ( untuk (int i= 0; i< appWidgetIds. length; i++ ){ int currentWidgetId = appWidgetIds[i]; //Buat permintaan http sederhana ke tautan yang ditentukan dan ikuti: String url = "http://situs" ; Maksud maksud = Maksud baru(Intent . ACTION_VIEW); maksud. addFlags(Intent . FLAG_ACTIVITY_NEW_TASK); maksud. setData(Uri .parse(url)); //Kami mendefinisikan dua objek yang diperlukan dari kelas PendingIntent dan RemoteViews: PendingIntent tertunda = PendingIntent . getActivity(konteks, 0,maksud, 0); Tampilan RemoteViews = RemoteViews baru (context.getPackageName(),R.layout.activity_main); //Konfigurasi pemrosesan klik untuk menambahkan widget: dilihat. setOnClickPendingIntent(R .id.tombol, tertunda); appWidgetManager. updateAppWidget(currentWidgetId,tampilan); Roti panggang. makeText(konteks, "Widget ditambahkan", Roti panggang . PANJANG_PENDEK). menunjukkan(); ) ) )

Agar widget kita berfungsi dengan sukses, kita memerlukan sedikit keajaiban di file manifes AndroidManifest.xml. Seharusnya terlihat seperti ini:

< manifest xmlns: android= "http://schemas.android.com/apk/res/android" paket = "com.example.widget" android: versionCode = "1" android: versionName = "1.0" >< uses- permission android: name= "android.permission.INTERNET" / > < application android: allowBackup= "true" android: icon= "@drawable/ic_launcher" android: label= "@string/app_name" android: theme= "@style/AppTheme" > < receiver android: name= "home.study.MainActivity" > < intent- filter> < action android: name= "android.appwidget.aksi.APPWIDGET_UPDATE" / > < / intent- filter> < meta- data android: name= "android.appwidget.provider" android: resource= "@xml/widget" / > < / receiver> < / application> < / manifest>

Seperti yang Anda duga, widget ditentukan dalam tag<penerima> .

Satu-satunya hal yang perlu diperbaiki adalah mengedit file string.xml, menambahkan baris yang kami gunakan di sana:

< ? xml version= "1.0" encoding= "utf-8" ? > < resources> < string name= "app_name" >MEMPELAJARI. ANDROID < string name= "action_settings" >Pengaturan < string name= "hello_world" >Halo Dunia!< / string> < / resources>

Perhatian! Android Studio mungkin menyumpahi Anda saat memulai program, mengharuskan Anda menentukan aktivitas default. Pilih baris "Jangan luncurkan Aktivitas":

Sekarang instal aplikasi di emulator atau perangkat, tambahkan widget ke desktop:

Dan klik di atasnya:


Seperti yang Anda lihat, semuanya berfungsi dengan baik.

Jadi, dalam tutorial ini kami telah membuat Widget Android sederhana, yang terdiri dari sebuah Tombol, ketika Anda mengklik widget kami, kami membuat permintaan http sederhana dan mengikuti tautan URL yang diberikan. Anda dapat berlatih dengan beberapa elemen lain, bukan tombol, dan menghasilkan fungsionalitas yang menarik untuk elemen tersebut. Semoga beruntung!

Untuk membuat widget di Android Sama sekali tidak perlu mengetahui cara memprogram. Ada beberapa aplikasi desain yang memudahkan menggambar widget dan memberikan fungsionalitas yang diinginkan.

Teks Minimalis

Aplikasi ini memungkinkan Anda membuat widget minimalis yang terdiri dari teks dan angka. Terlepas dari namanya, widget ini memiliki kemampuan yang sangat luas.

Setelah instalasi, tambahkan widget Teks Minimalis dengan ukuran yang diperlukan ke desktop Anda. Jendela pengaturan widget akan terbuka.

Dalam pengaturan Anda dapat memilih latar belakang, orientasi, font, tindakan klik, dll. Juga dalam pengaturan ada tata letak yang telah ditentukan sebelumnya untuk diisi:

  • Waktu.
  • Tanggal.
  • Tingkat pengisian daya.
  • Suhu.

Opsi tambahan untuk mengisi widget tersedia saat membuat tata letak widget Anda sendiri:

  • Teks.
  • Ruang kosong/terpakai di kartu SD.
  • Waktu pengoperasian sistem.
  • Jumlah data yang ditransfer melalui jaringan seluler dan banyak lagi.
  • Nama jaringan Wi-Fi, alamat IP di jaringan Wi-Fi.
  • Jumlah RAM yang digunakan.

Semua nilai dapat ditampilkan dalam teks dan angka.

Widget khusus terbaik (UCCW)

Aplikasi ini memungkinkan Anda membuat widget tidak hanya dari teks, tetapi juga dengan konten grafis.

Saat diluncurkan, jendela pembuatan widget terbuka. Untuk menambahkan objek ke widget, klik tombol +/- di bagian atas. Untuk memindahkan dan mengeditnya dengan cara apa pun, klik tombol “Pilih Objek” di bagian atas dan pilih objek yang ditambahkan.

Anda dapat menempatkan objek berikut pada widget:

  • Waktu, tanggal dan hari dalam seminggu.
  • Jam analog.
  • Teks khusus.
  • Tingkat pengisian daya dalam angka atau tampilan grafisnya.
  • Semua informasi cuaca - suhu, kelembaban, kecepatan angin, dll.
  • Angka geometris.
  • Gambar-gambar.
  • Jumlah email Gmail yang belum dibaca, sms dan panggilan tidak terjawab.
  • Waktu ketika jam alarm akan berdering.

Setiap elemen dapat diputar, diregangkan, ditekuk dan diubah warnanya. Tentu saja, Anda dapat mengonfigurasi tindakan klik (Pilih Objek->Hotspot). Impor dan ekspor widget yang dibuat didukung.

Sistem operasi Android memiliki banyak fungsi dan kemampuan. Salah satunya adalah widget – jendela yang memungkinkan Anda menggunakan sebagian fungsi aplikasi tanpa meluncurkannya.

Pada dasarnya, widget disertakan dengan aplikasi. Namun, ada program yang tidak memiliki opsi ini. Ini berarti Anda harus mengambil tindakan sendiri!

  • Menggunakan Play Market, kami mengunduh aplikasi gratis “KWGT Kustom Widget Maker”, yang dapat dibeli secara gratis, tetapi beberapa fungsi hanya akan tersedia setelah membeli add-on.

Program ini bertindak sebagai platform untuk meluncurkan widget pihak ketiga dari berbagai pengembang. Selain itu, Anda dapat mengubah tampilan widget dan memberinya fungsionalitas tambahan.


Pada awalnya, Anda mungkin berpikir bahwa “KWGT Kustom Widget Maker” adalah aplikasi kompleks yang menyerupai program pengembangan perangkat lunak. Ya dan tidak: antarmukanya serupa, tetapi tidak ada yang rumit di sini.


Untuk mulai mengedit widget:

  • buka desktop dan panggil menu untuk mengedit desktop dengan menahan tombol menu atau mengetuk layar lama-lama;
  • temukan bingkai widget “KWGT” dan atur ukuran yang diperlukan, misalnya - 4x2. Setelah ini, sebuah jendela muncul di desktop;
  • Klik pada jendela, sehingga membuka menu pemilihan widget;
  • Pilih tata letak yang Anda suka dan klik (Tata letak tambahan dapat diunduh dari Play Store. Untuk melakukan ini, tentukan “widget KWGT” di bilah pencarian aplikasi);
  • Setelah memilih tata letak yang Anda suka, aplikasi akan melanjutkan untuk mengeditnya. Pengaturan berikut akan tersedia:
  1. Elemen yang bertanggung jawab untuk mengatur parameter geometris widget;
  2. Latar Belakang, bertanggung jawab atas gambar latar belakang pada widget;
  3. Sentuhan yang menentukan tindakan yang akan dilakukan saat widget diaktifkan;
  4. Lapisan yang bertanggung jawab atas skala widget;

Hasilnya, kita akan mendapatkan widget unik dengan fungsionalitas yang diperlukan.

Baru-baru ini saya perlu membuat gadget untuk Windows Sidebar. Saya tidak memiliki keahlian apa pun dalam hal ini, jadi setelah mencari di Google sedikit dan membaca dokumentasinya, mari kita mulai.

Saya akan menunjukkan kepada Anda apa yang saya dapatkan segera.


Gadget akan menerima informasi dari situs dalam bentuk xml, menguraikannya dan bahkan menampilkannya. Gadget juga akan memeriksa versi baru, dan jika ada, menolak untuk bekerja :)
Awalnya demi menambah pengalaman, saya ingin menulis gadget seluruhnya dalam VBScript (karena saya belum membahasnya), namun pada akhirnya saya harus membuat sisipan dalam JavaScript.
Mari kita langsung ke kodenya. Saya tidak akan mengulas keseluruhan kode di sini, saya hanya akan menunjukkan poin utamanya. Tautan ke gadget yang sudah jadi ada di akhir artikel.
File utama gadget adalah manifesnya – file Gadget.xml. Itu harus disebut persis seperti itu dan terletak di root arsip kita (gadget tidak lebih dari arsip ZIP dengan ekstensi .gadget).

Cuaca dari Info.Denms.Ru 1.0.1232 Widget Cuaca Lengkap (Info.Denms.Ru)

Mari kita lihat lebih detail.
Elemen harus berisi apiVersion yang sama dengan 1.0.0 (saat ini), serta atribut src, yang menentukan file utama gadget kita;
Izin untuk gadget. Tetapkan sama dengan penuh;
Versi minimum Windows Sidebar. Saat ini – 1.0;
Pilihan - nama gadget, - Versi: kapan, - informasi tentang penulis, - link ke halaman dengan gadget, - ikon gadget dan akan ditampilkan pada panel gadget yang terpasang.

File main.html merupakan file html biasa, saya tidak akan mencantumkannya secara lengkap, saya hanya akan membahas beberapa poin saja.
Elemen g:background digunakan untuk mengatur latar belakang gadget. Mari kita buat menjadi transparan.

Gadget dapat berada dalam dua kondisi – terpasang di dok (di sebelah kiri pada layar di atas), dan tidak dipasang di dok (di sebelah kanan). Kami akan menyimpan status gadget saat ini dalam variabel JavaScript yang di-dock.

Kita akan memerlukan fungsi wrapper isDocked di masa mendatang untuk mengetahui status gadget saat ini dari VBScript (sekeras apa pun saya mencoba, saya tidak dapat mengimplementasikannya di VBScript murni). Satu catatan lagi - skrip berfungsi dengan benar dalam urutan ini, yaitu. Pertama kami menjelaskan skrip VBScript, lalu JavaScript.

Elemen lainnya di main.html adalah elemen DIV yang diposisikan secara mutlak. Selanjutnya, dari skrip kita akan mengaksesnya berdasarkan idnya.

Menggunakan JavaScript, kami akan mengatur status gadget yang di-dock dan tidak di-dock, dan juga menentukan file pengaturan (main.js)

System.Gadget.onDock = ubah ukuran; System.Gadget.onUndock = ubah ukuran; Sistem.Gadget.settingsUI = "settings.html"; System.Gadget.onSettingsClosed = PengaturanTutup; berlabuh=0; //keadaan awal gadget resize(); //inisialisasi

Seperti yang dapat Anda lihat dari daftar di atas, ketika status gadget berubah, fungsi resize() akan dipanggil.

Fungsi resize() ( bd = document.body.style; System.Gadget.beginTransition(); if (System.Gadget.docked) ( // keadaan kecil bd.width=148; // mengatur ukuran gadget bd.height= 201 ; docked = 1; bd.background="url(images/gadget.png) no-repeat"; //setel latar belakang //lalu ikuti transfer nilai dari status tidak di-dock ke dock dan elemen-elemennya menjadi nol keadaan tidak terkunci document.getElementById("small_needupdate ").innerHTML = document.getElementById("big_needupdate").innerHTML; document.getElementById("big_needupdate").innerHTML = ""; state bd.width=230; bd.height=160; bd.background="url(images/gadgeth.png) no-repeat"; nyatakan document.getElementById("big_needupdate").innerHTML = document.getElementById("small_needupdate").innerHTML; document.getElementById("small_needupdate").innerHTML = ""; .Gadget.TransitionType.morph,1); )

Anda juga dapat menjelaskan fungsi menyimpan pengaturan. Gadget saya tidak memilikinya, tapi sebagai contoh saya akan menunjukkan cara melakukannya.

Pengaturan FungsiClosed(event) ( if (event.closeAction == event.Action.commit) ( //alert System.Gadget.Settings.readString("test"); ) )

ReadString – membaca string yang disimpan sebelumnya, writeString, masing-masing, menulis.
Metode System.Gadget.beginTransition(); dan Sistem.Gadget.endTransition(); diperlukan untuk mengubah ukuran gadget secara "lancar". Mereka diabaikan di Windows Seven, tapi saya tetap membiarkannya untuk kompatibilitas ke belakang.

Seperti disebutkan di atas, server memberi kami informasi cuaca dalam format xml.

1.7 41 salju berawan 87 Barat Daya 5 -3 -1 -1 26 1 -9 41 0 …

Kami akan mengunduh dan mengurai xml menggunakan VBScript.

Sub UnduhXML2 Setel objXML = CreateObject("Microsoft.XmlHttp") objXML.Buka "GET", "http://info.kovonet.ru/weather.xml", True objXML.OnReadyStateChange = GetRef("objXML_onreadystatechange") objXML.setRequestHeader "Jika-Dimodifikasi-Sejak", "Sab, 1 Jan 2000 00:00:00 GMT" objXML.Send iTimeoutID = window.SetTimeout("mySleep", 1000) End Sub

Fungsi mySleep akan memeriksa batas waktu koneksi kita.

Sub mySleep if bRespReceived = "false" lalu "respon belum diterima iTimeout = iTimeout + 1 if (iTimeout > 30) lalu "timeout timerFirstRun = window.SetTimeout("Update", 60000) "coba perbarui ulang sebentar lagi "timeout belum tercapai, terus hitung detik iTimeoutID = window.SetTimeout("mySleep", 1000) end if end if End Sub

Jika pengunduhan berhasil, objXML.readyState akan sama dengan empat, dan status (objXML.status) akan mengembalikan nilai 200.

Fungsi objXML_onreadystatechange() If (objXML.readyState = 4) Lalu "msgbox objXML.statusText If (objXML.status = 200) Kemudian bRespReceived=true SaveFile(objXML.responseText) else timerFirstRun = window.SetTimeout("Update", 60000) " coba perbarui lagi sebentar lagi Fungsi Akhir Jika Berakhir Jika Berakhir

Dalam hal ini, simpan file ke folder Windows sementara

Fungsi SaveFile(apa) Setel fso = CreateObject("Scripting.FileSystemObject") tempFolder = fso.GetSpecialFolder(2) filepath = tempFolder+"\weather.xml" Redupkan fso1, tf Setel fso1 = CreateObject("Scripting.FileSystemObject") Setel tf = fso1.CreateTextFile(filepath, True, True) "tulis ulang, unicode tf.Write(apa) tf.Tutup Fungsi Akhir ParseXML

Dan kami mulai mengurai file tersebut.

Sub ParseXML Setel fso = CreateObject("Scripting.FileSystemObject") tempFolder = fso.GetSpecialFolder(2) filepath = tempFolder+"\weather.xml" Setel xmlDoc = CreateObject("Msxml2.DOMDocument") xmlDoc.async="false" xmlDoc. load(filepath) "simpul utama – dalam kasus kami Tetapkan currNode = xmlDoc.documentElement "hari dalam seminggu – Setel dayNode = currNode.firstChild Meskipun Bukan dayNode Tidak Ada Apa-apa Setel currNode = dayNode.firstChild Meskipun Bukan currNode Tidak Ada Apa-apa jika currNode.parentNode.getAttribute("id") = "hari ini" lalu "hari ini jika currNode.nodeName = "temp" lalu dokumen .getElementById(prefix+"maintemp").innerHTML = currNode.childNodes(0).text+Chr(176) "tampilkan elemen yang tersisa Lain "jangan hari ini, tampilkan lebih halus"... end If Set currNode = currNode.nextSibling Wend Setel dayNode = dayNode.nextSibling Wend End Sub

Memeriksa versi baru dilakukan dengan cara yang persis sama.
Jangan lupa untuk membuat file pengaturan - settings.html, yang keberadaannya kami umumkan di atas.

Pengaturan

Sebenarnya itu saja. Saya akan senang jika artikel saya (pertama :)) bermanfaat bagi seseorang.

Sumber yang digunakan.

Membuat Widget WordPress– ini kira-kira cara membuat plugin, namun jauh lebih sederhana dan jelas. Yang Anda butuhkan hanyalah satu file dengan semuanya PHP kode yang lebih mudah untuk ditulis daripada plugin yang memiliki banyak file. Ada tiga fungsi utama widget: ini adalah widget, memperbarui Dan membentuk.

  • widget fungsi()
  • pembaruan fungsi()
  • bentuk fungsi()

| Unduh sumber |

Struktur dasar

Desain dasar widget kami sangat sederhana, ada fungsi berguna yang perlu Anda ketahui. Tulang punggung struktur widget kita akan menjadi seperti ini:

Add_action("widgets_init", "register_my_widget"); // berfungsi untuk memuat widget saya fungsi register_my_widget() () // berfungsi untuk mendaftarkan kelas widget saya My_Widget extends WP_Widget () () // Contoh fungsi kelas widget My_Widget() () // Fungsi Pengaturan Widget widget() () // menampilkan fungsi widget update()() // memperbarui fungsi widget form()() // dan tentunya form untuk pilihan widget

Langkah 1. widget_init

Sebelum kita melakukan semua ini, kita perlu memuat widget kita menggunakan fungsi tersebut widget_init. Ini adalah petunjuk untuk tindakan, yang informasi selengkapnya dapat Anda temukan di kodeks WordPress.

Add_action("widgets_init", "register_my_widget");

Hal berikutnya yang akan kita lakukan adalah ayo mendaftar widget kami di WordPress sehingga tersedia di bagian widget.

Fungsi register_my_widget() ( register_widget("Widget_Saya"); )

Langkah 2. Kelas

Kami akan menyertakan widget kami di dalamnya Kelas. Nama kelas penting! Yang harus kita ingat adalah nama kelas dan nama fungsinya harus sama identik.

Kelas My_Widget memperluas WP_Widget()

Sekarang kita akan melewati beberapa pilihan pengaturan. Misalnya, kami dapat mengirimkan lebar Dan tinggi. Kita juga bisa memberi sedikit keterangan ke widget kita jika kita mau. Ini akan berguna jika Anda mengaitkan widget dengan tema komersial Anda.

Fungsi My_Widget() ( function My_Widget() ( $widget_ops = array("classname" => "example", "description" => __("Widget yang menampilkan nama penulis", "example")); $control_ops = array("lebar" => 300, "tinggi" => 350, "id_base" => "widget contoh"); $ini->WP_Widget("widget contoh", __("Widget Contoh", "contoh" ), $widget_ops, $kontrol_ops);

Sekarang kita sudah selesai dengan persyaratan dasar untuk widget kita, kita akan mengalihkan perhatian kita ke tiga fungsi, yang telah kita bicarakan sebelumnya dan apa saja fungsi penting atau blok dasar untuk membuat widget kita!

Langkah 3: widget fungsi()

Fungsi pertama mengacu pada menampilkan widget kami. Kami akan menyampaikan beberapa argumen ke dalam fungsi kita. Kami akan memberikan argumen berdasarkan topik, bisa berupa judul atau parameter lainnya. Sekarang kita meneruskan variabelnya contoh, yang dikaitkan dengan kelas fungsi kita.

Widget fungsi($args, $instance)

Setelah itu kita ekstrak pilihan dari argumen karena kita memerlukan parameter tersedia secara lokal. Jika Anda tidak mengetahui apa itu variabel lokal, jangan khawatir sekarang dan tambahkan saja langkah ini.

ekstrak($args);

Selanjutnya kita akan menginstal judul Dan parameter lainnya untuk widget kita, yang dapat diubah oleh pengguna di menu widget. Kami juga menambahkan variabel khusus seperti $sebelum_widget, $setelah_widget. Parameter ini diproses oleh tema.

$title = apply_filters("widget_title", $instance["title"]); $nama = $contoh["nama"]; $show_info = isset($instance["show_info"]) ? $instance["show_info"] : salah; gema $sebelum_widget; // Menampilkan judul widget if ($title) echo $before_title . $judul . $setelah_judul; //Tampilkan nama if ($nama) printf("

" . __("Hai Pelaut mereka! Nama saya %1$s.", "contoh") . "

", $nama); if ($show_info) printf($nama); echo $after_widget;

Langkah 4: pembaruan fungsi()

Pembaruan fungsi($new_instance, $old_instance) ( $instance = $old_instance; //Hapus tag dari judul dan nama untuk menghapus HTML $instance["title"] = strip_tags($new_instance["title"]); $instance[" nama"] = strip_tags($new_instance["name"]); $instance["show_info"] = $new_instance["show_info"]; return $instance; )

Satu hal yang perlu diperhatikan: di sini kita menggunakan strip_tags untuk menghapus semua teks dari XHTML, yang dapat mengganggu pengoperasian widget kami.

Langkah 5. bentuk fungsi()

Pada langkah selanjutnya kita akan membuat membentuk yang akan disajikan blok masukan. Ini akan menerima pengaturan dan nilai yang ditentukan pengguna. Fungsi membentuk mungkin termasuk kotak centang, kolom input teks, dll.

Sebelum kita membuat kolom masukan ini, kita perlu memutuskan apa yang akan ditampilkan ketika pengguna tidak memilih apa pun dari widget. Untuk melakukan ini, kami akan memberikan nilai default untuk parameter, seperti judul, deskripsi, dll.

//Siapkan beberapa pengaturan widget default. $defaults = array("title" => __("Contoh", "contoh"), "nama" => __("Bilal Shaheen", "contoh"), "show_info" => benar); $instance = wp_parse_args((array) $instance, $default); ?>

Sekarang kita akan membuat bidang masukan teks. Kami akan membungkus nilai-nilai ini dalam tag paragraf.

// Judul Widget: Masukan Teks

" nama="get_field_name("judul"); ?>" nilai="" gaya="lebar:100%;" />

//Masukan Teks

" nama="get_field_name("nama"); ?>" nilai="" gaya="lebar:100%;" />

// Kotak centang

identitas = "get_field_id("tampilkan_info"); ?>" nama="get_field_name("show_info"); ?>" />

Kesimpulan

Oke, semuanya sudah berakhir. Sekarang. Anda baru saja membuat widget bagus dan sederhana yang menampilkan nama penulis blog. Selain itu, memungkinkan pengguna untuk memilih apakah akan menampilkan informasi kepada audiens atau tidak. Simpan kodenya di berkas PHP dan unggah ke folder tema Anda. Panggil dia di rumahmu fungsi.php. Setelah itu, masuk ke konsol Penampilan → Widget dan Anda akan melihat widget Anda.

Semua kode ini disertakan dalam file yang dilampirkan pada artikel, membuatnya lebih mudah untuk disalin dan ditempel. Menikmati!