Plugin Table WordPress Terbaik

idnetter.com mencoba untuk memberi informasi seputar plugin-plugin WordPress terbaik yang pernah diinstall di website idnetter agar para pengunjung setia website ini menghemat waktu dalam mencari plugin yang dibutuhkan untuk membuat sebuah website agar semakin bagus dan mampu bekerja optimal di mesin pencari Google, Yahoo dan lainya.

Kali ini ada dua Plugin Table WordPress Terbaik untuk membuat table pada website yang menggunakan CMS WordPress yaitu TablePress By Tobias Bäthge dan MCE Table Button By Paweł Rabinek. Intinya dari kedua plugin ini fungsinya untuk membuat table didalam post. Mana yang perlu diinstall? Keduanya saya install karena masing-masing plugin table WordPress ini mempunyai fitur yang berbeda. Apa saja fiturnya? mari disimak.

TablePress

TablePress memungkinkan Anda untuk dengan mudah membuat dan mengelola tabel yang indah. Anda dapat menanamkan tabel ke dalam posting, halaman, atau widget teks dengan Shortcode. Tabel data dapat diedit dalam antarmuka speadsheet-like sehingga tidak ada coding diperlukan. Tabel dapat berisi jenis data, bahkan formula yang akan dievaluasi. Sebuah perpustakaan JavaScript tambahan untuk menambahkan fitur seperti penyortiran, pagination, penyaringan, dan lebih bagi pengunjung situs. Tabel dapat diimpor dan diekspor dari / ke Excel, CSV, HTML, dan file JSON.

 

Membuat Table Dengan TablePress

Untuk membuat Table, misalnya table pricelist / Daftar Harga, Plugin ini mampu untuk import/eksport file dari / ke .CVS yang sebelumnya agan buat di Microsoft Excel atau program lain seperti OpenOffice.org. Namun jika agan ingin membuat table secara online melalui Dashboard Admin, plugin TablePress juga menyediakan form untuk membuat table secara online melalui Menu Admin Dashboard TablePress > Add New Table. Berikut Screenshotnya:

plugin table wordpress screenshot all table
“All Tables” screen – by TablePress WordPress Plugin
"Add New Table" screen - by TablePress WordPress Plugin
“Add New Table” screen – by TablePress WordPress Plugin
"Import Table" screen - by TablePress WordPress Plugin
“Import Table” screen – by TablePress WordPress Plugin
"Export Table" screen - by TablePress WordPress Plugin
“Export Table” screen – by TablePress WordPress Plugin

Plugin ini sangat cocok untuk website yang membutuhkan sebuah table yang mampu import dan eksport data baik dari file .CSV, HTML, dan JSON, misalnya untuk membuat/insert table daftar harga dalam post, table untuk data-data pelajar (website Sekolah, Universitas dll). Demo : Daftar Harga VPS Murah Indonesia

Cara Insert Table

Untuk insert Table kedalam post agan cukup memasukkan shortcode dengan ID Table yang sesuai dengan table yang agan ingin tampilkan contoh shortcode:

[table “ltIDgt” not found /]

Keterangan: ganti =<ID> dengan ID Table / angka misalnya =1. Atau agan juga bisa insert table melalui button/icon TablePress di pojok kanan pada form saat membuat Post.

 

MCE Table Buttons

Sebuah plug-in yang ringan untuk menambah kontrol editing Table dengan versi lengkap dari TinyMCE, dioptimalkan untuk WordPress. Plugin ini lebih sederhana, mirip seperti saat agan insert table di Microsoft Office.

MCE Table Buttons
The editor with the new table editing controls in WordPress 3.9 or newer – MCE Table Buttons

 

Membuat Table dengan MCE Table Buttons

Cukup dengan klik Button Table pada saat membuat post maka opsi insert table akan tampil, kemudian agan bisa langsung pilih berapa banyak row table dan column yang agan butuhkan, Simple dan sangat berguna!.

Modif CSS Style Table

Defaultnya plugin ini tanpa style, jadi saat agan membuat / insert table kode yang dihasilkan berupa kode HTML tanpa class seperti contoh dibawah ini:

<table>
  <tr>
    <td>No</td>
    <td>Nama</td>
    <td>Alamat</td>
  </tr>
  <tr>
    <td>1</td>
    <td>Ahmad</td>
    <td>Desa Babulang Kec. Kalianda</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Somad</td>
    <td>Desa Kekiling Kec. Kalianda</td>
  </tr>
  <tr>
    <td>3</td>
    <td>Syahid</td>
    <td>Desa Penengahan Kec. Kalianda</td>
  </tr>
</table>

 

Contoh CSS style untuk single post:

.single table {margin: 10px 0;}
.single table tr td {padding: 3px 5px; border: 1px solid #eee;}
.single table tr td:first-child {}
.single table tr td:last-child {}

 

Hasilnya:

No Nama Alamat
1 Ahmad Desa Babulang Kec. Kalianda
2 Somad Desa Kekiling Kec. Kalianda
3 Syahid Desa Penengahan Kec. Kalianda

Selesai. Selamat mencoba gan.

Cara Migrasi Website WordPress di VPS

cara migrasi website wordpress di VPS

Saya suka pindah-pindah server untuk website yang saya kelola pribadi, lain halnya dulu saya menggunakan Shared Hosting yang jika kita memutuskan untuk pindah ke provider web hosting yang lain kita tak perlu dibuat repot untuk urusan move file dari host lama ke host baru karena biasanya provider Web Hosting sudah menggratiskannya.

Langkah-langkah cara migrasi website WordPress di VPS, pada tutorial ini peralatan yang digunakan adalah Putty untuk login via SSH ke VPS.

Pada VPS Lama

1. Login SSH

Login ke VPS via SSH menggunakan Software Putty

2. Backup

Backup Database dan semua file, Cara untuk membackup website WordPress baca: Disini.


Pada VPS Baru

Persiapan-persiapan

Adapun hal yang peting yaitu menyamakan versi PHP dan Database yang digunakan pada server VPS lama. Hendaknya versi PHP dan Database pada server baru mengikuti versi pada VPS lama.

Artikel terkait : Cara Upgrade PHP dan Mysql Database di VPS CentOS

Kemudian sesuaikan konfigurasi Nginx, PHP/PHP-FPM untuk settingan WordPress SEO. Jika sudah ready mari kita mulai gan tutorial selanjutnya.

1. Login SSH

Login ke VPS via SSH menggunakan Software Putty

2. Download File Backup

Menggunakan command wget, download file backup yang ada di server VPS lama, tapi sebelumnya masuk dulu ke direktori root website agan, pada kasus saya dokumen root website saya ada di /var/www/html.

cd /var/www/
wget http://vps-lama.com/backup_website_wordpress.tar

 

3. Ekstrak File Backup

Selesai di download via wget langkah selanjutnya adalah mengekstrak file-file dan folder yang ada pada arsip file backup tersebut.

tar -xvf backup_website_wordpress.tar

 

4. Import MySQL Database

Buat sebuah Nama Database dan User Database dengan User Password yang identik dengan konfigurasi WordPress pada server lama. Untuk mengetahuinya bisa melihat wp-config.php dengan cara

cat /var/www/html/wp-config.php

Jika Database telah dibuat selanjutnya import sql dengan command line berikut ini.

mysql -u root -p -e "source /var/www/html/file_backup_2015.sql" NamaDatabaseAgan

Masukkan password MySQL jika diminta kemudian Enter.

Selesai.

Selamat mencoba gan, Semoga Berhasil, gan!.

Cara Backup Website WordPress di VPS

cara backup website wordpress di vps

Tutorial cara backup website WordPress di VPS dari mulai Database SQL dan file-file yang ada di dokumen root. Pada tutorial ini, system VPS yang digunakan Linux CentOS 6, Nginx, PHP dan MySQL atau dikenal dengan singkatan LEMP, Kemudian software yang digunakan untuk login ke server via SSH adalah Putty. Oke mari kita mulai.

Login via SSH Putty

Buka program Putty atau bagi agan yang belum punya silahkan download di website resmi Putty: http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html

kemudian login seperti biasa, nah untuk agan yang newbie pelajari bagaimana cara menggunakan Putty disini.

Backup Database MySQL

Setelah berhasil login via SSH dengan Putty, masuk ke direktori root website agan, sebagai contoh root direktori website saya ada di /var/www/html/

cd /var/www/html

Kemudian lakukan backup database MySQL dengan command berikut: (sesuaikan NamaDatabase dengan nama database agan)

mysqldump -u root –p NamaDatabase > file_backup_2015.sql

Masukkan MySQL password agan jika diminta, kemudian enter.
Nah jika berhasil maka tidak akan keluar pesan apapun sebaliknya jika gagal maka akan keluar pesan terkait.

Check SQL File Backup

Kemudian lakukan check apakah file: file_backup_2015.sql tersebut benar-benar sudah ada di root direktori, dengan cara command line berikut:

ls

Dengan demikian file backup Database MySQL sekarang berada di /var/www/html/file_backup_2015.sql

Backup WordPress

Backup WordPress dan semua file yang ada di direktori /var/www/html/, tapi sebelumnya masuk dulu ke direktori /var/www/

cd /var/www

Kemudian backup dengan kode berikut:

tar -cvf backup_website_wordpress.tar html

Tunggu sampai proses kompres file selesai. backup_website_wordpress.tar adalah nama file backup dan html adalah folder dimana semua file-file website agan.

Dengan cara kompres seperti diatas maka akan menghasilkan file arsip backup_website_wordpress.tar dengan struktur sebagai berikut:

├── html/
    ├── wp-admin
    ├── wp-content
    ├── wp-includes
    ├── index.php
    ├── license.txt
    ├── readme.html
    ├── robots.txt
    ├── wp-activate.php
    ├── wp-blog-header.php
    ├── wp-comments-post.php
    ├── wp-config-sample.php
    ├── wp-config.php
    ├── wp-cron.php
    ├── wp-links-opml.php
    ├── wp-load.php
    ├── wp-login.php
    ├── wp-mail.php
    ├── wp-settings.php
    ├── wp-signup.php
    ├── wp-trackback.php
    ├── xmlrpc.php
    ├── file_backup_2015.sql

Check File Backup

Backup selesai, check kembali apakah backup_website_wordpress.tar benar-benar sudah ada.

ls -i -ah

Nah sampai disini website WordPress agan sudah terbackup, baik script dan databasenya dan filenya bernama
backup_website_wordpress.tar yang ada di /var/www/

Download File Backup

Untuk mendownload file hasil backup bisa menggunakan Filezilla atau juga bisa menggunakan Web Browser Mozilla maupun Google Chrome. Jika ingin mendownload dengan Browser pindahkan file backup ke root direktori website agan, caranya sebagai berikut.

mv /var/www/backup_website_wordpress.tar /var/www/html/backup_website_wordpress.tar

Selanjutnya buka browser dan arahkan ke

http://nama-domain-agan.com/backup_website_wordpress.tar

Selesai, selamat mencoba Good Luck gan!.

Cara Membuat Popular Post Dengan Thumbnail

Cara membuat popular post dengan thumbnail idnetter.com, Setelah sukses membuat theme WordPress dengan modal HTML5Blank dan juga perpaduan style Bootstrap dari StartBootstrap.

Wordpress Popular Posts Plugin - Logo WordPress

Selain visitor, ane merasa ada yang kurang yakni sebuah widget popular posts yang ane inginkan dengan thumbnail disamping title post. Ingin niat oprek kode sendiri tapi ternyata ada sebuah plugin yang siap untuk menampilkan popular post serta thumbnail dan beberapa opsi lain yang ingin ditampilkan pada widget. Cara Membuat Popular Post Dengan Thumbnail di WordPress gampang banget gan berikut ane share secara singkat langkah-langkahnya.

 

Cara Membuat Popular Post Dengan WordPress Popular Posts Plugin

Fitur Utama:

  • Multi-widget capable. That is, you can have several widgets of WordPress Popular Posts on your blog – each with its own settings!
  • Time Range – list those posts of your blog that have been the most popular ones within a specific time range (eg. last 24 hours, last 7 days, last 30 days, etc.)!
  • Custom Post-type support. Wanna show other stuff than just posts and pages?
  • Display a thumbnail of your posts! (see the FAQ section for technical requirements).
  • Use your own layout! Control how your most popular posts are shown on your theme.
  • WPML support!
  • WordPress Multisite support!

Dan masih ada beberapa fitur lainnya yang bisa agan check di: https://wordpress.org/plugins/wordpress-popular-posts/

 

Download WordPress Popular Posts Plugin

 

Cara Install dan Settingnya Mudah

Cara setting WordPress Popular Posts tidaklah ribet dan mudah agan juga bisa custom style sesuai selera melalui css pada theme wordpress yang digunakan pada website agan. Berikut cara singkat dan hasil screenshoot plugin WordPress Popular Posts di website ane.

1. Login ke Dashboard Admin

2. Arahkan mouse ke menu Plugins > klik Add New

3. Cari WordPress Popular Posts kemudian pilih install dan aktifkan

4. Pada menu Appereance pilih Widgets, tambahkan WordPress Popular Posts ke sidebar dengan cara drag and drop seperti biasa

5. Centang pada bagian Display post thumbnail sesuaikan ukuran seperti keinginan agan berikut screenshootnya:

cara membuat popular post
cara membuat popular post idnetter.com

6. Klik Save

 

Custom Style CSS

Jika ada tampilan dirasa kurang pas semisal margin/padding atau ingin membuat rounded corner pada bagian thumbnail agan bisa menambahkan class pada css theme WordPress yang agan pakai. Contoh:

.sidebar-widget .wpp-thumbnail {
margin-right: 10px;
}
.sidebar-widget ul.wpp-list li {
margin-bottom: 10px;
}

Met mencoba gan.

Tips Keamanan Website PHP & WordPress

Tips Keamanan Website PHP & WordPress

Setelah anda berhasil membangun website pada server anda sendiri hal penting selanjutnya adalah fokus pada keamanan website. Pada postingan kali ini ada sedikit tips security website yang menggunakan Bahasa Pemograman PHP yaitu men-disable function berbahaya php. Karena function ini toh juga mungkin tak akan pernah dipakai jika website kontenya cuma curhat-curhatan seperti website coklat.org.

Tips Keamanan Website PHP & WordPress

Tips Keamanan Website PHP

Caranya login SSH dengan Putty. Kemudian buat file konfigurasi tambahan yang bisa anda letakkan pada folder /etc/php.d/

vi /etc/php.d/security.ini

Kemudian paste kode berikut:

disable_functions =exec,passthru,shell_exec,system,proc_open

Ctrl+C kemudian :wq untuk menyimpan dan keluar dari vim editor.

Restart Server

service httpd restart

Dengan men-disable function tersebut maka otomatis script php yang menggunakan sistem shell akan dibatasi. ini hanya sebagian kecil dari langkah-langkah untuk membuat website aman, masih banyak hal lainya seperti menggunakan firewall / setting iptable dll. Namun begitu, ini juga langkah yang penting. Untuk mempelajari kemanan pada web server khususnya yang menggunakan PHP silahkan pelajari di Linux: 25 PHP Security Best Practices For Sys Admins – Cyberciti.biz.

Tips Mengamankan Website yang lain adalah:

Jangan lupa Back-up secara rutin file-file dan database. Jika menggunakan WordPress berikut caranya.

1. Download wp-config.php
Backup wp-config dengan cara mendownloadnya menggunakan FIleZilla FTP atau yang lain.

2. Buat arsip folder wp-content

cd /var/www/html
tar -cvf backup_an_2015.tar wp-content

3. Download arsip wp-content

Download arsip wp-content menggunakan browser atau via FTP, bisa juga disimpan pada server yang lain khusus untuk backup, download via wget. Setelah file backup diunduh langsung hapus file backup-an tersebut dari server.

4. Backup Database

mysqldump -u root -p namaDatabase > backup_2015.sql

5. Download Database

Download database menggunakan browser atau via FTP, bisa juga disimpan pada server yang lain khusus untuk backup, download via wget. Setelah file backup diunduh langsung hapus file backup-an tersebut dari server.

Catatan:

Software-software dan Operasi sistem yang dipakai dalam membuat website hendaknya rutin diUpdate / Upgrade, tetap cool saat website tak “aman” “(tak ada yang sempurna dan tak ada pula yang abadi didunia ini gan, banyak orang berkata -Hanya Game-….. tapi kalau kena dalam hati jengkel juga ___haha)”.

Cara Install WordPress di Apache CentOS

Panduan Cara install WordPress di Apache CentOS untuk VPS maupun Dedicated Server, Tutorial ini lengkap dengan tips CHMOD file dan folder, agar nantinya user bisa upload gambar atau file melalui Dashboard wp-admin.

Cara Install WordPress di Apache CentOS

1.Persiapan

Langkah pertama yang perlu dipersiapkan adalah, dengan pikiran yang tenang buka program Putty (untuk pengguna windows OS), kemudian login ke VPS sebagai root user. baca: Cara Menggunakan Putty.

2.Update Sistem Install wget

Tak kalah penting adalah untuk selalu mengupdate sistem dari Linux itu sendiri, disini saya menggunakan Linux CentOS pada VPS saya.

yum update

Install wget untuk mendownload file wordpress secara online.

yum install wget -y

3. Download WordPress

Setelah berhasil menginstall wget sekarang download software WordPress dari situs resminya via wget command line.

Masuk ke direktori root website:

cd /var/www/html

Download Software WordPress (berupa file latest.tar.gz)

wget http://wordpress.org/latest.tar.gz

Ekstrak archive latest.tar.gz

tar -xvf latest.tar.gz

Pindahkan Folder wordpress

Setelah diekstrak maka semua file akan berada pada folder wordpress, untuk itu perlu dipindahkan sesuai URL yang dikehendaki. Namun jika ingin menginstallnya pada subdomain, maka cukup direname sesuai nama subdomain misalnya: http://blog.coklat.org berarti cukup direname blog dengan cara mengetik kode berikut:

mv wordpress blog

Nah kalau ingin menginstall pada direktori utama misal URLnya http://coklat.org maka folder & file-file yang ada difolder wordpress tersebut perlu dipindahkan atau dicopy ke default document root. Pada Apache default document rootnya di: /var/www/html. Sekarang kita copy dengan kode berikut:

cp -r wordpress/* /var/www/html

Setelah berhasil dicopy, hapus folder wordpress beserta file didalamnya dengan command berikut, jika ada pertanyaan ketik: y kemudian enter

rm -rf wordpress

4. CHMOD

CHMOD ini penting gan, agar nantinya user bisa upload melalui Dashboard WP dan juga untuk menginstall plugin-plugin wordpress.

Membiarkan Apache menjadi owner

chown apache:apache -R *

Ubah perizinan direktori rwxr-xr-x

find . -type d -exec chmod 755 {} \;

Ubah perizinan file rw-r–r–

find . -type f -exec chmod 644 {} \;

5. Membuat Database

Sebelumnya sudah dibahas mengenai cara membuat Database MySQL secara rinci anda bisa membacanya kembali, Baca: Cara Membuat Database MySQL.

Login ke MySQL

mysql -u root -p

Kode berikut ini akan membuat sebuah Database bernama iniDatabase dan user iniUserDB dengan password 123456. Jalankan kode berikut satu persatu (ubah nama database dan password sesuai keinginan):

CREATE DATABASE iniDatabase;
CREATE USER 'iniUserDB@'localhost' IDENTIFIED BY '123456';
GRANT ALL ON iniDatabase.* TO 'iniUserDB'@'localhost';
FLUSH PRIVILEGES;

6. Install WordPress Online

Buka browser dan ketik domain anda, pilih bahasa yang ingin digunakan > Lets Go > kemudian isi form sesuai Website anda dengan Database, User Database dan Password seperti yang telah dibuat diatas. Contoh seperti dibawah ini:

cara-install-wordpress-vps

cara-install-wordpress-vps-

Jika ada keterangan: Sorry, but I can’t write the wp-config.php file. Dan dibawahnya diminta membuat file secara manual dan copy-paste text konfigurasi, copy kode konfigurasi tersebut.

Melalui putty Jalankan kode berikut:

vi /var/www/html/wp-config.php

Kemudian paste konfigurasinya dengan cara menekan huruf i kemudian klik kanan untuk paste. Pencet Ctrl+C kemudian ketik :wq selanjutnya Enter untuk menyimpan dan keluar.

Selanjutnya kembali ke Browser dan klik Run the install. Langkah selanjutnya isi form sesuai Website anda Username, Password, Email disesuaikan dan Klik Install WordPress.

7. Check Website

Cobalah membuat postingan pertama dengan mengupload file atau gambar produk misalnya gambar HP.  Kemudian konfigurasikan permalink untuk SEO friendly. Jika keduanya berhasil maka anda mungkin bisa tersenyum.

8. Kesimpulan

Selain menginstall WordPress pada Apache Server – CentOS VPS dengan command line lebih ciamik, ada juga kelebihan lainya yaitu Software WordPress yang diunduh juga versi yang fresh.

3 Themes WordPress Untuk Designer

3 Themes Wordpress Untuk Designer

Berikut 3 Themes WordPress Untuk Designer akan sangat membantu mempercepat pekerjaan anda, desain dengan selera dan keiinginan klien lebih cepat. Kode yang rapi serta komentar pada baris kode yang mudah dipahami.

 3 Themes WordPress Untuk Designer :

HTML5BLANK

3-themes-wordpress-untuk-designer

Dibuat oleh Toddmotto, theme wordpress HTML5BLANK ini telah banyak digunakan oleh pengguna wordpress diseluruh dunia. Theme html5blank Open source ini tersedia di github dengan banyaknya pull request Anda akan mendapatkan theme WordPress kosong boilerplate Super ramping dengan pengetahuan dari pengembang WordPress atas di seluruh dunia.

Naked WordPress

3-themes-wordpress-untuk-designerOleh Joshua Beckman. Style yang responsive, anda bisa kustom menu, kustom sidebar dan widget, dll.

Frank

3-themes-wordpress-untuk-designerFrank adalah theme wordpress open source yang dirancang untuk kecepatan website, theme ini super cepat dan flexible. Frank memiliki beberapa layout yang berbeda untuk website Anda . Anda bisa menentukan jumlah posting dari kategori yang ingin ditampilkan. Selain itu , ada banyak widget yang akan memberikan tingkat tambahan kustomisasi.

Cara Install WordPress di CPanel

Tutorial membuat website dengan CMS WordPress dan cara install WordPress di CPanel. Setelah anda membeli nama Domain dan Hosting langkah selanjutnya adalah menginstall WordPress.

Menginstall WordPress melalui CPanel lebih mudah dan cepat dari pada upload manual melalui FTP dan juga kelebihan lainya adalah versi dari CMS yang akan diinstall merupakan versi terbaru.

Langkah Pertama

Login ke CPanel dengan akun hosting anda, setelah berhasil login lihat kolom Softaculous App Installer pada bagian Script pilih WordPress

Cara Install WordPress di CPanel

Langkah Kedua

Selanjutnya Klik Install dan isi sesuai dengan nama Domain dan nama website anda

  • Choose Protocol : http://
  • Choose Domain : nama domain anda
  • In Directory : (Kosongkan input ini, hapus jika ada isian)

Biarkan yang lainya default, pada pengaturan Database akan otomatis dibuat oleh system.

Site Settings:

Langkah selanjutnya mengisi form pada kolom Site Settings:

  • Site Name : isi dengan nama situs anda
  • Site Description : sesuaikan dengan slogan website anda
  • Enable Multisite : biarkan
  • Pada kolom Admin account sesuaikan dengan kebutuhan website anda.

Advanced Options:

Setelah melengkapi form Site Settings, kemudian konfigurasi fitur WordPress pada Advanced Options:

  • Disable Update Notifications : Centang
  • Auto Upgrade : Centang (jika ada versi terbaru WordPress, maka otomatis langsung diperbaharui)

lainya biarkan default. Klik tombol Install dibawah.

 

Selesai..

mungkin anda ingin membaca 2 Plugin SEO Terbaik WordPress

Referensi : WordPress.org, CPanel.net

WordPress Theme Terbaik Untuk Developer

Theme Terbaik WordPress html5blank

Banyak theme WordPress khususnya untuk developer yang dibagikan secara gratis, beberapa saya coba install untuk website saya sendiri dan website teman. Seperti theme wordpress pada umumnya semua mempunyai fitur keunggulan masing-masing. Namun kali ini WordPress Theme Terbaik Untuk Developer saya memilih HTML5Blank WordPress Theme.

Alasan saya memilih theme ini pertama selain Free dan Open Source karena kecepatan untuk website dan mudahnya membuat tampilan website yang kita inginkan tanpa merubah banyak code.

Adapun Fitur HTML5Blank Theme:

HTML5

  • Basic Semantic HTML5 Markup
  • W3C Valid Code Foundations
  • Responsive Ready, ViewPort meta data
  • HTML Class support for IE7, IE8, IE9 Conditionals (HTML5 Boilerplate)
  • Clean, neatly organised code, with PHP annotations

 

jQuery + JavaScript

  • Replaced built-in WordPress enqueue with Google CDN
  • Protocol relative jQuery if Google CDN offline (HTML5 Boilerplate)
  • Conditionizr for cross-platform/device detects and enhancements
  • Modernizr feature detection, HTML5 element support for legacy, progressive enhancement (HTML5 Boilerplate)
  • DOM Ready JavaScript file setup (scripts.js) for instant JavaScript development
  • JavaScript files enqueued using WordPress functions into wp_head

 

CSS3

  • HTML5 Boilerplate reset
  • Media Queries framework for instant development using @media
  • @font-face empty framework with Fonts folder setup ready for new custom fonts
  • CSS3 custom selection styles
  • Inline print styles (HTML5 Boilerplate)
  • Body element config, including Optimize Legibility for kerning and font-smoothing
  • Replaced focus styles to avoid blue blur in field elements, replaced with border
  • Stylesheet enqueued using WordPress functions into wp_head

 

Preloaded Functions (functions.php)

  • Enqueue Scripts functions setup
  • Enqueue Styles functions setup
  • Dynamic WordPress Menu Navigation Support, preloaded with 3 Dynamic menus
  • Cleaned up dynamic nav output (Remove outer ‘div’)
  • Remove all injected classes from nav items, ID’s, Page ID’s
  • Custom Post Type x1 preloaded for demonstration, supporting: Category, Tags, Post Thumbnails, Excerpts
  • Dynamic Sidebar with x2 Widget Areas, and sidebar.php setup
  • WordPress Thumbnail Support, no Plugin image cropping, custom Arrays and Thumbnail settings
  • Custom Excerpt callbacks, with changeable callback numbers
  • Replaced ‘Read More’ button for custom Excerpt callbacks
  • Demo Shortcodes included, with Nested Shortcode capability
  • Add Slug to body class (Starkers Theme credit)
  • wp_head functions stripped right down, remove excess injected junk
  • All functions annotated, categorised into sections, filters, actions, shortcodes etc.
  • Space for development, neatly organised code with Modules/External files

 

Theme Files and Functionality

  • Built in Pagination, no plugins (strips out prev + next post and gives page numbers)
  • Optimised Google Analytics in footer (HTML5 Boilerplate)
  • Widget Area Sidebar support, functions in place to get developing
  • Custom Search Form included (searchform.php) – fully editable
  • Tags support for showing Post Tags
  • Category support for showing the Category of post
  • Author support showing the author
  • Demo Custom Page Template for expansion

 

Bagaimana anda tertarik untuk mencoba?

HTML5Blank WordPress theme bisa anda download di html5blank.com

* logo html5blank wordpress theme oleh html5blank.com