Category: WordPress Theme

  • WP Themes Tutorial #10: Hex Codes dan Styling Links

    Dari WP Theme Lesson #10: Hex Codes and Styling Links oleh Small Potato diterjemahkan oleh Mochammad Kurniawan.

    Ikuti dari awal Tutorial Membuat Themes WordPress Theme dari awal.

    • Dari pengantar pengenalan CSS kita akan banyak belajar mewarnai dan mempelajari lebih lanjut tentang kode hex. Warna properti, diikuti oleh heksadesimal (heksa), kode adalah untuk mewarnai teks (kata). Misalnya body (color: # 000000;) berarti semua teks (kata) dalam badan halaman Anda akan hitam.

      Latar belakang properti, diikuti dengan kode hex, untuk mewarnai sesuatu yang bukan teks. Misalnya, body (background: # ffffff;) berarti putih latar belakang untuk body.

    • Heksadesimal Codes
    • Diawali dengan tanda pound (#) masing-masing memiliki kode hex enam digit. Orang-orang dari berbagai nomor # ffffff (putih) ke # 000000 (hitam).
    • # Ffffff, # eeeeee, # dddddd, # CCCCCC, # bbbbbb, # aaaaaa, # 999999, # 888888, # 777777, # 666666, # 555555, # 444444, # 333333. # 222222, # 111111
    • Dua angka pertama mewakili warna merah, ketiga dan keempat mewakili hijau, dan yang terakhir mewakili dua warna biru. # ff0000 adalah merah. # 550000 adalah merah gelap. # 220000 adalah merah yang sangat gelap. # 00ff00 adalah hijau. # 0000FF adalah biru. Tunggu, tidak ada kuning warna primer? Hex kode yang kuning? # ffff00 adalah kuning. # ff00ff adalah violet.

    (more…)

  • WP Themes Tutorial #9: Style.css dan Pengenalan CSS

    Dari WP Theme Lesson #9: Style.css and CSS Intro oleh Small Potato diterjemahkan oleh Mochammad Kurniawan.

    Cara terbaik adalah CSS untuk belajar untuk menyelaminya. Tidak seperti XHTML dan PHP, Anda tidak perlu menyentuh inti dari file template Anda. Anda juga tidak perlu memahami konsep dasar apapun. Baru menyelam pada Trial dan error adalah cara untuk melangkah.

    Sebelum kita mulai, Anda harus sudah memiliki beberapa informasi di style.css file. Mari kita mengetahui apa yang rangkaian sarana informasi sekarang.

    • Baris pertama adalah nama tema, yang sudah jelas.
    • Kedua adalah lokasi dimana Anda tema yang tersedia. Jika Anda membuat tema sendiri, bukan untuk keperluan umum, tidak perlu khawatir.
    • Ketiga adalah tema baris deskripsi.
    • Keempat adalah nomor versi, yang penting, terutama ketika anda melepas diperbarui versi Anda menggunakan tema untuk publik.
    • Kelima dan keenam nama Anda dan halaman rumah.

    Tanda / * dan * / tanda-tanda rata sekitar Anda tema informasi adalah untuk mencegah informasi dari tema yang mempengaruhi sisa halaman. Itu adalah komentar CSS. Sementara untuk mengetik kode CSS gaya halaman web Anda, Anda mungkin ingin menambahkan komentar di sini dan mengetahui sesuatu. Tetapi, Anda tidak ingin komentar Anda untuk mempengaruhi kode sehingga Anda menggunakan /* dan */ tanda-tanda untuk membuat komentar Anda kelihatan.

    Berikut adalah informasi yang diproses tema:

    Langkah 1:

    • Buka Xampp Control, tema folder, Firefox browser, Internet Explorer, dan style.css.
    • Arahkan kedua browser untuk http://localhost/wordpress

    Di sinilah Anda harus benar-benar baik Firefox dan Internet Explorer untuk menguji tema Anda. Berbeda dengan sistem kode CSS mengartikan berbeda. Paling baik untuk menguji Anda sebagai tema di banyak browser dan banyak di sebagai sistem operasi mungkin (Safari, Opera, Linux, Netscape, dll). Jika Anda malas seperti saya, uji tema hanya di Firefox dan Internet Explorer.
    (more…)

  • WP Themes Tutorial #8: Bagaimana Memvalidasi

    Dari WP Theme Lesson #8: How to Validate oleh Small Potato diterjemahkan oleh Mochammad Kurniawan.

    Anda perlu mempelajari bagaimana untuk memvalidasi kode, sebelum langkah ke CSS dan bekerja dengan file style.css. Validasi / Memvalidasi / Validasi cukup berarti memastikan tidak ada kesalahan. Pada awal seri ini, saya beri anda dua link ke penunjuk, validator XHTML dan CSS validator. Untuk pelajaran ini, Anda akan menggunakan validator XHTML.

    Saya akan tetap memberikan pelajaran ini dengan sangat singkat dan sederhana karena Anda perlu lebih banyak waktu untuk masuk ke dalam semua dimana anda telah mempelajari XHTML dan PHP. Jangan terus maju dengan pelajaran saya. Ambil waktu untuk berpikir dan kode gambar di kepala Anda. Bagaimana Anda mulai kelihatan sebuah kotak? Apa yang berbeda antara satu ID dan Class? Fungsi PHP apa yang akan Anda gunakan untuk panggilan untuk judul blog? Deskripsi blog? Semakin Anda gambar yang lebih Anda ingat.
    (more…)

  • WP Themes Tutorial #7: Footer

    Dari WP Theme Lesson #7: Footer oleh Small Potato diterjemahkan oleh Mochammad Kurniawan.

    Pelajaran ini pada footer adalah sederhana. Anda akan menambahkan DIV atau kota tak terlihat di bawah DIV Sidebar dan mengisi beberapa hak cipta untuk teks footer. Pikirkan Anda dapat melakukannya tanpa saya petunjuk? Ke depan yang mencobanya. Datang kembali untuk pelajaran ini untuk memeriksa dua kali.

    Langkah 1: Tambahkan DIV

    Ketik kode berikut di bawah Sidebar DIV:
    (more…)

  • WP Themes Tutorial #6e: Widgetizing Sidebar

    Dari WP Theme Lesson #6e: Widgetizing Sidebar oleh Small Potato diterjemahkan oleh Mochammad Kurniawan.

    Sebuah sidebar dengan widget atau widgetized sidebar hampir standar untuk tema penuh pada WordPress seri 2.0 dan 2.1. Tetapi, pertama, apakah widgetizing itu? Hanya memperoleh Widgetizing berarti Sidebar siap untuk Widget plugin; plugin ini memungkinkan Anda untuk dengan mudah mengatur kembali fitur dalam Sidebar. Untuk WordPress versi 2.2 ke atas tidak membutuhkan plugin Widget.

    Sebagai contoh, daripada mengubah kode sidebar Sidebar untuk mengubah posisi Kategori dan Arsip, Anda tinggal menyeret Arsip dan Catgories listing untuk posisi mereka.

    Langkah 1:
    Buat file functions.php

    Mulai buka notepad baru, biarkan kosong, simpan sebagai functions.php. Salin semua di di bawah ini untuk Anda file functions.php. Simpan dan tutup functions.php pada notepad.

    [php][/php]

    Hanya untuk diperiksa, sekarang Anda harus memiliki empat file dalam folder bernama tema, “tutorial.”
    (more…)

  • WP Theme Tutorial #6d: Search Form dan Kalender

    Dari WP Theme Lesson #6d: Search Form and Calendar oleh Small Potato diterjemahkan oleh Mochammad Kurniawan.

    Meskipun Judul Cari Formulir dan Calendar, saya akan melemparkan Meta di blok untuk hari ini juga. Mari kita merangkumkan reguler Sidebar hari ini dan tebak bagaimana untuk widgetize Anda dengan Sidebar besok oke? Baiklah, mari kita mulai …

    Langkah 1: Tambahkan formulir pencarian

    Sebelum saya memberikan kode untuk jenis, buka notepad baru, tinggalkan kosong, simpan sebagai searchform.php (dalam folder yang sama berisi index.php, tentu saja). Salin kode di file saya di bawah untuk Anda dan beri nama file searchform.php. Itu saja; dari titik ini, meninggalkan searchform.php file sendiri.

    [php]

    [/php]

    Dalam index.php file, ketik kode berikut di atas setiap listing dalam Sidebar:
    (more…)

  • WP Themes Tutorial #6c: Get Archives dan Tautan

    Dari WP Theme Lesson #6c: Get Archives and Links oleh Small Potato diterjemahkan oleh Mochammad Kurniawan.

    Hari ini pelajaran yang sangat mudah. Anda akan mempelajari bagaimana untuk panggilan ke sebuah arsip listing link dan blogroll link. Pelajaran selanjutnya adalah kalender dan formulir pencarian.

    Sebelum kita mulai, saya ingin menjelaskan mengapa saya telah mengarah ke pelajaran yang lebih kecil. Semua yang anda belajar itu sendiri-orang diajarkan untuk ringkasan BULAN! Adalah penting bahwa Anda memahami semuanya saya menunjukkan Anda pertama kali sekitar sehingga Anda tidak perlu kembali dan memeriksa ulang
    Langkah 1 – arsip Tambahkan link.

    Ketik kode berikut di area Sidebar, di bawah listing Kategori:

    <li><h2><?php _e(’Archives’); ?></h2>
    <ul>
    <?php wp_get_archives(’type=monthly’); ?>
    </ul>
    </li>

    Berikan beberapa tab tersebut untuk spasi organisasi. Mari kita lihat jika kode Anda cocok dengan kode saya:
    (more…)

  • WP Theme Tutorial #6b: Daftar Page-Link

    Dari WP Theme Lesson #6b: Page-Link Listing oleh Small Potato diterjemahkan oleh Mochammad Kurniawan.

    Sekarang anda sudah terbiasa dengan struktur dari Sidebar, kita lanjutkan bekerja pada Sidebar dengan daftar Page-link. Setelah Sidebar biasa selesai. saya akan menunjukkan bagaimana menjadikan Sidebar anda menjadi widgetize (bisa diwidgetkan).

    Tambahkan kode di atas blok Kategori:

    <?php wp_list_pages(); ?>
    (more…)

  • WP Themes Tutorial #6: Sidebar

    Dari WP Theme Lesson #6: Sidebar oleh Small Potato diterjemahkan oleh Mochammad Kurniawan.

    Pernahkah anda melihat source dari Sidebar? Pada awalnya sidebar terlihat rumit, tapi tidaklah serumit yang dikira. Sekali anda menggunakan strukturnya, anda akan bisa mengkodingnya dan memperbaiki tampilannya dengan cepat.

    Sebelum melompat pada Sidebar, di bawah ini seperti apa index.php anda.

    Jangan lupa untuk membuka Xampp control…

    Langkah 1: Mari membungkus sebuah kotak dengan sebuah nama class, sidebar disekitar apapun pada Sidebar. Ketik kode ini di bawah kotak berisi dan sebelum tag:
    <div class=”sidebar”></div>
    (more…)

  • Memasukkan Gravatar pada comments

    Awalnya saya memakai plugin easy gravatars untuk menampilkan gambar avatar dari Gravatar pada samping komentar di blog saya, akan tetapi sejak saya memakai WordPress 2.5, pada WordPress Administration saya pada comment editor, saya menemukan gambar gravatar kok dobel. Ketika saya uninstall Easy Gravatars dari daftar plugin WordPress saya jadinya di kolom komentar gak muncul gravatarnya.

    Setelah saya tanya mbah dukun Internet akhirnya ketemu jawabannya, ternyata pada WordPress 2.5 ke atas Gravatar sudah masuk di dalam inti dari WordPress. Saya lupa. Dari HackWordPress, saya masih belum paham betul bagaimana memasukkan kode-kode tersebut di dalam theme WordPress saya. Setelah saya muter lagi, ketemu themelab yang telah menjelaskan dengan gamblang bagaimana memasukkan Gravatar ke dalam kolom komentar theme WordPress saya. Silakan baca sendiri, sudah cukup jelas dengan gambar-gambarnya sekalian.