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

書かれた記事:
  • WordPress
  • 最終更新日:08、2019

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

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

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

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

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

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

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

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

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

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

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

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

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

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

9コードスニペットは、多くの異なるコードを実験したい人には十分ではないかもしれないことを理解していますので、Robert Ludroskyの WordPressデベロッパー向けの25便利なコードスニペット あなたの飢えを満たします(少なくともしばらく)。 ;)

コーデックスコード

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テンプレート内で次のタグを使用してください:

<a href="<?php echo get_page_link();?> "> <?php echo get_page_link(); ?> </a>

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

<?php echo get_post_permalink(); ?>
 <?php echo get_page_link(); ?> 

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

<p>リンク:<a href="<?php echo get_page_link();?> "> <?php echo get_page_link(); ?> </a> </ p>

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

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

<?php the_ID(); ?>

サンプル使用法:

<p class = "meta">投稿者の名前。 投稿IDは<?php the_ID()です。 ?> </ p>

4。 IDで分類する

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

<?php get_all_category_ids()?>

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

<?php $ category_ids = get_all_category_ids(); foreach($ category_idsを$ cat_idとして){$ cat_name = get_cat_name($ cat_id); $ category_link = get_category_link($ cat_id); // URLを機能させるにはcatリンクが必要です。 echo "<a href=\"{$category_link}\"> {$ cat_id} </a>:{$ cat_name} <br/>"; }

…とその表示方法:

カテゴリWPコード

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

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

コードはすべてのカテゴリIDと各IDのカテゴリ名を取得し、IDをカテゴリリンクにリンクします。カテゴリ名は「:」の後に表示されます。したがって、 エコー() 表現 <a href=\"{$category_link}\"> {$ cat_id} </a>:{$ cat_name} <br/>.

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

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

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

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

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

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

 <?php $ result = count_users(); echo 'あります'、$ result ['total_users']、 'total users'; foreach($ result ['avail_roles']は$ role => $ count)echo '、'、$ count、 'are'、$ role、 's'; エコー '。'; ? 

このコードでは、 count_users 機能は、Codexで「デフォルト使用量」としてリストされています。 このコードの実例を http://robocity.in/users/.

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

<?php printf(__( 'ユーザーが発行した投稿数 "リーダー":%d'、 'text-dom-here')、count_user_posts(1)); ?>

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

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

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

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

<?php $ blogusers = get_users( 'blog_id = 1&orderby = nicename&role = administrator'); // WP_Userオブジェクトの配列。 foreach($ blogusers as $ user){echo '<span>'。 esc_html($ user-> user_login)。 '-'。 esc_html($ user-> user_email)。 '</ span> <br/>'; }?>

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

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

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

6。 オルタナティブ...アーカイブ!

より良いブログアーカイブあなたの古いサイドバーのアーカイブリストを置き換えることができたら - あなたのブログが成長するにつれてますます成長し、ユーザーがスクロールするように強制する - あなたが右に見ることができるようなスニペットを想像してください。

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

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

<?php関数formatPostDate($ postId、$ format = '%F'){$ post = get_post($ postId); $ output = strftime($ format、strtotime($ post-> post_date)); $ outputを返します。 関数getLastPostID(){list($ post)= get_posts(array( 'posts_per_page' => 1)); $ post-> IDを返します。 <?php echo formatPostDate(1、 '%B%e、%Y');このブログには投稿があります。 <br/>最後の投稿は<?php echo formatPostDate(getLastPostID()、 '%B%e、%Y')で公開されました。 </p> <p>特定のアーカイブにアクセスしますか?</p> <select name = "archive-dropdown" onchange = "document.location.href = this.options [this.selectedIndex] value; "" <option value = ""> <?phc echo esc_attr(__( 'Select Archive')); ?> </option> <?php wp_get_archives(array( 'type' => '毎月'、 'format' => 'option'、 'show_post_count' => 1)); </select>

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

関数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 argでその名前アドオンを呼び出すことができます。

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

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

codesnippetsスクリーンショット

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

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

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

あなたに!

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

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

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