Mas Sehat | Blog Tentang Kesehatan | Mas Sehat ~ Blog Tentang Kesehatan | www.mas-sehat.com

CARA MENGEDIT TEMA WORDPRESS DENGAN DREAMWEAVER UNTUK PEMULA

Ini adalah Bagian 1 dari empat bagian tutorial seri mengedit tema WordPress menggunakan Adobe Dreamweaver CS5. Pada bagian ini, Anda akan mempelajari dasar-dasar WordPress, termasuk mengapa begitu banyak orang yang menggunakannya, bagaimana terinstal, dan apa yang membuat sebuah theme WordPress. Saya juga akan menjelaskan beberapa fitur yang akan Anda gunakan dalam Dreamweaver untuk membuat mengedit tema Anda sekejap.

WordPress adalah perangkat lunak blog yang paling populer digunakan saat ini. Pada awalnya dirancang untuk menyederhanakan pembuatan dan pemeliharaan blog, tetapi telah berkembang menjadi sebuah sistem manajemen konten penuh dan banyak lagi.

Keindahan nyata dari WordPress adalah pemisahan konten dan gaya. Isi dari blog WordPress disimpan dalam database MySQL dan dikombinasikan dengan presentasi visual ketika halaman dibuka. Hal ini memungkinkan Anda untuk mengembangkan dan menggunakan tema yang Anda dapat mengaktifkan dan menonaktifkan pada kemauan untuk benar-benar mengubah tampilan blog Anda.

EDIT THEMES WP


Tema adalah hanya satu set file (PHP, CSS, dan banyak lagi) yang dirakit secara dinamis, dengan HTML yang dihasilkan ditata menggunakan CSS. WordPress 3.0 hadir dengan tema default yang disebut TwentyTen untuk Anda mulai. Ribuan tema gratis juga tersedia di Internet, tetapi ketika Anda membuat sendiri Anda dapat mengontrol segala sesuatu dari CSS styling dan konten side bar, untuk jumlah dan posisi kolom, dan banyak lagi. Ketika membuat tema baru, kebanyakan orang mulai dengan tema yang sudah ada dan menyesuaikannya untuk mendapatkan tampilan yang tepat dan merasa bahwa mereka ingin.

Seri Tutorial ini akan membawa Anda melalui langkah-langkah untuk menyesuaikan tema WordPress Anda sendiri dengan menggunakan Adobe Dreamweaver CS5. Tutorial ini dibagi menjadi bagian berikut:

    Potongan teka-teki WordPress
    Taming WordPress dengan Dreamweaver CS5

Potongan teka-teki WordPress


Ketika Anda siap untuk membuat blog WordPress Anda bagi dunia untuk melihat, Anda dapat membuatnya tersedia di salah satu dari dua cara: host WordPress sendiri (pada server) atau host blog WordPress.com melalui. Jika Anda memilih untuk menyimpannya menggunakan WordPress.com, Anda akan mengaksesnya melalui URL seperti meminta brianwood.wordpress.com . Jika Anda memilih untuk menjalankan WordPress pada host situs web, Anda dapat menggunakan nama domain yang tersedia.

Hosting WordPress di situs Anda sendiri memerlukan beberapa set up sebelum Anda dapat mulai blogging. Selain perangkat lunak WordPress itu sendiri, tuan rumah website Anda juga akan membutuhkan PHP dan MySQL, dan Anda harus nama domain Anda sendiri.

Setelah Anda memiliki situs web host, Anda dapat menginstal WordPress melalui panel administrasi website Anda (beberapa host situs menawarkan Fantastico atau alat serupa yang secara otomatis dapat menginstal Wordpress untuk Anda), atau download WordPress dari WordPress.org dan menginstal sendiri pada server host Anda menggunakan WordPress Terkenal Instalasi 5 Menit. Setelah menginstal WordPress dan menciptakan database MySQL Anda, Anda dapat mulai blogging!

Jika Anda akan mengembangkan tema Anda sendiri, Anda akan ingin untuk dapat membangun dan menguji sebelum pergi tinggal di web. Apakah Anda mulai dari awal atau mengedit tema yang sudah ada (seperti Anda akan lakukan untuk tutorial ini), tempat terbaik untuk bekerja pada tema ini adalah mesin sendiri, di mana Anda telah menginstal WordPress dan web server. Dengan konfigurasi ini, Anda dapat membangun dan menguji tema WordPress di Dreamweaver, kemudian meng-upload file tema selesai ke host Anda di mana Anda memiliki WordPress diinstal dan siap untuk pergi.

Bagian 2 dari seri ini meliputi instalasi server web dan WordPress pada mesin Anda, serta membuat situs dengan kode spesifik mengisyaratkan dalam Dreamweaver CS5.

Bagaimana Karya dari WordPress


Ketika Anda menginstal WordPress (baik pada server website host atau lokal), banyak file yang diinstal yang memungkinkan WordPress untuk menjalankan blog Anda. File-file ini termasuk file inti WordPress, termasuk file administrasi dan skrip yang membuat menjalankan WordPress, serta folder untuk tema blog. File wilayah administrasi merupakan bagian dari situs administrasi yang biasanya memiliki URL seperti: http://www.mywebsite.com/wp-admin/ . Anda menggunakan wilayah administrasi (lihat Gambar 1) untuk nama blog Anda, menambah posting, mengedit styling, dan banyak lagi. Ini juga di mana Anda akan memberitahu WordPress untuk menggunakan file tema Anda akan menciptakan dalam seri tutorial ini. Jadi setelah Anda mengembangkan file theme WordPress di Dreamweaver, Anda atau orang lain dapat meng-upload mereka ke host situs web di mana sebuah blog WordPress hidup berada dan mengaktifkan tema melalui antarmuka administrasi.

 



Hirarki WordPress file template



Koleksi file template WordPress yang terdiri tema seperti potongan-potongan teka-teki. Bila disatukan, mereka membentuk halaman web lengkap di situs WordPress Anda. Beberapa file template (header dan footer Template file, misalnya) digunakan pada semua halaman di situs Anda, sementara yang lain hanya digunakan dalam kondisi tertentu (sidebar tertentu, misalnya).

Dalam hirarki Template, semua jalan menuju index.php. Ini adalah salah satu file yang diperlukan dalam setiap tema, bersama dengan style sheet CSS. Tema yang berbeda termasuk file PHP yang berbeda tergantung pada berapa banyak detail desainer ingin menambahkan.

Anda dapat membuat file baru dalam hirarki yang akan diutamakan daripada index.php untuk memberikan styling yang berbeda untuk halaman tertentu. Misalnya, jika Anda ingin membuat tampilan baru untuk halaman blog rumah. Untuk mencapai hal ini, Anda dapat menyertakan file home.php yang memiliki struktur atau styling yang berbeda dari index.php. Ketika halaman rumah blog Anda dimuat dalam browser, WordPress pertama mencari home.php, dan jika tidak ditemukan, maka akan menggunakan index.php.

Struktur halaman WordPress


Sekarang bahwa Anda memiliki pemahaman tentang bagaimana WordPress mencari file ketika loading halaman, Anda siap untuk melihat bagaimana file dirakit dengan setiap halaman template untuk membuat sebuah halaman blog yang lengkap. Untuk melihat kode yang membentuk halaman utama tema untuk tutorial ini, ikuti langkah berikut:

    Ambil dan unzip file contoh di MyTheme.zip.
    Mulai Dreamweaver.
    Buka sampel file index.php.
    Klik Kode untuk membuka kode tampilan.


Sebuah halaman web WordPress sederhana terdiri dari tiga bagian dasar: header, konten, dan footer (lihat Gambar 2). Hal ini mirip dengan halaman HTML statis khas Anda dapat membuat menggunakan Dreamweaver. Bagian header biasanya berisi tag seperti <doctype> , <html> , dan <head> . Hal ini juga berisi link ke style sheet, JavaScript, dan banyak lagi. Bagian Konten berisi posting blog dan halaman, dan konten lain yang Anda tambahkan. Bagian footer berisi konten seperti info hak cipta, link, informasi kontak, dan rincian lainnya. Bagian footer juga berisi tag </body> dan </html> tag.
Terima kasih telah membaca artikel tentang CARA MENGEDIT TEMA WORDPRESS DENGAN DREAMWEAVER UNTUK PEMULA di blog CARA MEMBUAT TERBAIK jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Artikel terbaru :

Mas Sehat | Blog Tentang Kesehatan | Mas Sehat ~ Blog Tentang Kesehatan | www.mas-sehat.com

1 komentar :

Terimakasih ka infonya :)
http://goo.gl/QSptyo

Balas