9 WordPressのコードはあなたのブログをスパイスアップし、UXを改善する

執筆者:Luana Spinetti
  • WordPress
  • 最終更新日:Oct 26、2020

WordPressは設定とインストールが簡単で、ブログを公開するとすぐに使用できます。

しかし、WordPressのデフォルトオプションに依存すると、あなたに代わって損失が生じる可能性があります。

  • 少ない機能性
  • 退屈なユーザー(彼らが遭遇するすべてのWPサイトで同じものを見る人)
  • 検索エンジンの順位を下げます。

あなたは、あなたの手の中に柔軟なツールを持っています。それを微調整して使用するのが楽しいものと頼りになるものに変えることができます。 あなたのユーザー(そしてあなた自身)のために物事を盛り上げてみませんか?

この記事では、あなたのワードプレスベースのウェブサイトを楽しくして、あなたのユーザーにとって有益な コードスニペット それはあなたのSEOも強化します。

あなたのWordPressブログをスパイスアップするのに必要なのは?
WHSRは現在、Codeable.ioと提携し、プロのWP開発/カスタマイズサービスを必要とするユーザーを支援します。

無料の見積もりを取得するには、 このリクエストフォームに記入してください.

彼らに試してみて、彼らがあなたのためにどのように働いたか教えてください! ;)

9コードはあなたのワードプレスのブログを強化する

この記事では2種類のコードスニペットをご提供します:

  1. コーデックスコード
  2. コードスニペットとウィジェット

コーデックスコードは、(私の婚約者、Simoneの助けを借りて)自分自身で書いたPHPスニペットです。 WordPress.orgコーデックス 参考として

コードスニペットとウィジェットは、他のWebサイトやWordPress.orgで自由に利用できる既製のPHPコード(またはWordPressプラグイン)ですが、私の婚約者のスニペットも含まれています。

どちらのタイプのコードも簡単に実装およびインストールできますが、コードの操作方法がわからない場合は、ウィジェットとプラグインから始めることをお勧めします。

コーデックスコード

1。 付箋紙を区別する

WordPressに現在の投稿がスティッキーな投稿であるかどうかを確認させ、それに応じて表示するには、Codexブール関数を使用できます。

<?php is_sticky(); ?>

この関数だけではTRUEまたはFALSEの値しか返されないため、スティッキーポストを管理するための条件付き構文(/ else)を記述すると、ここで何ができるのですか。 例:

<?php if is_sticky() {
  the_title();
  the_time('M, d, Y');
  the_excerpt();
}
else {
  include 'post-template.php';
}

このサンプルの使用法では、スティッキーポストを、タイトル、ポスト日付、および抜粋(ポスト全体ではない)のみを含むボックスとして表示しました。他のポストの標準テンプレートはpost-template.phpに含まれています。

各タイプの投稿には独自のCSSスタイルシートがありますが、ここではスタイルを定義していません。 テンプレートのみ。

Single.phpは、単一の投稿のデフォルトのテンプレートです(すべてのデフォルトのWPテーマに含まれています)。

独自のWPテーマを作成しているが、単一の投稿のためのテンプレートが設定されていない場合は、Codexガイド ここ.

2。 投稿URLの表示

これはテンプレートに追加するのが楽しいかもしれません。 読者が各ページ(または投稿)のURIを取得したい場合は、single.php、page.php、またはindex.phpテンプレート内で次のタグを使用してください:

">

the_permalinkを使用する代わりに、これが最も明白な選択であり、すべての場合に機能します。WPでは、投稿とページに2つの代替形式を使用できます。

 <?php echo get_page_link(); ?> 

たとえば、ページテンプレートには次のものが含まれます。

リンク:

3。 投稿ID番号の取得と表示

あなたのパーマリンク構造をユーザーフレンドリーやSEOフレンドリーに設定した場合でも、この簡単な機能をメタラインに追加することで、投稿IDを投稿者に表示することができます:

<?php the_ID(); ?>

サンプル使用法:

<p class="meta">Posted by Author's Name. Post ID is <?php the_ID(); ?></p>

4。 IDで分類する

WordPressの標準機能は次のとおりです。

<?php get_all_category_ids() ?>

ここでは私が自分のブログの1つで使った例を紹介します。 古写本 , StackOverflowのトピック:

{$ cat_id}:{$ cat_name} ";}?>

…そしてそれがどのように表示されるか:

カテゴリWPコード

注:get_all_category_ids()は廃止された関数になりましたが、私は自分のブログ(上のスクリーンショット)のように問題なくそのまま使用することができます。 ただし、このスニペットに新しい機能を使用する場合は、 get_terms() コーデックスのページ。

このコードは何をしていますか?

コードは、すべてのカテゴリIDと各IDのカテゴリ名を取得し、IDをカテゴリリンクにリンクし、「:」の後にカテゴリ名を表示します。したがって、 エコー() 表現 {$ cat_id} :{$ cat_name}.

5。 あなたのブログの詳細ユーザー/著者ページ

プラグインに頼ることなく、すべてのブログ作成者やユーザーを表示するカスタムページを作成したことがありますか?

さて、あなた できる テキストエディタ、FTPアップローダ、最愛のWordPress Dashboardだけで独自のカスタムAuthors / Usersページを作成できます。

まず、page.phpファイルのコピーを作成する必要があります。 コピーの名前を任意の名前に変更します—私はusers.phpという名前を付けました。

追加 テンプレートタグ このテンプレートの上部にWordPressでテンプレートとして認識され、ダッシュボードに移動します ->ページ->新規追加 ユーザー/著者のリストのページを作成します。 ページリストに戻り、新しいページタイトルの下にあるクイック編集をクリックし、テンプレートドロップダウンメニューから新しいテンプレートを選択します。 変更を保存します。

users.php(または名前を付けたファイル)を開き、次のコードを適用します:

 <?php
 $result = count_users();
 echo 'There are ', $result['total_users'], ' total users';
 foreach($result['avail_roles'] as $role => $count)
 echo ', ', $count, ' are ', $role, 's';
 echo '.';
 ?> 

このコードでは、 count_users 関数は、コーデックスで「デフォルトの使用法」としてリストされています。 このコードの実例は、次のURLでご覧いただけます。 http://robocity.in/users/.

そのコードの後、ブログ管理者について何かを追加しましょう。

私が使用 count_user_posts ここでは、Codexで提案されている使用形式に従って機能します。

関数 get_userdata 特定のユーザー名とそれを使用している人の本名との間の相関関係を示すのは良いことです。 下記参照:

user_login; $ first_name = $ user_info-> first_name; $ last_name = $ user_info-> last_name; echo "$ first_name $ last_nameは、ユーザー名$ usernameでWordPressサイトにログインします。"; ?>

さて、これはあなたがあなたの著者/ユーザーページで使うことができる最も興味深い機能です— get_users 関数:

'。 esc_html($ user-> user_login)。 '-'。 esc_html($ user-> user_email)。 ' '; }?>

この関数は、コードで構成できる特定のパラメーターに従ってユーザーのリストを取得します。 上記の例(Codexページから取得し、Robocity.inのUsersページに合わせて編集)では、ブログID 1(現在のブログ)の管理者のリストを「nicename」順に取得し、各ユーザーについて、 「ユーザー名–ユーザー名–」タイプの文にユーザー名とメールアドレスを表示したい [メール保護]"。

ログインしたユーザーに自分自身について何かを表示したい場合は、 get_currentuserinfo たとえば、ユーザーの名前と住所を取得する関数。 この例ではこの関数を使用しませんでしたが、創造性は限界を知りませんよね? ;)

コードスニペットとウィジェット

6.代替…アーカイブ!

より良いブログアーカイブ古いサイドバーのアーカイブリスト(ブログが大きくなるにつれて大きくなり続け、ユーザーにスクロールを強制する)を、右の図のようなスニペットに置き換えることができると想像してみてください。

読者がブログの年齢やアーカイブの深さを一目で把握できるようになりませんか? :)

私の婚約者と私は、Codexのget_postとアーカイブリストの簡単なドロップダウンメニューを使って、この簡単なスニペットを書いた。 アイデアをうまく​​機能させるために独自の機能を作成しました。

投稿日)); $ outputを返します。 } function getLastPostID(){list($ post)= get_posts(array( 'posts_per_page' => 1)); $ post-> IDを返します。 }?> このブログには以来の投稿があります。 最後の投稿はに公開されました。 特定のアーカイブにアクセスしますか?  '毎月'、 'フォーマット' => 'オプション'、 'show_post_count' => 1)); ?>

このコードは何をしていますか?

関数formatPostDateは、投稿のIDと日付の形式を取り、選択した形式で日付を返します。 2番目の関数getLastPostIDは、1つの投稿のみを含む投稿の配列を受け取り、そのIDを返します。

ブログの最初の投稿を取得するには、通常ID = 1で、最初の段落にecho formatPostDate(1、 '%B%e、%Y')を記述します。このコードはformatPostDate関数を使用し、パラメーターとして投稿IDを取ります。 #1と日付の標準英語形式で、日付を返します。

ブログの最後の投稿を取得するには、formatPostDate(getLastPostID()、 '%B%e、%Y')を使用して、最後の投稿のIDと日付形式(ここでも英語)を取得し、日付を印刷します。画面。

7。 ビジターがモバイルデバイスを使用しているかどうかを確認する

WP-Snippets.comのMuneebは、サイトの訪問者がモバイルデバイスを使用しているかどうかを確認するための興味深いコードスニペット(関数)を共有しました。

コードは利用可能です ここ.

この機能は、モバイルユーザーにのみ特定の機能を表示したり、特定のWebサイト機能からモバイルユーザーを除外したりする場合に役立つため、モバイルの最適化に役立ちます。

8。 if / else構造を使用してページサイドバーコンテンツを操作する

このコードスニペットはWordPressのCodexに基づいていますが、多くの創造性を可能にし、Web上で既製のスニペットを見つけることができるため、このセクションに配置しました。

あなたのサイトで複数のサイドバーを使いたいとします。 サイドバーにdivやセクションを埋め込むこともできますが、ファイルが大きくなるほど(ウィジェットを使用していても)そのファイルが大きくなります。

コーデックスはあなたに get_sidebar($ name) 関数。 使い方は簡単です:

  1. Quotesスニペット用のサイドバーを作成(言う)します。 名前をsidebar-quotes.phpにします
  2. メインのsidebar.phpファイル(またはWPテーマ構造に応じてヘッダーまたはインデックスファイル)にget_sidebar( "quotes");と記述します。 「sidebar-quotes.php」ファイルを含めます。

他のサブサイドバーを呼び出すことでより細いサイドバーを得ることができます。これは、WordPressのPHPコーディングのビットを知っていれば、if / else構造で最適化することができます。

これを知らないかもしれませんが、一般的なget_sidebar()コードを使用すると、$ name引数を追加しなかったため、「sidebar.php」が含まれます。 これがデフォルトの使用法です。 「sidebar * .php」の後に「-name」を追加すると、$ name引数を使用してその名前アドオンを呼び出すことができます。

あなたのブログやコードの標準的なサイドバーを過負荷にする特定のページに表示したい広告、特別なオファーやサイドバー機能がある場合、このコードスニペットはUX用の命の恩人です。

9。 コードスニペットをWordPressサイトに統合するためのツール

codesnippetsスクリーンショット

コードスニペット Shea Bangeによって作成された無料のWordPressプラグインで、簡単にブログにコードスニペットを追加できます。

このプラグインの素晴らしい点は、あなたがもう編集する必要がなくなったことです のfunctions.php WordPressのダッシュボードから直接カスタムコードを追加することができます。 基本的には、新しい投稿やページを追加するようなコードスニペットを追加できます。

Tom EwerはWPMUDev.orgで このプラグインについて興味深い紹介を書いたが、コードスニペットでこれまでに見つけた最も有用なリソースは WordPress.orgのプラグインサポートフォーラム.

あなたに!

あなたのワードプレスのコーディング実験を以下のコメントで共有してください! そして、この記事で紹介されたスニペットについて質問をすることは自由です。

ルアナスピネッティについて

Luana Spinettiは、イタリアに拠点を置くフリーランスの作家であり、情熱的なコンピュータサイエンスの学生です。 彼女は心理学と教育に高校の卒業証書を持ち、3を卒業したコミックブックアートの2008年の講座に参加しました。 彼女は多面的な人物であるため、ソーシャルメディアへの関心が特に高く、SEO / SEMとWebマーケティングに大きな関心を持ち、母国語(イタリア語)の3つの小説に取り組んでいます。インディーズはすぐに出版します。