Tesis Theme + MemberWing = Powerfull SEO Sinergi Keanggotaan Situs

The Quest untuk menu yang sempurna ...

Ini adalah Bagian 1 dari tutorial
Bagian 2 dari tutorial ini mengajarkan bagaimana membangun menu vertikal + palet warna gelap untuk yang horisontal

Saya memutuskan untuk tema Tesis , karena salah satu klien saya memberitahu saya tentang masalah kompatibilitas antara Tesis dan saya wordpress keanggotaan situs Plugin MemberWing. Aku tetap dan kemudian memutuskan untuk mengambil melihat lebih dekat pada Tesis dan telah bersusah payah untuk menonton video di halaman depan situs Tesis utama - Diythemes.com .
Yang mengesankan saya yang paling adalah perhatian terhadap detail, ramah pengguna dan yang paling penting - SEO fitur yang sangat baik memikirkan.
MemberWing Plugin keanggotaan dirancang dari bawah ke atas untuk situs keanggotaan yang akan perlu menarik jus sebanyak SEO mungkin. Jadi saya membayar banyak perhatian ke banyak SEO perangkat tambahan dan kesempurnaan dalam MemberWing. Banyak dari klien saya sendiri bertanya tentang tema yang berbeda untuk menggunakan dan memiliki tema yang begitu baik SEO dioptimalkan dari dalam akan sangat cocok bagi pengusaha Portal keanggotaan.

Menggabungkan kekuatan SEO MemberWing dengan kekuatan SEO tema Tesis akan memberikan yang terbaik dari kesempatan peringkat ke klien saya. Jadi saya Tesis dan bermain dengan itu untuk sehari.

Ini adalah tema yang sangat baik dalam segala hal. Bagian navigasi itu meskipun sedikit terbatas dalam fungsi. Mulai dari Tesis 1.5 + merupakan salah satu menu tingkat saja. Keinginan biasa saya adalah untuk dapat menyesuaikan navigasi sebanyak yang dibutuhkan. Beberapa situs memiliki halaman hanya sedikit, banyak orang lain punya banyak halaman statis + zillions artikel / posting + banyak kategori.
Jadi dalam dunia yang ideal memiliki kesempatan untuk membuat menu nice looking pengguna hirarki terorganisir navigasi ramah adalah suatu keharusan. Tesis langsung dari kelelawar memiliki navigasi terlihat baik tetapi saya perhatikan bahwa semua situs web Tesis berbasis mencari seperti kembar. Menyesuaikan Tesis menu navigasi tidak benar-benar mudah sehingga kebanyakan orang hanya meninggalkan seperti itu. Tidak ada cara untuk mengubah urutan kategori dalam menu atau posisi mereka di antara halaman. Dan lagi, kemampuan untuk menciptakan struktur menu bersarang hilang. Jadi saya memutuskan untuk melihat apa yang bisa dilakukan tentang hal itu.
Setelah mencoba sekitar setengah lusin menu / navigasi plugin terkait saya menetapkan pilihan saya pada NAVT Daftar Plugin WordPress Navigasi .
NAVT plugin dasarnya unordered pembangkit daftar dengan mewah super dan antarmuka sulit mencari untraditional bit admin. Apa yang menyesatkan tentang itu adalah bahwa itu tidak benar-benar membuat menu mencari mewah dengan sendirinya. Itu bagian tersulit dari pekerjaan meskipun - memberi Anda kemampuan untuk secara visual menarik bersama-sama, dan menghasilkan daftar unordered - kerangka Anda menu-to-be. Dan Anda dapat membuat banyak menu juga. Anda dapat menarik semua jenis barang WordPress ke menu navigasi: halaman, posting, artikel, kategori, pengguna, blok kode, link eksternal, pemisah, pemisah dan mix and match dan sarang dan mengatur dan menyesuaikan mereka dalam struktur seperti pohon Anda inginkan.
NAVT menghasilkan untuk Anda menghasilkan HTML unordered list. Keindahan kedua NAVT adalah membantu Anda untuk memasukkan menu baru Anda ke dalam tema Anda melalui logika JQuery terkenal berbasis tapi tanpa perlu mengubah kode apapun! NAVT memungkinkan Anda untuk menentukan: "ganti elemen # dengan menu NAVT baru saya". # Elemen bisa menjadi id atau kelas jalan menu yang ada atau tag div elemen yang sedang dihasilkan oleh tema Anda saat ini. Jadi NAVT apakah ini pengganti Anda tanpa memaksa Anda untuk pergi ke dalam kode tema dan membuatnya lebih berantakan dari yang sudah ada. Jika itu semua terdengar seperti omong kosong - jangan khawatir - saya akan membimbing Anda langkah demi langkah segera. Bagian menantang dari NAVT untuk semua orang adalah bahwa Anda harus datang dengan sebenarnya CSS + gambar + kode javascript untuk menu Anda sendiri. Dan itu terserah Anda untuk mencari tahu di mana dan bagaimana mengintegrasikan file-file dan membuat hal ini benar bisa terhubung bersama-sama.
Hormat kami tanpa mengetahui JQuery + beberapa PHP + CSS + memiliki pengalaman yang layak dengan Wordpress - hal ini sulit untuk menarik.
Dengan senang hati saya tahu hal ini sedikit jadi saya memutuskan untuk menggigit peluru dan kemanusiaan panduan kebebasan dalam membangun yang terbaik dari yang terbaik menu navigasi untuk Wordpress. Aku hanya perlu mencari tahu sumber untuk beberapa mencari menu bagus CSS horizontal. Aku mengambil hard situs dinamis untuk yang terbaik, demo pilihan dan sumber.

Saya mendedikasikan satu hari untuk mempelajari Tesis dan bermain dengan plugin NAVT. Pada akhirnya saya bangga dibuat kustom, fleksibel, SEO dioptimalkan, bertingkat, struktur nagivation bersarang untuk Tesis + situs saya berbasis Wordpress.

Daftar fitur bertingkat, bersarang navigasi Wordpress menu untuk Tema Tesis
(Anda HARUS mencintai hal ini):

• Profesional, terlihat bersih dan nuansa.
• Dukungan untuk semua browser modern, termasuk MSIE 6,7, Opera, Safari, Firefox 3.x, Google Chrome di javascript dan non-javascript mode.
• Anggun downgradable untuk non-javascript browser. Anda menu akan dapat digunakan, visual yang sama dan bekerja bahkan untuk browser javascript cacat (meskipun navigasi tingkat atas hanya akan terlihat dan tidak ada flyouts akan terjadi tentu saja karena dibuat oleh javascript).
• Fitur SEO friendly - unordered list kode menu yang dihasilkan dalam HTML. Google dan spider mesin pencari lainnya akan dapat indeks struktur navigasi Anda dan menemukan link ke halaman batin.
• Dukungan untuk tingkat bersarang terbatas dan sublevels.
• Dukungan untuk urutan atau halaman, posting (melalui ditentukan pengguna URI), kategori, pengguna, blok kode kustom dan link eksternal dalam menu.
• Dukungan dari teks-juga berbasis gambar elemen menu. (Saya belum mencoba ini meskipun).
• Struktur menu dan konten secara visual diatur melalui admin area NAVT.
• Compact: flyouts berbasis JQuery untuk tingkat bersarang.
• Cepat: JQuery untuk menu di-load dari server Google (Aku ingin Tesis sendiri untuk melakukan hal yang sama bukannya menarik secara lokal). Hal ini akan mempercepat hal-hal sedikit.
• Skalabilitas - tipe menu adalah diedit dan dapat dikonfigurasi pada setiap saat melalui pengaturan plugin NAVT tanpa membutuhkan coding di mana saja.

Saya menggunakan menu ini sangat baik dari hard dinamis Portal sebagai dasar. Saya harus menyesuaikan kode javascript sedikit serta termasuk sepotong PHP ke custom_functions.php untuk membuatnya bekerja dengan Tesis. Juga jumlah yang sudah ada halaman, kategori dan posting dari situs saya digunakan untuk merakit struktur menu. Spesifik situs Anda akan berbeda - tetapi konsep akan sama.
Jadi mari melanjutkan, akan kita?

Langkah demi langkah petunjuk untuk setup NAVT berbasis bersarang, disesuaikan, bertingkat, SEO friendly
dan hanya biasa keren menu navigasi untuk Wordpress dan Tesis Tema

1. Pergi ke admin panel WordPress. Plugins-> Tambah baru, cari "navt". Plugin akan ditampilkan. Klik [Install], [Install now], "Activate Plugin".
2. Tools-> NAVT Daftar, Di dalam daerah "Grup Navigasi" menemukan "nama grup" dan masukkan: "menu1" di lapangan, tekan [Buat] tombol. "Menu1" daerah persegi panjang sempat dibuat.
   Ini "menu1" daerah akan menjadi taman bermain utama untuk konstruksi menu. Anda akan menyeret dan menjatuhkan sini elemen menu Anda.
3. Di daerah "aset" menemukan "lain" listbox dan klik pada pilihan "Home". "Home" thingie akan muncul dalam area "unassigned". Aneh, ya? Jangan khawatir, selama itu bekerja - dan akan bagi kita.
4. Tarik "Home" thingie dari daerah "aset" ke daerah persegi panjang "menu1". Ini akan menjadi "Home" item dalam menu.
   • Ulangi langkah 3-4 untuk beberapa halaman dari daerah "Halaman", serta untuk kategori di daerah "kategori". Drag item lainnya Anda ingin menjadi pada menu Anda dalam persegi panjang "menu1". Anda bisa mengklik pada halaman, kategori, pengguna dan beberapa elemen adat seperti "pembagi daftar" dan "blok kode". Blok kode adalah cara yang keren untuk menambahkan potongan kustom di dalam menu.
   • Anda dapat menyeret item menu di dalam area "menu1" untuk mengatur ulang pesanan mereka.
   • Anda dapat mengatur posisi hirarkis setiap item menu dengan "<" dan ">" panah.
   • Mengklik nama teks dari setiap item menu - membuka pikiran boggling dialog kustomisasi tambahan untuk item ini. Aku lebih sering digunakan default namun secara teknis Anda bisa jadi gila dan mulai membuat berbasis gambar pilihan menu dan menambahkan potongan kode HTML ke dalamnya. Lanjutkan dengan hati-hati sekalipun.
   • Untuk submenu unclikable linkless yang akan menjadi "orang tua" untuk lainnya "sub-anak" saya menggunakan "Kode blok" tipe. Misalnya ketika menyesuaikan barang blok kode seperti aku masuk untuk "Menu item alias" "MemberWing" = dan untuk "Enter blok kode:" = "<a MemberWing href='#'> </ a>". Memiliki href = "#" akan membuatnya tidak dapat diklik tapi bertindak sebagai pilihan yang valid "orang tua" menu.
5. Berikut adalah cara 'menu1' NAVT saya membangun struktur tampak seperti hampir selesai:
   
6. Selesai bangunan awal dan kemudian klik pada ikon "gigi" untuk menyesuaikan struktur menu Anda:
   
7. Ini akan membuka dialog dengan 4 tab: Pilihan, Tampilan, CSS, Tema.
   1. Buka tab "Options" dan pastikan semuanya dicentang dan "nama grup" mengatakan: "menu1"
   2. Pergi ke "Tampilan" tab dan memastikan semuanya pada "kelompok navigasi Tampilkan di ..." daerah diperiksa [x]. Tinggalkan sisanya di default.
   3. Buka tab "CSS" dan pilih tombol radio (x) "Jangan menerapkan kelas CSS".
   4. Buka tab "Theme" dan isilah seperti itu:
      
      Masukkan ke dalam "Tambahkan tag sebelumnya ..." area kode ini:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      Masukkan ke dalam "Tambahkan tag setelah ..." area kode ini:
      <br style='clear: left' /></div>
   5. Tekan [menyimpan / menutup tombol]
8. Pada bangunan ini dari dalam menu titik pilihan Plugin NAVT selesai.
   Sekarang saatnya untuk melakukan sedikit lagu untuk tema Tesis untuk mendapatkannya siap. Untuk itu kita perlu menambahkan file kustom beberapa - CSS dan javascript yang dimiliki menu dan custom_functions.php pembaruan Tesis '
9. Download set lengkap file di sini .
10. Unzip arsip. Jika anda telah memperbarui custom_functions.php Anda dengan kustomisasi Anda - Anda perlu untuk menggabungkan mereka dengan barang-barangku. Aku akan meninggalkan itu terserah Anda.
    Jika Anda belum menyentuhnya - ragu untuk menimpa itu dengan saya. Harap dicatat: Saya lebih suka posisi menu di bawah header website (default adalah di atas) - sehingga penyesuaian saya termasuk preferensi ini juga.
11. Upload arsip termasuk semua subdirektori dan file di bawah direktori 'adat' Tesis tema Anda, seperti ini:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Aku belum menyentuh custom.css - saya lebih memilih untuk tetap menu khusus CSS di bawah lokasi mereka sendiri untuk menghindari menciptakan kekacauan di dalam custom.css
12. Pada titik ini Anda mungkin ulang website Anda dan lihat baru yang indah baru bertingkat, bersarang, SEO menu dioptimalkan.
13. Anda selalu bisa kembali ke NAVT pengaturan dan menyesuaikan menu Anda dengan pilihan lebih atau reposisi apa pun. Ini akan tercermin di situs yang ditampilkan secara otomatis.

Jalan ke depan ...

Tutorial ini disertakan contoh kreatif dari satu jenis menu. Aku bermain dengan yang lain - hanya untuk melihat bagaimana menu berwarna gelap akan terlihat seperti:

Tesis tema - bertingkat bersarang CSS menu - palet gelap

Saya pikir itu cukup bagus. Ada lebih banyak sampel navigasi yang tersedia di Dynamic Drive - semua dari mereka adalah mungkin untuk menyesuaikan untuk Tesis dan lainnya Wordpress tema dengan beberapa upaya:

Dinamis Hard Menu Horizontal

Saya harap Anda akan menemukan tutorial ini bermanfaat dan berguna. Seperti yang saya katakan, adalah mungkin untuk menyesuaikan salah satu menu untuk Tesis - yang diberikan waktu dan keinginan untuk mewujudkannya.

Saya bisa melakukan pekerjaan ini untuk Anda atas dasar kontrak. Hanya memilih menu yang Anda suka, hubungi saya dan saya akan bekerja pada kode dan instruksi untuk website Anda.

$ 20

Dan tentu saja jika Anda sudah bangun untuk membangun Super SEO dioptimalkan premium wordpress keanggotaan portal - solusi terbaik untuk hal ini:
Tesis Theme + Plugin MemberWing keanggotaan + diri host WordPress tentu saja.

comments } { 15 komentar }