Με τον παρακάτω κώδικα θα εμφανίζετε τα Adsense ads μόνο σε όσους έρχονται στην ιστοσελίδα σας μέσα από search engines. Σκοπός αυτού του κόλπου είναι να μην υπάρχει θέμα με την απενεργοποίηση των κερδών από τα click με την τεχνική του smart pricing από την Google.

Για να το κάνετε αυτό γράψτε στο functions.php του θέματος σας τον κώδικα:

function scratch99_fromasearchengine(){
  $ref = $_SERVER['HTTP_REFERER'];
  $SE = array('/search?', 'images.google.', 'web.info.com', 'search.', 'del.icio.us/search', 'soso.com', '/search/', '.yahoo.');
  foreach ($SE as $source) {
    if (strpos($ref,$source)!==false) return true;
  }
  return false;
}

Στον πίνακα $SE, ορίζουμε όλες τις μηχανές αναζήτησης από τις οποίες όταν έρχεται ο επισκέπτης θέλουμε να του εμφανίζουμε τις διαφημίσεις. Στο παράδειγμα υπάρχουν κάποιες βασικές μηχανές, Google, Web.Info.com, Del.icio.us, Soso.com, and Yahoo. Αμέσως μετά, γράψτε τον παρακάτω κώδικα, ό,που θέλετε να εμφανίζετε τις διαφημίσεις στην ιστοσελίδα σας.

if (function_exists('scratch99_fromasearchengine')) {
  if (scratch99_fromasearchengine()) {
    YOUR CODE HERE
  }
}

Στο σημείο YOUR CODE HERE του παραπάνω κώδικα, απλά βάλτε τον κώδικα από την διαφήμιση που θέλετε να εμφανίσετε.

Πηγή: Avoid Smart Pricing Show Adsense Only to Search Engine Visitors

Εμφάνιση ημερομηνιών ώς “Πρίν από…”

Σε πολλές σελίδες, η ώρα των άρθρων και των ενημερώσεων, εμφανίζεται με μορφή “Πρίν από Χ λέπτά”. Για να το κάνουμε αυτό και στα WordPress posts μας πρέπει ναπροσθέσουμε το εξής function μέσα στο αρχείο functions.php του θέματος μας.

function  timeAgo($timestamp, $granularity=2, $format='d-m-Y H:i:s'){
        $difference = time() - $timestamp;
        if($difference < 0) return '0 seconds ago';
        elseif($difference < 864000){
                $periods = array('week' => 604800,'day' => 86400,'hr' => 3600,'min' => 60,'sec' => 1);
                $output = '';
                foreach($periods as $key => $value){
                        if($difference >= $value){
                                $time = round($difference / $value);
                                $difference %= $value;
                                $output .= ($output ? ' ' : '').$time.' ';
                                $output .= (($time > 1 && $key == 'day') ? $key.'s' : $key);
                                $granularity--;
                        }
                        if($granularity == 0) break;
                }
                return 'πρίν από '.($output ? $output : '0 seconds');
        }
        else return date($format, $timestamp);
}

Για να εμφανίσουμε την ώρα με την νέα μορφή γράφουμε μέσα στα templates, όπου θέλουμε να εμφανίζεται με αυτόν τον τρόπο, τον εξής κώδικα:

$time = timeAgo($dateRef);

Πηγή: Display Dates As Time Ago

Προβολή αύξοντα αριθμού στα posts

Με αυτό το κόλπο μπορούμε να βάλουμε άυξοντα αριθμό στα posts μας. Γράφουμε τον παρακάτω κώδικα στο functions.php:

function updateNumbers() {
    global $wpdb;
    $querystr = "SELECT $wpdb->posts.* FROM $wpdb->posts WHERE $wpdb->posts.post_status = 'publish' AND $wpdb->posts.post_type = 'post' ";
    $pageposts = $wpdb->get_results($querystr, OBJECT);
        $counts = 0 ;
if ($pageposts):
    foreach ($pageposts as $post):
        setup_postdata($post);
        $counts++;
        add_post_meta($post->ID, 'incr_number', $counts, true);
        update_post_meta($post->ID, 'incr_number', $counts);
    endforeach;
endif;
}
add_action ( 'publish_post', 'updateNumbers' );
add_action ( 'deleted_post', 'updateNumbers' );
add_action ( 'edit_post', 'updateNumbers' );

Τώρα για να εμφανίσετε τον αριθμό εκεί που θέλετε απλά γράψτε τον παρακάτω κώδικα μέσα στο Loop στο αρχείο που θέλετε (index.php, single.php, κτλ).

<?php echo get_post_meta($post->ID,'incr_number',true); ?>

Πηγή: Top WordPress Hacks of Early 2010

Στυλ στα σχόλια ανάλογα με τον ρόλο του χρήστη

Ένα από τα πιο παλιά κόλπα στο WordPress είναι ο διαχωρισμός των σχόλιων που προέρχονται από χρήστες/επισκέπτες και από τους συγγραφείς/διαχειριστές της ιστοσελίδας. Έτσι είναι πολύ πιο έυκολο να δώσουμε μια φυσική ροή στην ανάγνωση των σχολίων μας.

Το πρώτο που πρέπει να κάνουμε είναι να αντικαταστήσουμε το standard κώδικα του loop μέσα στο αρχείο comments.php με τον παρακάτω κώδικα:

<ol id="commentlist">
<?php foreach ($comments as $comment) : ?>
        <?php // The extra stuff to get commenter's role
        $user_id = $comment->user_id;
        $role = ( isset( $roles[$user_id] ) ? $roles[$user_id] : '' );
        ?>
        <li class="<?php echo $role; ?>">
        <p>By <?php comment_author_link() ?> - <?php comment_date() ?></p>
        <?php comment_text() ?>
        </li>
<?php endforeach; ?>
</ol>

Τώρα μένει μόνο να δώσουμε στυλ στους διαφορετικούς τύπους σχολίων. Ένα μικρό παράδειγμα για τον κώδικα που θα μπορούσατε να έχετε στο αρχείο style.css, είναι το παρακάτω:

#commentlist li { border:2px solid white; } /* not logged or subscriber */
#commentlist li.administrator { border:2px solid red } /* blog admin */
#commentlist li.editor { border:2px solid blue } /* editor */

Πηγή: WordPress How to Style Comments of Every Roles

Προσθήκη φόρμας login οπουδήποτε στην σελίδα

Ο τρόπος που οι χρήστες κάνουν login στο WordPress είναι μερικές φορές διαφορετικός από αυτόν που θα θέλαμε να έχουμε. Έτσι με τον παρακάτω κώδικα μπορείτε να βάλετε όπου εσείς επιθυμείτε μια φόρμα για να κάνουν οι χρήστες σας login. Γράψτε τον παρακάτω κώδικα σε όποιο σημείο θέλετε να εμφανίσετε την φόρμα

<?php if (!(current_user_can('level_0'))){ ?>
<h2>Login</h2>
<form action="<?php echo get_option('home'); ?>/wp-login.php" method="post">
<input type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="20" />
<input type="password" name="pwd" id="pwd" size="20" />
<input type="submit" name="submit" value="Send" class="button" />
    <p>
       <label for="rememberme"><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> Remember me</label>
       <input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>" />
    </p>
</form>
<a href="<?php echo get_option('home'); ?>/wp-login.php?action=lostpassword">Recover password</a>
<?php } else { ?>
<h2>Logout</h2>
<a href="<?php echo wp_logout_url(urlencode($_SERVER['REQUEST_URI'])); ?>">logout</a><br />
<a href="http://XXX/wp-admin/">admin</a>
<?php } ?>

Πηγή: Add a Login Form on Your WordPress theme

Εμφάνιση Σχετικών Άρθρων χωρίς plugin

Ένα από τα καλύτερα κόλπα είναι να μπορούμε στα άρθρα μας να εμφανίσουμε έναν αριθμό από σχετικά άρθρα, ώστε να ωθήσουμε τους αναγνώστες μας να μείνουν περισσότερη ώρα στην σελίδα μας. Ξεκινάμε γράφοντας τον παρακάτω κώδικα στο single.php:

<?php  //for use in the loop, list 5 post titles related to first tag on current post
  $backup = $post;  // backup the current object
  $tags = wp_get_post_tags($post->ID);
  $tagIDs = array();
  if ($tags) {
    $tagcount = count($tags);
    for ($i = 0; $i < $tagcount; $i++) {
      $tagIDs[$i] = $tags[$i]->term_id;
    }
    $args=array(
      'tag__in' => $tagIDs,
      'post__not_in' => array($post->ID),
      'showposts'=>5,
      'caller_get_posts'=>1
    );
    $my_query = new WP_Query($args);
    if( $my_query->have_posts() ) {
      while ($my_query->have_posts()) : $my_query->the_post(); ?>
        <h3><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
      <?php endwhile;
    } else { ?>
      <h2>No related posts found!</h2>
    <?php }
  }
  $post = $backup;  // copy it back
  wp_reset_query(); // to use the original query again
?>

Για να αλλάξετε τον αριθμό των άρθρων που εμφανίζεται, στο ‘showposts’=>5, αλλάξτε το 5 με τον αριθμό που θέλετε εσείς.

Πηγή: Code Highlighting

Μεμονομένα στυλ ανά άρθρο

Ένα καλό κόλπο που μπορούμε να χρησιμοποιήσουμε για να κάνουμε κάθε άρθρο διαφορετικό, είναι να έχουμε διαφορετικά styles για κάποια από τα άρθρα μας. Έτσι μπορούμε ανάλογα με το περιεχόμενο του άρθρου μας, μπορούμε να βάλουμε και τα ανάλογα styles ώστε να κάνουμε την σελίδα μοναδική.

Πρώτα από όλα στο αρχείο single.php πρέπει να βρούμε την γραμμή:

<div class="post">

και να την αντικαταστήσουμε με:

<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

Το μόνο που μένει να κάνουμε τώρα είναι να δώσουμε styles στο κάθε άρθρο γράφοντας CSS που θα στοχεύουν το άρθρο (για παράδειγμα #post-XXX) μέσα στο style.css του θέματος μας.

#post-112 {
    background: #113355;
    color:#069;
    font-weight:bold;
}

Πηγή: Fahirsch Asked How to Style Posts Individually

Προσθήκη σύντομου βιογραφικού του συγγραφέα στα άρθρα

Σε πολλά WordPress (όπως και στο GreekTuts) θα βρείτε κάτω από το κάθε άρθρο κάποια στοιχεία για τον συγγραφέα του άρθρου. Αυτό για να το πετύχουμε ανοίγουμε το αρχείο single.php και γράφουμε τον παρακάτω κώδικα στο σημείο που θέλουμε να εμφανίσουμε τα στοιχεία του συντάκτη:

<div id="author-bio">
	<h3>About <?php the_author(); ?></h3>
	<?php echo get_avatar( get_the_author_email(), '70' ); ?>
	<?php the_author_description(); ?>
</div>

Τώρα το μόνο που μένει είναι να γράψουμε τα δικά μας CSS μέσα στο αρχείο style.css.

#author-bio { border-top: 1px dotted #cccccc; padding: 15px 0; }
#author-bio h3 { font-size: 16px; margin: 0 0 5px 0; }
#author-bio img { float: left; padding: 2px; border: 1px solid #cccccc; margin: 5px 15px 0 0; }

Αυτόματα σύντομα URL με το Bit.ly

Η προσθήκη σύντομων links προς τα άρθρα μας μπορεί να ωθήσει προς τα πάνω την κίνηση στην σελίδα μας, αλλά με τα διάφορα όρια σε χαρακτήρες σε διάφορα social sites (όπως το όριο 140 χαρακτήρων του Twitter) τις περισσότερες φορές χαραμίζουμε πολλούς χαρακτήρες .

Με τον παρακάτω κώδικα θα δημιουργούμε έναν νέο shortlink με το Bit.ly για κάθε άρθρο που θα γράφουμε. Στο αρχείο functions.php γράφουμε τον κώδικα:

function bitly($url) {
    $content = file_get_contents("http://api.bit.ly/v3/shorten?login=YOURLOGIN
    &apiKey=YOURAPIKEY
    &longUrl=".$url."&format=xml");
    $element = new SimpleXmlElement($content);
    $bitly = $element->data->url;
    if($bitly){
        echo $bitly;}
    else{
       echo '0';
    }
}

Τώρα για να εμφανίσουμε το shortlink και να επιτρέψουμε στους επισκέπτες μας να το κάνουν copy/paste γράφουμε στο αρχείο single.php μέσα στο loop τον κώδικα:

<?php bitly(get_permalink($post->post_id)); ?>

Πηγή: 5 Practical Ways to Integrate URL Shortening Services on Your Blog

Δημιουργία ενός Ajax Auto-complete πεδίου αναζήτησης

Όταν οι επισκέπτες σας κάνουν αναζητήσεις μέσω της φόρμας αναζήτησης της ιστοσελίδας σας, μπορείτε να τους βοηθήσετε, συμπληρώνοντας αυτόματα τις λέξεις που γράφουν καθώς τις πληκτρολογούν. Για αυτό το κόλπο θα χρειαστείτε jQuery , και το plugin autocomplete.

Στο header.php του θέματος σας γράφετε τον παρακάτω κώδικα για να συμπλεριλάβετε την βιβλιοθήκη και το plugin με τα css του:

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.autocomplete.pack.js"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/js/jquery.autocomplete.css" media="screen" />

Τώρα μένει να προσθέσετε στον παρακάτω κώδικα στο σημείο $(“#ID_OF_SEARCH_INPUT_BOX”) το πραγματικό ID της φόρμας αναζήτησης της σελίδας σας, και να τον προσθέσετε στο head ή πρίν το κλείσιμο του body στον κώδικα σας.

<script type="text/javascript">
$(document).ready(function(){
    var data = '<?php global $wpdb; $search_tags = $wpdb->get_results("SELECT name FROM $wpdb->terms"); foreach ($search_tags as $mytag){ echo $mytag->name. " "; } ?>'.split(" ");
    $("#ID_OF_SEARCH_INPUT_BOX").autocomplete(data);
})
</script>

Πηγή: How to Create an Ajax Based Autocompleting Search Field for Your WordPress Theme

Επίλογος

Αυτά είναι τα 10 καλύτερα tricks/tips και hacks για το WordPress όπως αυτά προκύπτουν από τις μηχανές αναζήτησης και τις αναζητήσεις στις περισσότερες ιστοσελίδες με βοηθήματα και άρθρα για το WordPress!

Έχετε κάποιο να προσθέσετε; Γράψτε μας από κάτω στα σχόλια !

• Διαμόρφωση και προσωποποίηση των θεμάτων με live preview
• Ελαστικά μεγέθη στις εικόνες του Custom Header Sizes
• Επιλογή Header και Background εικόνων από την Media Library
• Ανεπτυγμένες επιλογές αναζήτησης και επιλογής θεμάτων

Και μερικές αλλαγές στα πιο τεχνικά κομμάτια του WordPress

• Νέο XML-RPC API για εξωτερικές και mobile εφαρμογές
• Νέο API για τα custom headers και backgrounds
• Βελτίωση της απόδοσης του WP_Query
• Βελτιώσεις στις επιλογές γλωσσών και τοπικών ρυθμίσεων
• Αλλαγές και βελτιστοποίηση στα APIs όταν δουλέυουμε με λίστες εγκατεστημένων θεμάτων
• Υποστήριξη για την εγκατάσταση child themes από το επίσημο Themes Directory

Μπορείτε να κατεβάσετε την νέα έκδοση από την επίσημη ιστοσελίδα του WordPress, να την εγκαταστήσετε τοπικά για να την δοκιμάσετε, και αν βρείτε κάποιο bug ή κάποιο πρόβλημα γενικότερα να το αναφέρετε στο beta/alpha forum.

Live Previewer

Media Library

WordPress Ping Services

Το WordPress κάθε φορά που δημοσιεύουμε ένα νέο άρθρο “ειδοποιεί” κάποιες ιστοσελίδες (όπως το Techonarati για παράδειγμα) πως υπάρχει νέο υλικό στο blog μας. Μέσω αυτής της διαδικασίας μειώνεται στο ελάχιστο ο χρόνος που θα χρειαστούν οι μηχανές αναζήτησης να εντοπίσουν το νέο άρθρο και να το εμφανίζουν στα αποτελέσματά τους.

Εδώ ας κάνουμε μία μικρή παρένθεση, ξεκαθαρίζοντας πως το Wordress (ή και κάποιες ιστοσελίδες που κάνουν ping όπως το ping-o-matic) δεν καταχωρεί το νέο σας υλικό στις μηχανές αναζήτησης! Πολλοί μπερδεύονται και αν διαβάσατε κάπου κάτι αντίστοιχο να έχετε υπόψη πως δεν ισχύει. Αυτό που κάνει το WordPress και οι αντίστοιχες ιστοσελίδες είναι να ειδοποιεί κάποια μεγάλα directories πως υπάρχει νέο υλικό ώστε μπείτε στην λίστα για να επισκεφτεί το robot και να κάνει index την νέα σας σελίδα.

Για να δείτε ποια services χρησιμοποιεί το WordPress αρκεί να μεταβείτε το μενού Ρυθμίσεις -> Σύνταξη. Εκεί θα βρείτε το πεδίο με το όνομα Ενημέρωση υπηρεσιών που μπορείτε να προσθέσετε εσείς όποια υπηρεσία θέλετε. Ακολουθεί μια προτεινόμενη λίστα υπηρεσιών που θα σας καλύψει

(απλά κάντε την αντιγραφή και επικόλληση και στο τέλος πατήστε στο κουμπί Αποθήκευση αλλαγών).

http://xping.pubsub.com/ping
http://www.blogdigger.com/RPC2
http://topicexchange.com/RPC2
http://rpc.weblogs.com/RPC2
http://rpc.technorati.com/rpc/ping
http://rpc.icerocket.com:10080/
http://rpc.blogrolling.com/pinger
http://pinger.blogflux.com/rpc
http://ping.weblogalot.com/rpc.php
http://ping.syndic8.com/xmlrpc.php
http://ping.cocolog-nifty.com/xmlrpc
http://ping.bloggers.jp/rpc
http://ping.blo.gs/
http://coreblog.org/ping
http://blogdb.jp/xmlrpc/
http://api.moreover.com/RPC2
http://api.moreover.com/ping
http://api.feedster.com/ping
http://blogsearch.google.com/ping/RPC2
http://api.my.yahoo.com/rss/ping
http://ping.feedburner.com
http://1470.net/api/ping
http://api.my.yahoo.com/RPC2
http://bblog.com/ping.php
http://bitacoras.net/ping
http://blogbot.dk/io/xml-rpc.php
http://blogmatcher.com/u.php
http://bulkfeeds.net/rpc
http://mod-pubsub.org/kn_apps/blogchatt
http://mod-pubsub.org/knapps/blogchatt
http://ping.amagle.com
http://ping.bitacoras.com
http://ping.blogmura.jp/rpc
http://ping.exblog.jp/xmlrpc
http://ping.myblog.jp
http://ping.rootblog.com/rpc.php
http://ping.weblogs.se
http://rcs.datashed.net/RPC2
http://thingamablog.sourceforge.net/ping.php
http://trackback.bakeinu.jp/bakeping.php
http://www.a2b.cc/setloc/bp.a2b
http://www.bitacoles.net/ping.php
http://www.blogoole.com/ping
http://www.blogoon.net/ping
http://www.blogpeople.net/servlet/weblogUpdates
http://www.blogroots.com/tb_populi.blog?id=1
http://www.blogroots.com/tbpopuli.blog?id=1
http://www.blogshares.com/rpc.php
http://www.blogsnow.com/ping
http://www.blogstreet.com/xrbin/xmlrpc.cgi
http://www.lasermemory.com/lsrpc
http://www.mod-pubsub.org/kn_apps/blogchatter/ping.php
http://www.mod-pubsub.org/knapps/blogchatter/ping.php
http://www.newsisfree.com/xmlrpctest.php
http://www.popdex.com/addsite.php
http://www.snipsnap.org/RPC2
http://www.weblogues.com/RPC
http://xmlrpc.blogg.de
http://holycowdude.com/rpc/ping/
http://pingoat.com/goat/RPC2
http://rpc.blogbuzzmachine.com/RPC2
http://rpc.newsgator.com/
http://api.my.yahoo.co.jp/RPC2
http://audiorpc.weblogs.com/RPC2
http://blog.goo.ne.jp/XMLRPC
http://blogpeople.net/ping
http://blogsearch.google.ae/ping/RPC2
http://blogsearch.google.at/ping/RPC2
http://blogsearch.google.be/ping/RPC2
http://blogsearch.google.bg/ping/RPC2
http://blogsearch.google.ca/ping/RPC2
http://blogsearch.google.ch/ping/RPC2
http://blogsearch.google.cl/ping/RPC2
http://blogsearch.google.co.cr/ping/RPC2
http://blogsearch.google.co.hu/ping/RPC2
http://blogsearch.google.co.id/ping/RPC2
http://blogsearch.google.co.il/ping/RPC2
http://blogsearch.google.co.in/ping/RPC2
http://blogsearch.google.co.jp/ping/RPC2
http://blogsearch.google.co.ma/ping/RPC2
http://blogsearch.google.co.nz/ping/RPC2
http://blogsearch.google.co.th/ping/RPC2
http://blogsearch.google.co.uk/ping/RPC2
http://blogsearch.google.co.ve/ping/RPC2
http://blogsearch.google.co.za/ping/RPC2
http://blogsearch.google.com.ar/ping/RPC2
http://blogsearch.google.com.au/ping/RPC2
http://blogsearch.google.com.br/ping/RPC2
http://blogsearch.google.com.co/ping/RPC2
http://blogsearch.google.com.do/ping/RPC2
http://blogsearch.google.com.mx/ping/RPC2
http://blogsearch.google.com.my/ping/RPC2
http://blogsearch.google.com.pe/ping/RPC2
http://blogsearch.google.com.sa/ping/RPC2
http://blogsearch.google.com.sg/ping/RPC2
http://blogsearch.google.com.tr/ping/RPC2
http://blogsearch.google.com.tw/ping/RPC2
http://blogsearch.google.com.ua/ping/RPC2
http://blogsearch.google.com.uy/ping/RPC2
http://blogsearch.google.com.vn/ping/RPC2
http://blogsearch.google.com/ping/RPC2
http://blogsearch.google.de/ping/RPC2
http://blogsearch.google.es/ping/RPC2
http://blogsearch.google.fi/ping/RPC2
http://blogsearch.google.fr/ping/RPC2
http://blogsearch.google.gr/ping/RPC2
http://blogsearch.google.hr/ping/RPC2
http://blogsearch.google.ie/ping/RPC2
http://blogsearch.google.it/ping/RPC2
http://blogsearch.google.jp/ping/RPC2
http://blogsearch.google.lt/ping/RPC2
http://blogsearch.google.nl/ping/RPC2
http://blogsearch.google.pl/ping/RPC2
http://blogsearch.google.pt/ping/RPC2
http://blogsearch.google.ro/ping/RPC2
http://blogsearch.google.ru/ping/RPC2
http://blogsearch.google.se/ping/RPC2
http://blogsearch.google.sk/ping/RPC2
http://blogsearch.google.us/ping/RPC2
http://hamo-search.com/ping.php
http://ping.bloggnytt.se
http://ping.blogs.yandex.ru/RPC2
http://ping.kutsulog.net/
http://ping.namaan.net/rpc
http://rpc.aitellu.com
http://rpc.bloggerei.de/ping/
http://rpc.blogrolling.com/pinger/
http://rpc.reader.livedoor.com/ping
http://rpc.twingly.com/
http://xianguo.com/xmlrpc/ping.php
http://xping.pubsub.com/ping/
http://zhuaxia.com/rpc/server.php
http://blogsearch.google.co.it/ping/RPC2
http://blogsearch.google.in/ping/RPC2
http://blogsearch.google.tw/ping/RPC2
http://feedsky.com/api/RPC2
http://ping.blogoon.net
http://ping.fc2.com
http://ping.snap.com/ping/RPC2
http://ping.wordblog.de
http://r.hatena.ne.jp/rpc
http://rpc.technorati.jp/rpc/ping
http://wasalive.com/ping/
http://www.newsisfree.com/RPCCloud

Πως θα δημιουργήσετε Sitemaps στο WordPress

Τα Sitemaps είναι λίστες που περιέχουν όλες τις σελίδες από μια ιστοσελίδα. Με αυτό τον τρόπο οι μηχανές αναζήτησης μπορούν να περιηγηθούν στο blog σας χωρίς να παραλείψουν κάποια από τις σελίδες σας. Κάθε ιστοσελίδα θα πρέπει να περιέχει ένα sitemap σε μορφή xml αρχείου. Υπάρχουν διάφορα plugins που κάνουν αποκλειστικά και μόνο αυτή τη δουλειά όπως το Google XML Sitemaps.

Εμείς για χρησιμοποιήσουμε το plugin Yoast SEO. Το Yoast SEO είναι ένα plugin που περιέχει όλες τις βασικές SEO ρυθμίσεις που χρειάζεται ένα blog. Και αναλυτικότερα θα ασχοληθούμε μαζί του στο επόμενο tutorial. Σήμερα απλά θα το ρυθμίσουμε να διαχειρίζεται τα sitemaps του blog μας. Εγκαθιστούμε λοιπόν το Yoast SEO και αφού το ενεργοποιήσουμε από το μενού διαχείρισης στα αριστερά πατάμε στο SEO -> XML Sitemaps, βάζουμε τικ στο κουτάκι ώστε να εμφανιστούν και οι υπόλοιπες ρυθμίσεις του:

Στην κατηγορία General Settings μας ρωτάει αν θέλουμε αν θέλουμε μετά από κάθε δημοσίευση, το Yoast να ειδοποιεί τις σελίδες Yahoo! Και Ask πως υπάρχει κάποια αλλαγή στο site μας (δηλαδή να κάνει ping προς αυτές, όπως αναφέραμε παραπάνω!). Καλό είναι να ενεργοποιήσετε και τις δύο επιλογές.

Στην κατηγορία Exclude post Types μπορούμε να επιλέξουμε αν θέλουμε κάποιο είδος άρθρων (post type) μην συμπεριλαμβάνεται στα sitemaps της σελίδας μας (διαβάστε περισσότερα για τα post types στο Codex του WordPress). Δεν ενεργοποιούμε καμία από τις δύο επιλογές!

Τέλος το Yoast μας ρωτάει αν θέλουμε να μην συμπεριλαμβάνει τις Κατηγορίες και τις Ετικέτες μας στα sitemaps του. Και αυτό το αφήνουμε ως έχει χωρίς να επιλέξουμε κάτι.
Τέλος πατάμε Save Settings και είμαστε έτοιμοι! Για να δείτε το κεντρικό sitemap αρκεί να επισκεφτείτε την διεύθυνση http://todomainsas.com/sitemap_index.xml
Αυτά για σήμερα! Στο επόμενο tutorial θα δούμε πως θα ρυθμίσουμε το Yoast SEO. Αν παρατηρήσετε έχει πάρα πολλές ρυθμίσεις, αλλά μην ανησυχείτε θα τις εξετάσουμε μία προς μία αναλυτικά!

Οι λέξεις κλειδιά είναι ίσως το σημαντικότερο κομμάτι του on-page SEO. Η σωστή χρήση τους επηρεάζει την ιστοσελίδα σας στο μεγαλύτερο βαθμό από όλους τους άλλους παράγοντες που έχουμε ήδη αναφέρει. Πως όμως μπορεί να γίνει σωστή χρήση σε λέξεις κλειδιά αν δεν εντοπίσετε πρώτα τις σωστές!

Αφού έχετε καταγράψει όλες τις πιθανές λέξεις κλειδιά μπορείτε να τις προσθέσετε στο Keyword Tool της Google ώστε να δείτε τις σας προτείνει και να πάρετε νέες ιδέες. Επίσης μπορείτε να ψάξετε στο Google για αυτές τις λέξεις κλειδιά να σημειώσετε τα πρώτα αποτελέσματα και να περιηγηθείτε σε αυτές τις ιστοσελίδες που βγαίνουν πρώτες ώστε να πάρετε ιδέες και να δείτε πως λειτουργούν αυτές.

Πολλοί αγνοούν πλήρως αυτή τη διαδικασία ή την αναβάλουν για αργότερα. Η αναζήτηση των λέξεων κλειδιά είναι μια πάρα πολύ σημαντική διαδικασία και αποτελεί το θεμέλιο για την ιστοσελίδα σας. Μπορεί φυσικά να γίνει και σε μια ήδη υπάρχουσα ιστοσελίδα αλλά τότε τα πράγματα είναι πολύ πιο χρονοβόρα και καλό είναι εφόσον υπάρχει η δυνατότητα να γίνεται πριν από την κατασκευή της ιστοσελίδας.

Αφού λοιπόν σημειώσετε όλες τις λέξεις κλειδιά που σας ενδιαφέρουν στα επόμενα μέρη του tutorial θα δούμε πως θα κάνουμε πλήρη χρήση αυτών.

Μερικές βασικές ρυθμίσεις στο WordPress

Αφού συνδεθούμε στην διαχείριση του WordPress (todomainsas.gr/wp-admin) πάμε στο μενού «Ρυθμίσεις». Πατώντας στο «Γενικά» γράφουμε τον τίτλο του blog μας και μια μικρή περιγραφή για αυτό επιλέγουμε την σωστή ώρα και το πώς θέλουμε να εμφανίζεται η ημερομηνία και η ώρα στα άρθρα που δημιουργούμε.

Προσοχή: Μην αλλάξετε τα πεδία URL εγκατάστασης και URL ισοτόπου!

Μόνιμοι Σύνδεσμοι (Permalinks)

Οι μόνιμοι σύνδεσμοι είναι ο τρόπος με τον οποίο θα εμφανίζονται τα διάφορα urls στο blog σας. Αυτό περιλαμβάνει τις διευθύνσεις των άρθρων σας, των σελίδων σας, των ετικετών (tags) κλπ.

Για να έχετε ένα SEO Optimized blog θα πρέπει να αλλάξετε αυτές τις ρυθμίσεις ώστε να εμφανίζονται λέξεις κλειδιά στα urls της ιστοσελίδας σας και όχι απλά αριθμοί. Ας δούμε όμως ποιες επιλογές μας δίνει το WordPress. Μεταβείτε στο μενού Ρυθμίσεις -> Μόνιμοι Σύνδεσμοι:

Όπως βλέπετε το WordPress μας δίνει ήδη την δυνατότητα να χρησιμοποιήσουμε κάποιον από τους ήδη υπάρχοντες τρόπους εμφάνισης των urls (Προεπιλογή, Ημέρα και όνομα, Μήνας και όνομα, Αριθμός) ή να ορίσουμε εμείς πως θα εμφανίζονται τα urls των άρθρων μας. Αυτό γίνεται μέσω της χρήσης κάποιων έτοιμων shortcodes τα οποία είναι:

%year%: Το έτος δημιουργίας του άρθρου (πχ: 2012)
%monthnum%: Ο μήνας δημιουργίας του άρθρου (πχ: 1,…,12 )
%day%: Η ημέρα δημιουργίας του άρθρου (πχ: 1,…,31)

%postname%: Ο τίτλος του άρθρου ή ότι έχουμε ορίσει εμείς στο πεδίο μόνιμος σύνδεσμος (post slug) μέσα στο κάθε άρθρο. Θα δούμε πιο αναλυτικά στην συνέχεια πως χρησιμοποιούμε το %postname% που είναι το πιο σημαντικό από SEO άποψη όσων αφορά τους μόνιμους συνδέσμους.

%post_id%: Το ID του άρθρου που είναι μοναδικό για κάθε άρθρο. (πχ 423)

%category%: Ο τίτλος της κατηγορίας που ανήκει το άρθρο (και πάλι εδώ εμφανίζεται ότι έχουμε ορίσει στο σύντομο όνομα της κατηγορίας).

%author%: το όνομα του αρθρογράφου.

Περισσότερες επιλογές για τους μόνιμους συνδέσμους μπορείτε να βρείτε στο Codex του WordPress.

Για να ορίσουμε λοιπόν τον τρόπο με τον οποίο θέλουμε να εμφανίζονται οι διευθύνσεις των άρθρων μας αρκεί να συμπληρώσουμε στο πεδίο Προσαρμοσμένη δομή αυτό που επιθυμούμε. Για να είναι SEO Optimized τα urls σας θα πρέπει οπωσδήποτε να χρησιμοποιήσετε το %postname%.

Βασικοί κανόνες που ακολουθούμε πάντα:

1. Πρέπει πάντα να ξεκινάμε με μια κάθετο /
2. Χωρίζουμε τα shortcodes μεταξύ τους με την χρήση των συμβόλων: / – _
3. Μπορούμε να προσθέσουμε οτιδήποτε άλλο θέλουμε όπως για παράδειγμα να βάλουμε στο τέλος .html ή .php

Ας δούμε μερικά παραδείγματα:

Υποθέτουμε πως έχουμε ένα άρθρο τίτλο «Το πρώτο μου ποστ» με μόνιμο σύνδεσμο (post slug) to-proto-moy-post, ανήκει στην κατηγορία «Γενικά» που έχει σαν category-slug το genika. Το άρθρο δημιουργήθηκε στις 24 / 10 / 2011 και έχει id το νούμερο 4567. Ας παίξουμε τώρα λίγο με μερικούς πιθανούς τρόπους που θα μπορούσε να εμφανίζεται το url αυτού του άρθρου (θυμίζουμε ξανά! ΠΑΝΤΑ πρέπει να περιλαμβάνετε το %postname% για να είναι το url SEO Optimized)

/%postname% -> http://todomain.gr/to-proto-moy-post

/%postname%-%post_id% -> http://todomain.gr/to-proto-moy-post-4567

/%category%/%postname%.html -> http://todomain.gr/genika/to-proto-moy-post

/%year%/%monthnum%/%postname%-%post_id%.html -> http://todomain.gr/2011/10/to-proto-moy-post-4567.html

Όπως βλέπετε οι επιλογές είναι πάρα πολλές. Από άποψη SEO το καλύτερο είναι το /%category%/%postname% ώστε να περιλαμβάνονται λέξεις κλειδιά πάντα.

Πως ορίζουμε τα σύντομα ονόματα των άρθρων και των κατηγοριών

Στην επεξεργασία του άρθρου θα παρατηρήσετε που κάτω από των τίτλο μας δίνει το WordPress την επιλογή να ορίσουμε εμείς τι θα εμφανίζεται σαν %postname%

Πατώντας το κουμπάκι Επεξεργασία μπορούμε να γράψουμε ότι θέλουμε και μετά να το αποθηκεύσουμε, και αυτός θα είναι πλέον ο μόνιμος σύνδεσμος για το άρθρο.

Στις κατηγορίες ισχύει το ίδιο και θα εμφανίζεται όταν καλείται το %category% ότι έχουμε γράψει το πεδίο σύντομο όνομα.

Το θέμα των permalinks σε μια ιστοσελίδα είναι πάρα πολύ σημαντικό και τα SEO Optimized url μπορούν να βοηθήσουν πάρα πολύ στην καλύτερη κατάταξή σας στις μηχανές αναζήτησης. Πάντα να βάζετε μια λέξη κλειδί στον μόνιμο σύνδεσμο του άρθρου σας και να προσπαθείτε να δίνετε στον χρήστη μια σύντομη εικόνα του τι πρόκειται να διαβάσει. Για παράδειγμα αν το άρθρο σας έχει τίτλο «Πώς να διαγράψετε το προφίλ σας στο Facebook» μπορείτε να χρησιμοποιήσετε σαν post slug το diagrafi-profil-facebook

Tip: Αποφεύγετε να χρησιμοποιείτε προθέσεις, άρθρα, επιρρήματα στο post slug, δηλαδή, λέξεις όπως το «και», «το», «οι», «δεν», «για» κλπ καλό είναι να τις παραλείπετε.

Σήμερα είδαμε μερικές από τις πιο γνωστές δυνατότητες του WordPress που αφορούν το SEO (τη δύναμη των permalinks που μας την προσφέρει απλόχερα χωρίς την χρήση πολύπλοκων γραμμών κώδικα μέσα στο αρχείο .htaccess). Στο επόμενο μέρος θα μιλήσουμε για μια άλλη καταπληκτική λειτουργία του WordPress, τα Ping Services καθώς και την δημιουργία Sitemaps.

Σε μια προσπάθεια να κάνουμε πιο κατανοητά και διακριτά τα βήματα που χρειάζεται να ακολουθηθούν, αλλά και τις γνώσεις που χρειάζονται, για την δημιουργία μιας ιστοσελίδας, από την σκέψη μέχρι την υλοποίηση και την συντήρηση, προσφέρουμε σε όλους τους επισκέπτες μας μια σειρά από προσωπικούς online εκπαιδευτικούς οδηγούς που θα ξεκινήσει τον Σεπτέμβριο.

Αν ενδιαφέρεστε να συμμετάσχετε στις εκπαιδεύσεις και να μάθετε και εσείς πως να δημιουργείτε ιστοσελίδες με τον σωστό τρόπο, διαβάστε περισσότερες πληροφορίες παρακάτω.

Τι είναι τα GreekTuts Sessions

Τα GreekTuts Sessions είναι μια σειρά από προσωπικούς online εκπαιδευτικούς οδηγούς που θα ξεκινήσουν από τον Σεπτέμβριο. H διεξαγωγή αυτών των οδηγών θα γίνει μέσω μιας online πλατφόρμας e-learning, που σας προσφέρει δυνατότητα αλληλεπίδρασης με τον παρουσιαστή σας. Οι εκπαιδεύσεις είναι προσωπικές, πράγμα που σημαίνει ότι έχετε την δυνατότητα να μάθετε όλα όσα χρειάζεστε από το σπίτι σας, τις ώρες και μέρες που σας βολέυουν.

Κατά την παρουσίαση, θα μπορείτε να δείτε σε video την εκπαίδευση και να κάνετε ερωτήσεις όσο συχνά χρειαστεί. Το μόνο εργαλείο που θα χρειαστείτε είναι ο αγαπημένος σας browser, και πολύ όρεξη για μάθηση.

Επίσης, μετά την ολοκλήρωση των εκπαιδεύσεων, θα μπορείτε να έχετε πλήρη πρόσβαση στα video αλλά και σε όλο το εκπαιδευτικό υλικό, με τους κωδικούς σας για πάντα.

Πακέτα Εκπαιδεύσεων

Σας προσφέρουμε 2 διαφορετικά πακέτα συμμετοχής στις εκπαιδεύσεις, για να διαλέξετε αυτό που σας συμφαίρει και σας βολέυει.

• Πλήρες Πακέτο – Για παρακολούθηση όλης της σειράς
• Συγκεκριμένο Κεφάλαιο – Για παρακολούθηση ενός συγκεκριμένου κεφαλαίου

* Οι τιμές των 2 πακέτων θα ανακοινωθούν σύντομα.

Περιεχόμενα Online Εκπαιδεύσης

Κεφάλαιο 1 – HTML & CSS

Σε αυτό το κεφάλαιο θα καλύψουμε όλες τις βασικές έννοιες για την γλώσσας προγραμματισμού του internet, την HTML, και θα δούμε όλα όσα χρειάζεται για το πώς μπορούμε να δώσουμε μορφοποίηση και στύλ στις σελίδες μας, με την χρήση των CSS.

Κεφάλαιο 2 – Javascript & jQuery

Σε αυτό το κεφάλαιο θα καλύψουμε όλες τις βασικές λειτουργίες για την Javascript και θα δούμε πως μπορούμε έυκολα και γρήγορα να κάνουμε το περιεχόμενο της ιστοσελίδας μας πιο ενδιαφέρον και διαδραστικό για τον χρήστη. Επίσης θα δούμε τα πάντα για την διάσημη βιβλιοθήκη jQuery

Κεφάλαιο 3 – Front End Design

Σε αυτό το κεφάλαιο θα δούμε όλες τις βασικές αρχές που πρέπει να ακολουθούμε κατά την διάρκεια σχεδιασμού μιας ιστοσελίδας, και ποιά είναι τα λάθη που πρέπει να αποφέυγουμε. Επίσης θα δούμε και θα αναλύσουμε ποιά είναι τα διάφορα styles και trends που ακολουθούνται από designers σε όλο τον κόσμο.

Κεφάλαιο 4 – WordPress

Σε αυτό το κεφάλαιο θα μάθουμε για πάντα για το WordPress. Από το πως θα στήσουμε ένα δικό μας απλό blog, μέχρι πως θα δημιουργήσουμε μια κομψή και περίπλοκη ιστοσελίδα χρησιμοποιώντας το WordPress. Τέλος θα δούμε την δομή ενός θέματος και ενός plugin και θα μάθουμε τα βασικά για την δημιουργία του δικού σας θέματος και του δικού σας Plugin.

Κεφάλαιο 5 – SEO & Promotion

Σε αυτό το κεφάλαιο θα μιλήσουμε για τις μηχανές αναζήτησεις και για το πώς μπορούμε να ανεβάσουμε την ιστοσελίδα μας ψηλά στις λίστες αποτελεσμάτων. Θα δούμε διάφορες τεχνικές προαγωγής της σελίδας μας, και όλα όσα πρέπει να αποφύγουμε κατά την προσπάθεια του Search Engine Optimization.

Φόρμα Εκδήλωσης Ενδιαφέροντος

Μπορείτε να συμπληρώσετε την φόρμα εκδήλωσης ενδιαφέροντος που ακολουθεί, και εμείς θα επικοινωνήσουμε μαζί σας για να συζητήσουμε τις μέρες και τις ώρες που θα γίνονται οι εκπαιδεύσεις, αλλά και να σας λύσουμε τυχόν απορίες που μπορεί να έχετε για το πρόγραμμα των εκπαιδεύσεων.

[contact-form-7]

To Wordcamp.gr είναι η ελληνική προσπάθεια για την δημιουργία WordCamp events σε όλη την Ελλάδα. WordPress, τρόπους να κάνουμε το WordPress πιο γρήγορο και πολλά άλλα. Καθώς η Open Source κοινότητα συνεχώς αναπτύσσει νέα plugins, σχεδιάζει νέα themes και υλοποιεί υπηρεσίες με βάση το WordPress, θα βρισκόμαστε τακτικά στο Wordcamp για να προσεγγίζουμε τα θέματα αυτά, μαθαίνοντας ο ένας από τον άλλον. To WordCamp Greece 2011 θα γίνει στις 4 Ιουνίου 2011 στην Θεσσαλονίκη.

Πως λειτουργεί

Αξιόλογοι ομιλητές από το χώρο του Web, παρουσιάζουν και συζητούν θέματα τα οποία αφορούν το WordPress. Σκοπός μας είναι οι παρουσιάσεις να αποτελέσουν το έναυσμα για να ξεκινήσει μια όμορφη συζήτηση μεταξύ μας ώστε να γνωριστούμε και να ανταλλάξουμε ιδέες ή ακόμη και να παρουσιάσουμε δικά μας Projects βασισμένα στο WordPress.

Εγώ μπορώ να παρουσιάσω;

Το WordCamp βασίζεται σε εθελοντές και χορηγούς. Εθελοντές είναι και αυτοί που θέλουν να κάνουν μια παρουσίαση για ένα θέμα σχετικό με το WordPress ή να παρουσιάσουν ένα project βασισμένο σε WordPress. Αν έχετε κάτι ενδιαφέρον που θέλετε να παρουσιάσετε, θα χαρούμε να γνωριστούμε και να το συζητήσουμε!

Τοποθεσία

Το Royal Hotel, βρίσκεται στην κορυφή ενός λόφου, στο κέντρο ενός καταπράσινου φυσικού περιβάλλοντος, με μαγευτική θέα του Θερμαϊκού κόλπου και της πόλης της Θεσσαλονίκης. Μόλις 16 χιλιόμετρα από το κέντρο της πόλης στην περιοχή αεροδρομίου το Royal Hotel δημιουργεί μοναδικές αναμνήσεις στον επισκέπτη.

Παρουσιάσεις

Δείτε κάποια από τα θέματα που θα συζητηθούν κατά την διάρκεια του WordCamp Greece 2011. Το πρόγραμμα ανανεώνεται συνεχώς με νέες παρουσιάσεις.

WordPress frameworks – Γεράσιμος Τσιάμαλος

WordPress as an advanced CMS – Βασίλης Μαστοροστέργιος

Not just another WordPress blog – Ζαχαρένια Ατζιτζικάκη

Αξιολογώντας ένα WordPress theme – Απόστολος Παπαδόπουλος

Typography & WordPress – Θάνος Παπαβασιλείου

Περισσότερα

Μπορείτε να μάθετε περισσότερα για το WordCamp Greece 2011 στην επίσημη ιστοσελίδα της διοργάνωσης

Το eShop είναι μια ολοκληρωμένη λύση για την δημιουργία του δικού μας ηλερκτρονικού καταστήματος. Επιτρέπει την χρήση σελίδων και posts για την δημιουργία προϊόντων, υποστηρίζει καλάθι αγορών, λίστες προϊόντων, στατιστικά στοιχεία για τις πωλήσεις και τα προϊόντα μας, και πλήρη επεξεργασία μεθόδων πληρωμής και επιβεβαίωσης.

Κατεβάστε το plugin

WP e-Commerce

Ίσως το καλύτερο Plugin της λίστας μας. Όμορφο, εύκολο στην χρήση και απίστευτα λειτουργικό. Με λίγα μόλις κλικ μπορούμε να χτίσουμε το δικό μας κατάστημα, και να το διαχειριστούμε με απόλυτη ευκολία και ασφάλεια.

Κατεβάστε το plugin

WP Live-Shopping

Το Live-Shopping είναι ένα plugin που προσθέτει ένα widget στην sidebar μας και μας επιτρέπει να παρουσιάσουμε προϊόντα σχετικά με την κάθε σελίδα/post και να επιτρέψουμε στον χρήστη να επισκεφτεί την σελίδα προιόντος.

Κατεβάστε το plugin

WP Auctions

Το WP-Auctions είναι το καλύτερο Plugin για την δημιουργία δημοπρασιών στο WordPress. Επιτρέπει την δημιουργία όσων δημοπρασιών θέλουμε, με όσες φωτογραφίες θέλουμε για κάθε προϊόν, με κουμπία όπως “Make Offer” και “Buy Now” και τέλος διαχειρίζεται την όλη διαδικασία πληρωμής.

Κατεβάστε το plugin

ArtPal

To ArtPal είναι ένα γρήγορο και απλό plugin που απλά συνδέοντας τον PayPal λογαριασμό μας, μπορεί να διαχειριστεί πωλήσεις σε πραγματικό χρόνο, με αποθήκη και εμπόρευμα,

Κατεβάστε το plugin

Are PayPal

Τέλος το Are PayPal είναι ένα Plugin σχεδιασμένο για πληρωμές αποκλειστικά μέσω PayPal (όπως προφανώς λέει και το όνομα) , και με το οποίο μπορούμε να κάνουμε περιεχόμενο στην ιστοσελίδα μας να είναι κρυφό μέχρι να γίνει πληρωμή, και να το εμφανίζει μόνο σε χρήστες που έχουν κάνει login και είναι συνδρομητές. Κατάλληλο για δημιουργία ιστοσελίδων περιεχομένου με συνδρομές.

Κατεβάστε το plugin

Το πρόβλημα

Επιθυμούμε να κατασκευάσουμε ένα WordPress Plug-in το οποίο θα προσθέτει έναν αύξοντα αριθμό μπροστά από τα μη αριθμημένα ψευδώνυμα των  συγγραφέων σχολίων του blog μας.

Γιατί να μην πειράξω το theme;

Ο έμπειρος αναγνώστης μπορεί να αναρωτηθεί: «Μα τα WordPress themes δεν είναι και αυτά ένα σύνολο αρχείων σε κώδικα php, css, html, κλπ.; Δεν θα μπορούσαν να επέμβουν εκεί και να τροποποιήσουν τον τρόπο παρουσίασης των σχολίων;». Και θα είχε δίκαιο! Θα μπορούσαμε.

Ωστόσο…

• Το να μελετήσουμε υπάρχον κώδικα και να ανακαλύψουμε τι πρέπει να αλλάξει ώστε να έχουμε το επιθυμητό αποτέλεσμα είναι σαφώς δυσκολότερο από το να δημιουργήσουμε ένα μικρό κομμάτι κώδικα από το μηδέν.
• Εν γένει, όταν κανείς πειράζει υπάρχοντα κώδικα, επιβάλλεται μετά την αλλαγή να εκτελέσει εξαντλητικούς ελέγχους για να σιγουρευτεί ότι όλα λειτουργούν όπως πριν, δηλαδή ότι οι αλλαγές δεν επηρέασαν τον προϋπάρχοντα κώδικα.

Ο στόχος μας με εικόνες

Στην παρούσα φάση, τα σχόλια στα άρθρα μας έχουν την παρακάτω μορφή

Θα θέλαμε να προσθέσουμε έναν αύξοντα αριθμό μπροστά από κάθε ψευδώνυμο χρήστη. Το αποτέλεσμα δηλαδή του plug-in μας θα πρέπει να κάνει το τμήμα των σχολίων να φαίνεται ως εξής:

Ο σκελετός που έχουμε κατασκευάσει εμπλουτισμένος

<?php
/*
Plugin Name: numberedAuthorsComments
Plugin URI: http://www.newsfilter.gr
Version: v0.5
Author: <a href=”http://krap.gr/”>Apostolos Kritikos</a>
Description: This is my first plugin. Please don't be too hard on me if it crushes...
*/
if(!class_exists('numberedAuthorsComments')) {
class numberedAuthorsComments {
var $i;
function numberedAuthorsComments() { //κατασκευαστής
$this->i = 0;
}
function addNumber($author='') {
$this->i++;
return "(".$this->i.") ".$author;
}
}
} //τέλος κλάσης
if(class_exists('numberedAuthorsComments')) {
$myplugin = new numberedAuthorsComments();
}
if(isset($myplugin))  {
//Actions
//Filters
add_filter('get_comment_author',array(&$myplugin, 'addNumber'));
}
?>

Αυτός είναι ο κώδικας του plug-in ολοκληρωμένος. Όπως μπορείτε να δείτε η διαφοροποίησή του από τον σκελετό που είχαμε κατασκευάσει στο προηγούμενο άρθρο μας είναι μόλις της τάξεως των 5 γραμμών. Αυτό δηλώνει ακριβώς την δύναμη και συνάμα την απλότητα της δημιουργίας WordPress plug-ins. Ας δούμε όμως αναλυτικά τη λειτουργικότητα των γραμμών κώδικα που προσθέσαμε.

var $i;

Πρόκειται για μια μεταβλητή που θα αποτελέσει τον απαριθμητή των σχολίων μας. Σε αυτή τη μεταβλητή θα κρατείται ο τελευταίος αριθμός που δόθηκε σε σχόλιο ώστε στο επόμενο σχόλιο, να δοθεί ο επόμενος αριθμός. Στη θεωρία του αντικειμενοστραφούς προγραμματισμού η συγκεκριμένη μεταβλητή ονομάζεται χαρακτηριστικό της κλάσης.

$this->i = 0;

Ως χαρακτηριστικό της κλάσης numberedAuthorsComments, η $i οφείλει να αρχικοποιηθεί στον κατασκευαστή (ή δημιουργό) της κλάσης. Αυτό συμβαίνει με την παραπάνω εντολή (η σύνταξη πρέπει να γίνει με αυτόν ακριβώς τον τρόπο). Το 0 εδώ αποτελεί μία σύμβαση. Θεωρώ ότι αρχικοποιώ το μετρητή με 0 ώστε σε κάθε σχόλιο που θα εμφανίζεται να αυξάνω κατά 1.

function addNumber($author='') {
$this->i++;
return "(".$this->i.") ".$author;
}

Η μέθοδος addNumbers αποτελεί το κλειδί του plug-in. Αρχικά, η μεταβλητή $i αυξάνει κατά 1 και στη συνέχεια επιστρέφεται ένα αλφαριθμητικό το οποίο περιλαμβάνει τη μεταβλητή $i κλεισμένη σε παρενθέσεις ακολουθούμενη από το όνομα του εκάστοτε συγγραφέα σχολίου για το εκάστοτε άρθρο.

Σημαντική λεπτομέρεια αποτελεί η μεταβλητή $author=” που ζητείται σαν όρισμα από την μέθοδο addNumbers. Εδώ, το WordPress τροφοδοτεί το όνομα του εκάστοτε συγγραφέα σχολίου (με τρόπο που θα περιγράψουμε παρακάτω).

add_filter('get_comment_author',array(&$myplugin, 'addNumber'));

Η τελευταία  και σπουδαιότερη γραμμή / προσθήκη στο plug-in μας. Αν και έχουμε ασχοληθεί αναλυτικά με τις γραμμές αυτού του τύπου στα πρώτα μας άρθρα, ας κάνουμε μια μικρή επανάληψη.

Η κλήση add_filter κάνει ουσιαστικά την  χρήση hooks για να επιβάλει το επιθυμητό φίλτρο στα επιθυμητά δεδομένα. Στην παρούσα φάση το hook είναι η δήλωση get_comment_author και όπως είναι φανερό από το όνομα, αναλαμβάνει να επιστρέψει τα ονόματα των συγγραφέων των σχολίων ανά άρθρο του blog στο οποίο έχει εγκατασταθεί το plug-in που κατασκευάζουμε.

Με απλά λόγια: Το προαναφερθέν hook στέλνει υπό τη μορφή ορίσματος το όνομα των συγγραφέων των σχολίων του εκάστοτε άρθρου στην μέθοδο addNumber του αντικειμένου myPlugin (η χρήση των &$ είναι υποχρεωτική). Στη συνέχεια η μέθοδος addNumbers προσθέτει τον αύξοντα αριθμό μπροστά από το όνομα του συγγραφέα του εκάστοτε σχολίου, με τον τρόπο που περιγράψαμε και το επιστρέφει, πρακτικά, πίσω στη μηχανή του WordPress.

Στο τέλος του άρθρου μπορείτε να βρείτε την τελική, ολοκληρωμένη έκδοση του plug-in και να το εγκαταστήσετε στο blog σας κατά τα γνωστά. Αν σε κάποιο άρθρο υπάρχουν σχόλια, μετά την ενεργοποίηση του plug-in θα πρέπει να εμφανίζεται μία extra πληροφορία δίπλα από το ψευδώνυμο κάθε συγγραφέα σχολίου που θα έχει τη μορφή:

( ΑΡΙΘΜΟΣ ΣΧΟΛΙΟΥ ) ΨΕΥΔΩΝΥΜΟ

Φυσικά, αν το theme σας ήδη υποστηρίζει αριθμούς σχολίων, μετά την ενεργοποίηση του plug-in, απλά θα βλέπετε τον αριθμό 2 φορές.

Με αυτό το άρθρο ολοκληρώνεται η πρώτη απόπειρα εφαρμογής της θεωρίας μας σε ένα πραγματικό plug-in. Παρά την απλότητά του, θεωρώ ότι είναι σημαντικό βήμα κυρίως για τους αρχάριους στον χώρο. Μείνετε συντονισμένοι, υπάρχει μέλλον.

Μέχρι τότε μη ξεχνάτε…

να είστε καλά και να προσέχετε τον εαυτό σας!

Μπορείτε να κατεβάσετε τα αρχεία του βοηθήματος εδώ

Όπως μπορεί να έχετε προσέξει στο μίνι κειμενάκι / βιογραφικό μου στο GreekTuts είμαι συνιδρυτής ενός ενημερωτικού blog με έδρα τη Θεσσαλονίκη (αν σας ενδιαφέρει ποιο είναι αυτό, μπορείτε να βρείτε πληροφορίες στο http://greektuts.net/author/akritikos/).

Όπως συμβαίνει στα περισσότερα blogs αυτού του τύπου, πολύ συχνά φιλοξενούμε διαγωνισμούς. Εν τάχει, η λογική είναι η ακόλουθη:

• Οι ενδιαφερόμενοι αφήνουν από ένα σχόλιο στο άρθρο του διαγωνισμού
• Την ημέρα της κλήρωσης χρησιμοποιούμε κάποια υπηρεσία παραγωγής τυχαίων αριθμών (π.χ. http://www.random.org/)
• Το σχόλιο με τον αριθμό που προήλθε από την παραπάνω γεννήτρια τυχαίων αριθμών κερδίζει

Μέχρι πρόσφατα δεν είχαμε κανένα πρόβλημα διότι το theme που χρησιμοποιούσαμε υποστήριζε αρίθμηση σχολίων ανά άρθρο. Ωστόσο, το νέο theme που έχει τεθεί σε λειτουργία εδώ και λίγο καιρό δεν υποστηρίζει αρίθμηση σχολίων.

Πιθανές λύσεις

Ο έμπειρος αναγνώστης μπορεί να αναρωτηθεί: «Μα τα WordPress themes δεν είναι και αυτά ένα σύνολο αρχείων σε κώδικα php, css, html, κλπ.; Δεν θα μπορούσαν να επέμβουν εκεί και να τροποποιήσουν τον τρόπο παρουσίασης των σχολίων;». Και θα είχε δίκαιο! Θα μπορούσαμε.

Ωστόσο…

• Το να μελετήσουμε υπάρχον κώδικα και να ανακαλύψουμε τι πρέπει να αλλάξει ώστε να έχουμε το επιθυμητό αποτέλεσμα είναι σαφώς δυσκολότερο από το να δημιουργήσουμε ένα μικρό κομμάτι κώδικα από το μηδέν.
• Εν γένει, όταν κανείς πειράζει υπάρχοντα κώδικα, επιβάλλεται μετά την αλλαγή να εκτελέσει εξαντλητικούς ελέγχους για να σιγουρευτεί ότι όλα λειτουργούν όπως πριν, δηλαδή ότι οι αλλαγές δεν επηρέασαν τον προϋπάρχοντα κώδικα.

Επομένως…

Η λύση του WordPress plug-in φαίνεται να είναι η πιο έξυπνη κίνηση. Έχοντας λοιπόν τις απαιτήσεις για την ανάπτυξη του plug-in, πάμε να το υλοποιήσουμε με βάση τα όσα έχουμε μάθει ως τώρα.

WordPress Plug-in: Numbered Author Comments

Στην παρούσα φάση, τα σχόλια στα άρθρα μας έχουν την παρακάτω μορφή

Θα θέλαμε να προσθέσουμε έναν αύξοντα αριθμό μπροστά από κάθε ψευδώνυμο χρήστη. Το αποτέλεσμα δηλαδή του plug-in μας θα πρέπει να κάνει το τμήμα των σχολίων να φαίνεται ως εξής:

Ας σκεφθούμε τώρα πως μπορεί να υλοποιηθεί ένα plug-in που θα επιφέρει το επιθυμητό αποτέλεσμα. Μας ενδιαφέρει, μετά την ενεργοποίηση του plug-in μας, να προστεθεί ένας αύξον αριθμός μπροστά από κάθε ψευδώνυμο χρήστη. Πρακτικά, θέλουμε να φιλτράρουμε τα ψευδώνυμα των σχολίων των άρθρων μας και να αλλάξουμε την εμφάνισή τους. Η λέξη κλειδί είναι προφανώς το «φιλτράρουμε» και συνδυάζεται με τα όσα έχουμε πει ως τώρα (προφανώς) με τα filters των WordPress plug-ins.

Άρα λοιπόν θέλουμε να δημιουργήσουμε ένα filter στο WordPress plug-in που πρόκειται να κάνουμε το οποίο θα κάνει τη δουλειά που προαναφέραμε.

Ο σκελετός

Επειδή η μεθοδικότητα είναι το κλειδί σε κάθε επιτυχημένη διαδικασία θα πάμε να δημιουργήσουμε προσεκτικά τον σκελετό του plug-in μας. Προς αποφυγήν παρεξηγήσεων τονίζω ότι ο σκελετός που θα δημιουργηθεί, μπορεί να αποτελέσει τον σκελετό για οποιοδήποτε plug-in θα επιχειρήσουμε να κάνουμε από εδώ και πέρα (δώστε προσοχή, μπορεί να το θεωρήσω δεδομένο στο μέλλον J ).

Α. Δομή του plug-in (σε επίπεδο συστήματος αρχείων)

Δημιουργούμε τους κατάλληλους καταλόγους και αρχέια

numberedAuthorComments/ (κατάλογος)

css/ (κατάλογος)

images/ (κατάλογος)

js/ (κατάλογος)

php/ (κατάλογος)

numberedAuthorsComments.php

ΠΡΟΣΟΧΗ:

• Η ονομασία του εξωτερικού φακέλου πρέπει να συμφωνεί με την ονομασία του αρχείου php
• Για τις ανάγκες του plug-in που πάμε να υλοποιήσουμε δεν θα χρειαστεί να χρησιμοποιήσουμε τους καταλόγους css, images, js, php. Παρόλα αυτά είναι καλή πρακτική να συνηθίσετε να χρησιμοποιείται αυτή την αρχιτεκτονική καταλόγων και αρχείων που δύναται να φιλοξενήσει το μεγαλύτερο μέρος των αναγκών ενός WordPress plug-in, εν γένει.

Β. Δομή και αρχιτεκτονική του numberedAuthorComments.php

Το numberedAuthorComments.php θα είναι το αρχείο που θα φιλοξενήσει την συνολική λειτουργικότητα του plug-in μας. Ας δούμε τη δομή του:

<?php
/*
Plugin Name: numberedAuthorsComments
Plugin URI: http://www.newsfilter.gr
Version: v0.5
Author: <a href=”http://krap.gr/”>Apostolos Kritikos</a>
Description: This is my first plugin. Please don't be too hard on me if it crushes...
*/

Σε αυτό το σημείο δηλώνεται η ταυτότητα του plug-in (όνομα, ιστοσελίδα του plug-in, έκδοση, συγγραφέας και περιγραφή). Είναι απαραίτητο όλες αυτές οι πληροφορίες να εσωκλείονται σε /* … */.

if(!class_exists('numberedAuthorsComments')) {
class numberedAuthorsComments {
function numberedAuthorsComments() { //κατασκευαστής
}
function addNumbers($author='') {
}
}
} //τέλος κλάσης

Ο παραπάνω έλεγχος if(…) έχει διπλό χαρακτήρα. Αφενός ελέγχει αν υπάρχει άλλο plug-in με την ίδια ονομασία (ώστε να αποφευχθούν συγκρούσεις) και, αν δεν υπάρχει εκτελεί το περιεχόμενο της κλάσης numberedAuthorComments.

if(class_exists('numberedAuthorsComments')) {
$myplugin = new numberedAuthorsComments();
}

Αντιστοίχως, με έναν δεύτερο έλεγχο, τσεκάρουμε αν η κλάση numberedAuthorsComments υπάρχει και αν ναι, δημιουργούμε ένα αντικείμενό της, το οποίο στο παράδειγμά μας ονομάσαμε myplugin. Εν γένει, το αντικείμενο αυτό συγκεντρώνει μέσα του όλη τη λειτουργικότητα που περιλαμβάνει το plug-in που κατασκευάσαμε.

if(isset($myplugin))  {
//Actions
//. . .
//Filters
//. . .
}
?>

Ο τελευταίος αυτός έλεγχος εξετάζει αν το αντικείμενο στο οποίο αναφερθήκαμε πριν και, αν υπάρχει, αναλαμβάνει να εκτελέσει τη λειτουργικότητα του plug-in. Εφόσον, μέχρι στιγμής έχουμε δει μόνον τη χρήση actions και filters, η λειτουργικότητα στην οποία αναφερθήκαμε μπορεί να περιλαμβάνει μόνον αυτές τις δύο ομάδες χαρακτηριστικών. Αργότερα θα εμπλουτίσουμε με περισσότερα.

Στο συγκεκριμένο plug-in που προσπαθούμε να κατασκευάσουμε, χρειαζόμαστε ένα φίλτρο που θα προσθέτει έναν αριθμό μπροστά από το ψευδώνυμο κάθε συγγραφέα σχολίου σε κάθε άρθρο του blog μας. Στο επόμενο άρθρο θα δούμε πως υλοποιείται το φίλτρο αυτό, τι πρέπει να δηλωθεί και σε ποια σημεία του σκελετού που κατασκευάσαμε σήμερα.

Μέχρι τότε…

να είστε καλά και να προσέχετε τον εαυτό σας!

Μπορείτε να κατεβάσετε τα αρχεία του βοηθήματος εδώ