Wordpress Hack #14: 12 Ways to Hack Your Home Page Wordpressのハック＃ 14 ： 12ウェイズあなたのホームページハックする

To have a unique Wordpress blog home page you don’t have to create your own theme. 自分のテーマを作成する必要はありませんユニークなWordpressのブログのホームページを使用します。 I’ll show you 12 ways to hack your homepage without getting a new theme that will make your blog stand out from the pack! 私はあなたがあなたのパックよりも目立つのブログになる新しいテーマを得ることなくお客様のホームページをハックする12の方法が表示されます！

This is installment #14 ofこの＃ 14の割賦です 30 Wordpress Hacks in 30 Days 30 WordpressのHacksは30日の間に , be sure to sign up to our RSS feed or email updates at top right of this page!W 、私たちのRSSフィードや電子メールの更新をこのページの右上にサインアップしてください！ W

Everyone wants their blog to be different.誰もが異なることへのブログを望んでいる。 You want it to be unique, to stand out, while remain easy to present what it is your blog is about.中にあなたのブログが何であるかを簡単にとどまるあなたはそれが固有となり、スタンドにしたいと考えています。 The same old “rolling list of posts” and obigatory sidebar can get (real) old after awhile.記事のお決まりの"圧延リスト"を得ることができますobigatoryサイドバー（旧）しばらく後に本物。 Out of the box, everybody’s Wordpress blog looks the same, and getting a custom theme is the first stab at breaking out of that box.箱から出して、みんなのWordpressのブログは、同じだとカスタムテーマの取得は、箱から出して最初の違反で刺している。 The next step (before creating your own theme from scratch) is hacking that theme up a bit to get more of what you want out of it.次のステップ（最初から自分のテーマを作成する）前に何をしたいのには少しアップをテーマにハッキングされています。 While some of the techniques I’m about to show you can be used on nearly any page in your Wordpress blog, the focus of this article is “ ways you can hack your Wordpress home page! ”私の場合は、いくつかのほぼすべてのページでお客様のWordpressのブログで使用することができますを表示しているのテクニックを、この資料の焦点お客様のWordpressのホームページをハックすることができます " の方法です！ "

*All the plugins mentioned on this page are *全てのプラグインをこのページに記載されている listed on the Wordpress 2.5 Compatibility list* ワードプレス2.5の互換性リストに*記載

1. 1 。 Organize posts in 2 Side by Side Columns : Maybe you are tired of that one-column of content on your homepage, and you want more of a magazine or newspaper layout approach.サイドコラムで2 Sideの記事を整理：たぶんあなたの疲れているあなたのホームページ上のコンテンツの1つのカラムと、雑誌や新聞のレイアウトのアプローチします。 If so, breaking up your posts into 2 side by side columns of content could be good for you.もしそうならば、 2つの側面にコンテンツの側の列が自分の投稿を遮断するためになる可能性がある。 I can’t take credit for this hack, it’s well explained, including where to put the code and which files to edit - over on the私はこのハックにとっては、これも、ここでは、コードを編集するファイルを含むと説明されている-の上で手柄にすることはできません Crea8 Design Blog: Side by Side Wordpress Columns Crea8デザインのブログ：左右のカラムでWordpressの . 。

2. 2 。 Create Custom Comment Counts : Here’sa hack that I desperately tried to figure out for months and months, and never really found the answer to all in one place. カスタムコメントカウントの作成：ここは、私は必死か月とヵ月間を理解しようとした事件は本当にすべてを1か所では、ハッキングの答えが見つからないことはない。 I ended up finding the answer not in a blog post, but in theme code instead.私はブログの記事を見つけるに答えていないが、テーマのコードではなく、上伸して引けた。 Some of the best bloggers sites that I read have some post meta-information in the title header, including a comment count.いくつかの私は、読んで最高のブロガーのサイトの一部を投稿しているメタ情報をヘッダには、タイトル、コメントの数を含む。 Usually it’s also a link, and sometimes it has a cool little comment bubble or a phrase like “What do you have to say?”また通常のリンクであり、時にはそれはクールなほとんどのコメントを気泡や"何を言っているかのようなフレーズをしているか？ "

Normally to just get a “comment count”, you see code like this in a theme:通常は単に"は、 "コメントの数を取得するには、を参照してくださいコードは、このテーマのように：

 <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?> 

After “comments_popup_link” the text inside the three sets of quotes represents what should be printed out if there are no comments yet, only one comment, or more than one comment. "後"の3つの引用符セットの中のテキストcomments_popup_linkがない場合のコメントはまだありませんが何を印刷する必要がありますを表し、 1つだけのコメント、または2つ以上のコメント。 You modify the text to say whatever you want here.あなたがここに好きなことを言って、テキストを変更します。 You could change ‘No Comments’ to ‘Be the first to comment…’, etc. But, if you’re like me you probably want to spice it up a bit and add a nice little comment icon.あなたのコメントはありません' ' 、しかし等のコメントを最初に... 'に変更する可能性がある場合は、おそらく私は少しをスパイスにしたいとかわいいアイコンを追加するようなコメントをしている。 If so, use this code:もしそうならば、このコードを使用します：

 <?php $comments_img_link= '<img src="/wp-content/themes/mytheme/images/comments-icon.gif"  title="comments" alt="comments" />'; comments_popup_link($comments_img_link .' Comments(0)', $comments_img_link .' Comments(1)', $comments_img_link . '  Comments(%)');?> <img <?php $comments_img_link= '<img src="/wp-content/themes/mytheme/images/comments-icon.gif"  title="comments" alt="comments" />'; comments_popup_link($comments_img_link .' Comments(0)', $comments_img_link .' Comments(1)', $comments_img_link . '  Comments(%)');?> 

In the first line just change the path your theme image directory and copy and past the code wherever you want the comment count and icon to appear for your home page posts.第1行のパスを変更するだけあなたのテーマのイメージディレクトリをコピーして過去のコードをどこにお客様のホームページの記事が表示されるアイコンをコメントの数とします。

Unique Ads Between Posts : This technique can be used to place most anything in between the posts in “the loop” on your home page, I used it to display adsense ads after the 2nd and 6th posts (in the loop of 10). ユニークな広告の間に投稿 ：この手法では、記事"あなたのホームページでは、ループ"の間にほとんど何も場所に、私は、第2 、第6回の記事を10のループ（ ）の後、 AdSenseの広告を表示するために使用さ使用することができます。 It doesn’t have to be an ad - it could be used to show image dividers between each post, random quotes, special links - anything.それは広告にする必要はありません-各投稿、ランダム引用符は、特別なリンク-イメージ除算器の間に何も表示するために使われる可能性がある。

First - I’ll show (again) what “the loop” basically looks like:最初-私（再び） "ループ"がどのようなことは基本的に見える：詳細はこちら

 <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div class="post" id="post-<?php the_ID(); ?>"> <p class="postmetadata"><?php the_time('F jS, Y') ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit','',' |'); ?>  <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></p> </div> <?php endwhile; ?> で<?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div class="post" id="post-<?php the_ID(); ?>"> <p class="postmetadata"><?php the_time('F jS, Y') ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit','',' |'); ?>  <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></p> </div> <?php endwhile; ?>のJS <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div class="post" id="post-<?php the_ID(); ?>"> <p class="postmetadata"><?php the_time('F jS, Y') ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit','',' |'); ?>  <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></p> </div> <?php endwhile; ?> 

“The Loop” in Wordpress is a function that retrieves from your database a series of (10) posts. "ワードプレスでループ"機能ですが、データベース（ 10 ）から取得一連の記事。 It starts out with the “have_posts” line and ends with the “endwhile” line.これは、 " have_posts "の行で起動し、 " " endwhile行で終了する。 It’s called the loop because it does the same thing over and over - one post at a time.これは、ループが同じことを何度も繰り返して-一度に一つのポストはと呼ばれる。 That’s why inside “the loop” is the code to print the time, category, comment count, and whatever miscellaneous things are in your themes loop.その理由の中に"ループ"と、コメント数、時間、カテゴリを印刷するにはどのような雑多なものをテーマループにされているコードです。 You loop might be slightly different than my example for just that reason, different details are displayed for posts in different themes.あなたがループを少しだけその理由は、別の詳細は別のテーマでの投稿が表示されますは私のサンプルとは異なる可能性があります。 That’s the beauty of being able to “hack wordpress” - you can easily change those details.ことの美しさの"ワードプレスをハックする"こと-を簡単にそれらの情報を変更することができます。

What we’re going to do is insert a “counter” in the loop, and then tell it to do something when it reaches certain numbers in the count.私たち"をループ内では、 "カウンタを挿入するだけですし、ときには、数で、特定の数字に達すると何かをするには何だろうということを教えている。 Here’s the modified code to do that:ここを行うには、変更されたコードのこと：

 <?php if (have_posts()) : ?> <?php $count = 1 ?> <?php while (have_posts()) : the_post(); ?> <div class="post" id="post-<?php the_ID(); ?>"> <p class="postmetadata"><?php the_time('F jS, Y') ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit','',' |'); ?>  <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></p> </div> <?php if ($count==2) { include('advert1.php'); } ?> <?php if ($count==6) { include('advert2.php'); } ?> <?php $count = $count + 1; ?> <?php endwhile; ?> で<?php if (have_posts()) : ?> <?php $count = 1 ?> <?php while (have_posts()) : the_post(); ?> <div class="post" id="post-<?php the_ID(); ?>"> <p class="postmetadata"><?php the_time('F jS, Y') ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit','',' |'); ?>  <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></p> </div> <?php if ($count==2) { include('advert1.php'); } ?> <?php if ($count==6) { include('advert2.php'); } ?> <?php $count = $count + 1; ?> <?php endwhile; ?>のJS <?php if (have_posts()) : ?> <?php $count = 1 ?> <?php while (have_posts()) : the_post(); ?> <div class="post" id="post-<?php the_ID(); ?>"> <p class="postmetadata"><?php the_time('F jS, Y') ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit','',' |'); ?>  <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></p> </div> <?php if ($count==2) { include('advert1.php'); } ?> <?php if ($count==6) { include('advert2.php'); } ?> <?php $count = $count + 1; ?> <?php endwhile; ?> 

You’ll notice in this modified example that on the second line we have inserted a counter that starts with “1″ the first time through.この変更の例では、 2番目の行に挿入されている我々はカウンターに気付くでしょうその1 "から"を通じてのは初めてで始まります。 The second to the last line (count + 1) ads one number to the counter each time through so it can keep track of which post we’re on.最後の行には、 2番目（カウント+ 1 ）広告を1つの番号は、これが我々にして投稿するたびにカウンタを追跡することができます。 The two lines before that say “if the counter is on #2 or #6 - include this file”. 2つの行を前には、カウンタ＃ 2 、 ＃ 6にある"と言う-このファイルを含める" 。 I created 2 files, both advert1.php and advert2.php and placed them in my theme directory.私は2ファイル、両方のadvert1.phpとadvert2.phpを作成し、私のテーマディレクトリに配置します。 When the counter reaches 2 or 6 it opens those files and prints the contents to the page.ときにカウンタ2または6これらのファイルおよびプリントのページには内容をオープンに達しています。 For my home page, both those files contain the adsense code to be displayed in those spots.私のホームページでは、これらのファイルの両方に表示されるこれらの観光スポットには、 AdSenseコードが含まれています。 As I said - you could include anything, and you can name those file whatever you want.と私は言った-何かが含まれるように、きなこそれらのファイル名をすることができます。 In addition, you can change, modify, or add lines to the counter for any number 1-10 as well.加えて、 、 、変更、または任意の数の一から十までも対抗するための行を追加変更することができます。

3. 3 。 Dump the Next and Previous : I’ve always hated those “previous posts” link on the bottom of every Wordpress homepage. 次へと前ページ：私はいつもそれらの"以前の記事"すべてのWordpressのホームページの下部にあるリンクを嫌っているダンプします。 I want my visitor’s (especially the first time ones) to know that I have many pages of content they can peruse, and a numbered list (like navigation at google) tells them just that.私は訪問者（特に初めてのもの）は、彼らのコンテンツを調べることができる多くのページがあるのを知っており、番号付きリストをGoogleでナビゲーション（ ）のように指示するだけだ。 They can easily jump back to page 3, or 6, or whatever to view previous posts, and then back again.彼らは簡単にバックアップ3ページ、または6 、または以前の記事を表示するにはどのようにし、再びジャンプすることができます。 Wordpress’ pagination feature of only one page at a time is terrible at best.一度に1つだけページのWordpressの'ページネーション機能を最高の状態でひどいです。 Theその WP Page Numbers Wordpress plugin WPを採用ページ番号ワードプレスプラグイン takes care of this seamlessly.このシームレスにする働きをします。 *Note, this plugin can also be used all other templated pages where more than one page of posts are retrieved. *注：このプラグインは他のすべてのテンプレートを使用するページが複数のページの投稿を取得する場合に使用することができます。

4. 4 。 Homepage Excerpts : If you want to control how many posts on your home page are displayed full and how many to show as excerpts (without mucking in any code at all), ホームページ抄 ：もしあなたのホームページでどのように多くの記事を制御する方法を示すため、多くの抜粋としてフル（ muckingなしで任意のコードで表示されているすべて） 、 Homepage Excerptsホームページ抄 is the plugin you need.必要なプラグインです。 I use this on most of my Wordpress sites, and you basically configure it with 1 click (how many posts to display full).私はWordpressのサイトのほとんどで、 1クリックで構成する場合、基本的に（どのように多くの記事を完全に）表示するにはこれを使います。

5. 5 。 Enable Post Voting : You could enable a voting function by using 投稿有効投票 ：あなたを使用して、投票機能を有効にする可能性がある Vote It Up投票それを enabling your Wordpress readers to vote for your posts Digg or Reddit style, and then put a list of most popular ones at the top of your homepage like this:あなたのWordpressの読者を有効に自分の投稿スタイルDiggやしかし、このようにして投票するホームページの上部に最も人気のあるもののリストを表示する：

6. 6 。 Random Featured Post : Use your old posts and give them new life, by creating featuring a random post before your content on your home page using the ランダムな注目のポスト ：あなたの古い記事を使用して新しい生命を与え、お客様のホームページ上で、お客様のコンテンツを前に、ランダムなポストを使用してフィーチャーを作成することで Random Featured Post Wordpress Plugin .特集記事のランダムなWordpressのプラグイン。 You might also try またしてみてください Advanced Random Post 高度なランダムなポスト . 。

7. 7 。 Display an Accouncement : Using the ディスプレイ一Accouncement ：使用する Genki Announcement元気のお知らせ plugin you can display an announcement before your posts on the homepage.プラグインの場合は、ホームページで自分の投稿を表示する前に発表することができます。 This is great, because you don’t have to hack any code to do this, you can turn the message on or off whenever you want, and you can even restrict it to differerent roles or users if you need to.この操作を行うために任意のコードをハッキングする必要はありませんこれは、非常にされている場合は、メッセージをオンまたはオフにすることができるときにしたいと、必要であればあなたもdiffererent役割またはユーザーに制限することができます。 There’s even a timer feature to turn the announcement on or off.さらに今回の発表は、タイマーをオンまたはオフにする機能だ。 Your message could be holiday related (Merry Christmas!), or a time advertisement (for 48 hour only), a message (to all site admins), or everyone (thanks for visiting my blog!).あなたのメッセージが表示される可能性がある休日（メリークリスマス！ ）関連、または時間広告48時間（のみ） 、メッセージ（すべてのサイト管理者に） 、私のブログを訪れるのか誰も（ありがとう！ ） 。

8. 8 。 Make a Post “Sticky” : Instead of an announcement or a random post, maybe what you want to do is make one particular post “sticky” - or have it stay at the top of the homepage (until you change it). 投稿 " 付箋おそらく何をやってみたいの発表や無作為に選ばれた後、 " ：の代わりに"粘着"一つの特定の投稿をする-またはそれは、ホームページの上部に滞在していることを確認（まで）に変更します。 Easy enough, Lester Chan’s簡単に十分な、レスターチャンの Creating a Dynamic Stickyダイナミックな付箋を作成する “. " 。 Basically he figured out how to create “two loops” on the homepage.基本的にはどのように" "は、ホームページ上で2つのループを作成して計算した。 The first loop gets one post from one category.最初のループを1つのカテゴリから1つの投稿を取得します。 Basically he created a new category called “frontpage” and assigned all the articles he wanted to “feature” for a time.基本的に、彼は新しいカテゴリー"新聞"と呼ばれる、割り当てられて彼を" "に一度の機能をすべての記事を作成しました。 Then the first loop shows one featured article at a time in a styled div box.その後、最初のループは、スタイルの部]ボックスで一度に一つの特集記事が表示されます。 Then, immediately following the normal loop gets the 10 latest posts from the database, but it does check to ensure that it doesn’t duplicate the featured post again.その後、すぐに正常なループ以下は、データベースから最新の投稿を取得する10けど、それを再度投稿機能が重複しないようにチェックではありません。 Very nice hack!ハッキングは非常にいい！

10. 10 。 Edit Article Excerpts : 記事の抜粋を編集： Wordpress Excerpt Editor Wordpressの抜粋エディタ is a unique plugin that allows you to add custom excerpts for page (something you can’t do without a plugin).のページでは、プラグインなしで行うことはできません（何か）用のカスタムの抜粋を追加することができるユニークなプラグインです。 Normally, if you choose to use excerpts - Wordpress will take the first so many words of your posts.通常は、使用することを選択した場合の抜粋-W ordpressのあなたの記事の最初のように多くの単語を取るだろう。 As far as your homepage is concerned, this doesn’t do much for “original content” or avoiding “duplicate content” at all.あなたのホームページを懸念している限り、このくらいはしていない"オリジナルコンテンツ"や"重複したコンテンツを避ける" 。 This plugin enables you write a custom excerpt for each post or page, as you write it.このプラグインを書くときには、各投稿やページ用のカスタム抜粋書き込みが可能になります。 Then, if you use excerpts on your homepage - the custom excerpt will be dispayed instead of the first “x” words making your home page contain completely unique content.あなたのホームページの抜粋を使用する場合-カスタムの抜粋ではなく、 " x "の最初の言葉お客様のホームページを作るd ispayedされますその後、完全にユニークなコンテンツを含んでいます。 It also allows you to write some different linkbait enticing people to click and view that article.また、いくつかの異なるlinkbaitクリックして表示するには、記事を書く人が誘惑することができます。 It has options to do the same for both archive and tag pages.アーカイブとタグのページの両方で同じ操作を行うには選択肢がある。

Excerpt Editor also has some advanced options for showing excerpts of “x” recent posts under each Post/Page and it can even show excerpts from “x sub pages” on each page.抜粋エディタも" x "の各記事の下に最近の記事の抜粋を表示するための高度なオプション/ページており、それも" Xのサブページ"からの抜粋各ページに表示することができます。 With all these options, it can do many things beyond custom excerpts on your home page.すべてのこれらのオプションでは、カスタムの抜粋を超えてお客様のホームページ上で多くのことを行うことができます。

11. 11 。 Add Thumbnails to Your Posts Using Custom Fields : There are many, many ways to add images to posts either manually or with a plugin. あなたのカスタムフィールドを使用しての投稿にサムネイルを追加：この記事に画像を追加するには多く、多くの方法があります手動またはプラグインを使用している。 Once of the most overlooked features of Wordpress is the “custom field”. Wordpressの一度の最も見落とさ機能の"カスタムフィールド"です。 You have the ability to create and fill-in custom fields with every post you write, but probably don’t know it.あなたが、能力を作成し、必要事項を記入カスタムフィールド内のすべてのポストがある場合、おそらくそれを書くのか分からない。 Under every “write post” page is the “custom fields” form (this one from WP 2.5):下の全" "記事を投稿ページの"カスタムフィールド"フォームWPを採用5月2日から（ 1 ） ：

A custom field is nothing more than metadata that you create.カスタムフィールドをユーザーが作成したメタデータを超えるものはない。 You probably know metadata as keywords and descriptions for search engines, but you can make your own custom metadata fields to describe or enhance your posts.おそらく知っているメタデータとして検索エンジンのキーワードとの説明が、独自のカスタムメタデータフィールドを記述したり、自分の投稿を強化することができます。 Each custom field has a “key” and then a “value”.各カスタムフィールド"とし、 "キーが"値" 。 The key is the name of the metadata (like Image or thumbnail) and the value is the content (like file.gif or picture.jpg).このキーは、メタデータを画像やサムネイル（ ）とのような値は、コンテンツfile.gifまたはpicture.jpg （ ）のようなものの名前です。 Just Tadlock has a pretty goodかなり良いだけTadlockしている Introduction to Custom Fieldsはじめにカスタムフィールド , and also 、また Custom Fields: Adding Images to Postsカスタムフィールド：追加する画像を投稿 . 。

12. 12 。 Create a Date Button for Posts : Seems like most of the more “premium” Wordpress themes (and hand-crafted ones) have a “date button” for the post, a nice image with the month abbreviation and the date (sometimes the day of the week too). ボタンを作成するための日付の投稿：ワードプレスのテーマ（と手のものな細工を施した、より"保険料のほとんどを"のように思えるかもしれないが） 、ポストは、月と日の略語（時には一日のすてきなイメージのための"日ボタン"がある週足でも） 。 Small Potato at WP-Designer wrote a great tutorial last year on WPを採用で小型ポテト- Designerが偉大なチュートリアルは昨年に書いている How to Create a Date Buttonボタンをクリックすると日付を作成する方法 . 。

I hope these home page hacks helped you, and as always if you have something to add to make this post better (or a question) - please comment now!私は、これらのホームページハッキングを支援し、いつものように改善した場合（または質問） -この投稿にコメントしてください今すぐ追加するには何かと思っている！

Tags:タグ： diy日曜大工 , 、 helpヘルプ , 、 wordpress-hackワードプレス-ハック