Html5/css3 Wordpress 3.1+ theme : Yoko

I am pleased to review another wordpress theme, called Yoko. I am really Appreciate yoko designers they are very talented peoples. Those names are Ellen and Manuel from elmastudio and they are released for the web design community. This theme is absolutely free to use in commercial projects and private also.

Yoko is a stylish and flexible wordpress theme with approachable layout, based on css3 media queries, this theme is auto adjusts to different screen resolution.

Download theme:

The design is optimized for large desktop screens, tablets and mini smart phones. Make your blog more creatures that will be able you to use your own logo, header, background and link color also.

• live demo
• large preview (.png, 1.5 Mb)
• download the package (2.2Mb, .zip)
• release on the developer’s site (with documentation in English and in German)
• Documentation PDF file (in English)
• Installation Video Tutorials

This theme is released under GPL. You can use any type of projects for free, NO restrictions. You can also change your theme if you wish.

Theme features:

Theme requires wordpress 3.1+

Well matched cross browsers (Checked with chrome

HTML5 (with fallback for IE < 9) and CSS3

Approachable layout (css3 media queries, not supported in IE9, You can apply libraries like respond.js and css3-mediaqueries-js, made it work in older versions of IE.

WordPress post formats (aside, gallery, image, video, link and quote)

You can use your own background, header options and submenu also.

Social media support to promote your rss feed.

Full width page template

You can use google web fonts (droid sans and droid serif)

Comments with gravatar support

Extra: multiple columns, info boxes with three colors and highlighted text

Presently available in English, German and French.

Screen shots:

Three-Column-Layout.

Two-Column-Layout.

One-Column-Layout.

Comments area.

Custom Header.

Post Format Gallery.

Theme Options.

I hope, it is very useful for u…. (Please follow : twitter | facebook )

Read more »

Posted in: Web Design,wordpress

Free wordpress theme 3.1: splendio (psd)

I am happy to inform you; I got one wordpress theme, that's very beautiful, this theme made by vlad and elena. The theme is free to use in both private and commercial projects.

About this template:

Upper part:

News slider for the special articles and main area can contain the content of your latest articles.

Right side:

You'll find overview of latest Articles and latest tweets and something of your website promotion related.

Upper right side part:

This features shown your latest comments of your website and you can also put any promotional widget.

Gallery:

In case you wish to showcase your latest photos have an option above the footer. You can place widgets like a filker.

Extra:

Color theme is blue and there you can place your widgets such as pages, categories and others. A soft upper part and middle part and strong footer are the special of this theme...

Download wordpress template:

• Demo
• Preview
• Download Splendio (Theme + Plugins) (zip, 0.8 Mb)
• Download Splendio (Theme + Plugins + PSD Sources) (zip, 6.4 Mb)
• Download mirror (zip, 6.4 Mb)
• Release on the developer’s site

Screen shots :

The footer area.

Main content area.

The comments area.

Thank you smashing magazine and Vlad and Elena!

Source: smashing magazine

Written by anand (twitter)

Read more »

Posted in: wordpress

Level atau Peranan / Role Pengguna Wordpress (Administrator, Editor, Author, Contributor dan Subscriber)

Sebuah Blog dengan penulis tunggal kemungkinan memiliki produktivitas posting yang sedikit atau kecil. Kadang-kadang sekumpulan orang bekerjasama untuk mengelola suatu blog. Salah satu tujuannya adalah untuk meningkatkan produktivitas Blog ataupun Website.

Salah satu Engine CMS yang memiliki kehandalan dalam pemberian peranan kepada Penggunanya adalah Wordpress. Wordpress memiliki beberapa peran user yang tentunya dapat dimanfaatkan untuk produktivitas Blog atau Website.

Ada beberapa Role / Peranan yang dimiliki pengguna Wordpress diantaranya Administrator, Editor, Author, Contributor dan Subscriber.

1. Administrator : Level atau Peranan / Role layaknya Penguasa segala hal dalam engine wordpress.
2. Editor : Level atau Peranan Penyempurna, artinya mampu menilai layaknya suatu tulisan dimuat entah Page atau Post me-moderate comments, memanage categories, memanage tags, memanage links dan mengupload files/images. Sehingga menguasai hal terkait konten, tetapi tidak tampilan / appearance.
   
3. Author : Level atau Peranan Penulis, artinya mampu menulis suatu tulisan hanya Post dan mengupload files/images terkait post itu. Author menguasai hal terkait konten dinamis sering berganti.
4. Contributor : Level atau Peranan Pemberi, artinya mampu menulis suatu tulisan, tetapi kemudian melepaskannya untuk diolah dan dipublish Administrator, Editor, atau Author.
5. Subscriber, Kadang untuk berkomentar atau melakukan aktifitas lain kita harus terdaftar di engine wordpress. Subscriber ini tidak dapat melakukan aktifitas metubah konten blog.
   

Berhati Hatilah memberi Level atau Peranan / Role pada Pengguna Wordpress, karena tentunya sangat berbahaya jika disalahgunakan.

Saran : Sebaiknya hanya ada satu administrator dalam satu engine wordpress, dan perlu kehati-hatian memberikan wewenang terhadap orang yang berperan sebagai administrator atau Editor.

Read more »

Posted in: wordpress

Memunculkan Gambar Postingan Wordpress jika menggunakan the_excerpt

Bagaimana bisa kita menampilkan gambar kalau kita menggunakan the_excerpt() wordpress sedangkan yang bisa muncul hanya beberapa buah kalimat atau katakanlah sekitaran 30-an kata.

Jika kesulitan bisa tambahkan fungsi berikut di function.php

function getImage($num) {
global $more;
$more = 1;
$link = get_permalink();
$content = get_the_content();
$count = substr_count($content, '<img');
$start = 0;
for($i=1;$i<=$count;$i++) {
$imgBeg = strpos($content, '<img', $start);
$post = substr($content, $imgBeg);
$imgEnd = strpos($post, '>');
$postOutput = substr($post, 0, $imgEnd+1);
$postOutput = preg_replace('/width="([0-9]*)" height="([0-9]*)"/', '',$postOutput);;
$image[$i] = $postOutput;
$start=$imgEnd+1;
}
if(stristr($image[$num],'<img')) { echo '<a href="'.$link.'">'.$image[$num]."</a>"; }
$more = 0;
}


lalu pada bagian yang menggunakan the_excerpt() pada folder thema wordpress, misalkan file index.php atau archive.php panggil fungsi tersebut sebelum atau sesudah digunakannya the_excerpt().

Contoh penggunaan fungsi tersebut :

<?php getImage('1'); ?>

Angka 1 pada pemanggilan fungsi adalah gambar ke 1 dalam postingan. Angka 1 boleh saja diganti. Jika kita memiliki 2 buah gambar dalam 1 postingan maka kita dapat menggantinya dengan memberikan passing angka 2 pada fungsi.

Kelemahan koding ini adalah tidak dapat dilakukannya resize terhadap image, jadi jika gambar aslinya besar, maka postingan terlihat kurang rapih.


Jika ingin menggunakan plugin untuk hal ini, kunjungi Link

Read more »

Posted in: wordpress

Page Template to give a variation in Wordpress Theme

Below is a brief Article of Page Template to give a variation in Wordpress Theme.

Variation wordpress page template is important thing we should do if we want different theme in a single wordpress site. This manner also important for reducing the needed of size by different wordpress theme (Usually we need 2 wordpress site if we want two different theme).

This only can be done in downloadable wordpress (not in wordpress.com), because we need to add few extra file that can be a page template of Wordpress Theme.

see the file structure below (usually in wordpress theme directory)

page.php
--> load header.php
load #header {in style.css file}
--> load sidebar.php
--> load footer.php

page1.php
--> load header1.php
load #header1 {in style.css file}
--> load sidebar1.php
--> load footer1.php
page2.php
--> load header2.php
load #header2 {in style.css file}
--> load sidebar2.php
--> load footer2.php

all the thing we should do are
1. create page1.php and page2.php and more page template that we need.
2. create definition that usually same as #header in style.css but load a different header image. example #header1

this definition load another header image, so the appearance will be different from default appearance.

3. Use this syntax usually before <?php get_header(); ?>

<?php
/*
Template Name: Archives
*/
?>

4. Choose a page template in creating new page. See The Example below..

Figure 1. Choose a Default Page template

Figure 1. Choose a Custom Page template.

5. The Result

Figure 3. Appearance with default Page Template

Figure 4. Appearance with Custom Page Template.

That's all, now you can have a variation appearance in one wordpress site. We can make many kind of page template, that can produce variation of appearance in our site.

Read more »

Posted in: wordpress

Create User in Wordpress

Choose Menu User --> Authors and Users

Fill in the text boxt and another field required. The important thing is give user authority. Be sure you Know about User Authority.


User Also have notification by email about their username and password.

Read more »

Posted in: Web,wordpress

Change Wordpress User Password

How to Change Wordpress Password? Just follow this steps. The important thing is password strength.

1. Select Menu User --> Authors and Users and Your Username.


2. Update old password with new password. Remember to give a Strong Password Strength


3. Finish. Your wordpress password have been changed.

Read more »

Posted in: Web,wordpress