あなたが知らないかもしれない10のWordPressテンプレートタグ
WordPressは、当初からかなりの量のテンプレートタグが付属しています。 WordPressのこれらのテンプレートタグは、以下の目的で使用できるPHP関数です。 出力 と同様 データを取り出す.
あなたがWordPressテーマを開発しているなら、あなたはこれらのテンプレートタグのいくつかに精通しているかもしれません。 タイトル
投稿タイトルが表示されます, 著者
投稿の作者の名前と投稿のリンクが表示されます.
WordPressは進化し続けています。新しいリリースごとに、いくつかの新しいテンプレートタグが導入されることがよくあります。非常に多くのため、これらすべてのテンプレートタグ(新旧)についていくのは非常に困難です。見逃しているかもしれないこれらの20のテンプレートタグをチェックしてください.
首都P
ワードプレス, 彼らのガイドラインと標準に従って, する必要があります 大文字のPで書かれている、すなわちWordPressはいいえです。正しい方法はそれを綴ることです ワードプレス.
首都 “P” Matt Mullenweg(WordPressの創設者)が2009年に彼の決議にそれを含めていたことを拡張することが非常に重要な問題です。 capital_p_dangit()
イニシアチブの一環として機能が導入されている.
から:3.0.0
//簡単に使用する$ footer_text = get_theme_mod( "footer_text"、 ""); $ footer_text = captial_p_dangit($ footer_text); // WordPressのテキストはすべて大文字のPに変換されます。//または、WordPressフィルタで使用します。 add_filter( "the_excerpt"、関数($ text)return captial_p_dangit($ text););
カスタムロゴ
4.5では、WordPressはカスタマイザを通してテーマのロゴをアップロードする機能を導入しました。この新機能にはテーマのサポートが必要です。 add_theme_support( 'site-logo')
, ロゴがカスタマイザに表示されます。.
この機能により、テーマで出力されるロゴ画像を処理できる新しいテンプレートタグがいくつか使用されるようになります。 has_custom_logo()
, get_custom_logo()
, そして the_custom_logo()
.
から:4.5.0
// 1.出力には、イメージのロゴと自宅へのリンクが含まれます。 the_custom_logo(); // 2.カスタムロゴ出力 "string"を取得します。 $ logo = get_custom_logo(); // 3.条件付きif(has_custom_logo())$ logo = get_custom_logo(); // 4. get_custom_logoを使用してロゴをdivで囲みます。 add_filter( "get_custom_logo"、function($ html)return ''。$ html。 '';);
サムネイル画像のURL
WordPressには、サムネイル画像や注目の画像を追加するための長い統合されたネイティブユーティリティがあります。テンプレートタグ, the_post_thumbnail()
, 画像タグとその属性を表示します.
しかし、CSSを介して画像のサムネイルを背景として表示したい場合はどうしますか。テンプレートタグを使用する, get_the_post_thumbnail_url()
.
から:4.4.0
例:
乱数を生成する
このテンプレートタグは、指定された範囲に基づいてあなたに乱数を与えます。 WordPressはランダムにパスワードを生成するためにこの関数を内部的に使用しています。あなたはおそらくあなたのWooCommerceサイトのためにランダムなクーポン番号を生成するためにそれを使うことができます.
から2.6.2
例:
// 1から200までの数を生成します$ rand_number = wp_rand(1、200); //出力は0以下または201以上にならない.
コメントページ付け
ほとんどのテーマは現在、 the_comments_navigation()
それは与える “次” そして “前の” ナビゲーションリンクの種類。番号付きナビゲーション(ページ付け)を表示したい場合は、タグを the_comments_pagination()
代わりに.
テンプレートタグはWordPress 4.4.0以降でのみ利用可能です。デプロイする前に必ずチェックを実行してください。.
から:4.4.0
例:
'ol'、 'short_ping' => true、 'avatar_size' => 42、))。 ?
短縮URL
このテンプレートタグはURLの長さを短くします。そして、そのような非常に長いURLは、本文コンテンツ内で改行することはありません。 2つの選択肢があります:追加 overflow-wrap:ブレークワード。
あなたのCSSで、またはURLの長さをトリミングしてください。 url_shorten()
テンプレートタグ.
から:1.2.0
例:
$ link = get_the_permalink(); $ url_text = url_shorten($ link); //例えばwww.hongkiat.com/blog/css…echo ''。 $ url_text。';
インラインスクリプトを追加する
私たちはいつも使っています wp_enqueue_script
スクリプトを登録してロードする. 内部スクリプトを読み込む ただし、このテンプレートタグが作成されるまで、それほど直接的ではありませんでした。, wp_add_inline_script
紹介されています.
インラインスクリプトを追加するには、それを添付する既知のエンキュースクリプトが必要です。この ハンドラ スクリプトの最初のパラメータとして次のように渡されます。 wp_localize_script()
関数。 2番目のパラメータはスクリプトの内容を渡す必要があります。 3番目のパラメータは、インラインを 'before'または 'after'のどちらで出力するかを指定します。 .
から:4.5.0
例:
function enqueue_script()wp_enqueue_script( 'twentysixteen-script'、get_template_directory_uri()。 '/js/functions.js'、array( 'jquery')、 '20160412'、true); wp_add_inline_script( 'twentysixteen-script'、 'window.hkdc = '、 '前'); add_action( 'wp_enqueue_scripts'、 'enqueue_script'); //出力:// //
ドロップダウン言語
の wp_dropdown_languages
テンプレートタグはあなたのWordPressサイトの言語のリストを表示するHTMLオプションを出力します。 Webサイトをローカライズする必要がある場合は、このテンプレートタグが便利です。あなたの言語オプションを表示するためにそれを使うことができます。 ユーザーエディタ ユーザーが自分の言語設定を選択できるようにするための画面またはフロントエンドの画面.
から:4.0.0
例:
wp_dropdown_languages(array( 'id' => 'lang_options'、 'name' => 'lang_options'、 'languages' => get_available_languages()、 'translations' => array( 'id_ID'、 'ja')、//インドネシア、そして日本は 'selected' => 'en_US'、 'show_available_translations' => false、)とします。
アバター画像のURLを取得する
名前が示すように、このテンプレートタグ, get_avatar_url()
, ユーザーのアバターの画像パスを取得します。それはあなたが単にHTML画像タグを通してそれを表示する代わりに、あなたが好きな方法でアバターを表示して成形することを可能にします.
から:4.2.0
例:
$ avatar = get_avatar_url( '[email protected]');
テーマを取得
この関数は現在アクティブなテーマの情報を含むオブジェクトを取得します。この情報にはテーマスラッグ、名前、バージョン、テキストドメイン、作者などが含まれます。.
次のコードスニペットでは、バージョンを取得してそれをスクリプトバージョンとして渡します。.
から:3.4.0
例:
$ theme = wp_get_theme(); define( 'THEME_SLUG'、$ theme-> template); // 24個定義( 'THEME_NAME'、$ theme-> get( 'Name')); // 26個のdefine( 'THEME_VERSION'、$ theme-> get( 'Version')); //1.2関数load_scripts()wp_enqueue_script( 'script-ie'、$ templateuri .'js / ie.js '、配列( "jquery")、THEME_VERSION); wp_script_add_data( 'script-ie'、 'conditional'、 'lt IE 9'); add_action( 'wp_enqueue_scripts'、 'load_scripts');