WordPress をカスタマイズするなら覚えておきたい条件分岐タグと、カスタマイズにとっても便利なカスタム投稿タイプについて、簡単にまとめてみました。 WordPress をカスタマイズするなら、必ずと言っていいほど使うのが条件分岐タグ。ブログとして Webサイトを構築するなら、とってもよく使う … というほどではないかもしれませんが、一般的な Webサイトを WordPress で構築していくとなると、動的な Webサイトであればあるほど、条件分岐タグはよく使います。 また、話は変わっちゃいますけど、WordPress 3.0 から本格的に採用された新機能、カスタム投稿タイプも、WordPress でのサイト構築にはかなり便利です。おなじみの条件分岐タグから、カスタム投稿タイプ、タクソノミーまでを、メモっぽくまとめてみました。 WordPress サイト構築 Tips 目次 WordP
Help us understand the problem. What is going on with this article?
とある休日 娘「ねぇ、パパ！」 娘「switchやろ〜！」 ワイ「おお、ええで！娘ちゃん！」 ワイ「Switchやろう！」 ワイ「ほな、テレビをつけて・・・」 娘「テレビ？」 娘「何を言っているの、パパ？」 娘「TypeScriptのswitch文のことだよ？」 ワイ「ファッ！？」 switch文で何をしたいのか 娘「今ね、ショッピングサイトを構築してるところなの」 ワイ「ほうほう」 娘「それでね、手広く儲けようと思って」 ワイ「おお、ええやんか」 娘「個人ユーザーだけじゃなく、法人ユーザーも登録できるようにしようと思うの」 ワイ「なるほどな」 娘「言語はTypeScriptを使っているんだけど」 娘「ちょっと聞きたいことがあるの」 ワイ「おう、なんでも聞いてや」 あいさつ関数を作っている 娘「ショッピングサイトにログインしたときに・・・」 個人の場合 → 「無職 やめ太郎さん、こんにちは
2015年10月27日 CSS Webブラウザーによって表示可能なCSSが異なるのは、よく知られていることです。例えばChromeやSafariでは問題なく表示される filter は、Internet Explorerではうまく表示されず、別のスタイルを用意しなければいけません。今回は @supports を使って対応しているプロパティー別にスタイルを変更してみましょう。 ↑私が10年以上利用している会計ソフト！ @supports とは？ 指定した (プロパティー:値) の条件に対応しているブラウザーには {} 内に書かれたスタイルを適用するよ、というもの。新しいスタイルの書き方に対応しているブラウザーにはそれを、対応していないブラウザーには従来の書き方で、かつ見栄えの崩れないようにコンテンツを提供できるよう、CSSを記述していけます。「プログレッシブエンハンスメント」というやつですね
闇プログラマーに喧嘩を売ってしまった昼下がり～条件分岐篇～
※このまとめに含まれるプログラムは一種のパズル的な遊びです。 くれぐれも用法用量を守った上で正しくご利用ください＞＜ 実用するならば、“言うまでもなく” if か ?: を利用すべきです。 やばい連中に喧嘩を売ってしまった……。 続きを読む
一昔前のCSSと比較すると、ここ数年でCSSはかなり進化しました。calc()で数式が扱えるようになり、変数、条件分岐、ループ、論理演算なども使用できます。CSSでロジックをどう記述するのか、ブログラミング言語的な実装を紹介します。 Writing Logic in CSS by Daniel Schulz TwitterでCSSがプログラミング言語なのかと話題になっていました。その前から本記事の翻訳に取り組んでいたのですが、非常に興味深い記事でした。CSSは宣言型プログラミング言語ですが、JavaScriptのような命令型の要素も増えてきて、一昔前からかなり進化しています。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの制御構造 CSSの実装テクニック 終わりに はじめに CSSは、スタイルのシステムに特化
WordPressを使ってサイトやブログを構築する際、例えば「一覧と詳細でサイドコンテンツを変えたい」とか「カテゴリーによって表示内容をガラッと変えたい」のように「○○の時に○○する」といったことをしたい場合に用いるのが条件分岐です。 WordPressには便利な条件分岐タグが沢山用意されており、それらを用いることで様々なことができるので、先述したように特定の条件で何か処理を行うカスタマイズをしたい方は参考にしてみてください。 条件分岐の使い方 条件分岐とは、簡単に説明すると「指定された条件に合うか・合わないかを判断し、判断に応じて処理を行う」というものになり、例えばWordPressの場合であればこれを利用することによって、同じテンプレートを使用していても条件に応じて全く違う見栄えにしたり、処理を行うといったことが可能です。 条件分岐にはswitch文というものもありますが、ここで紹介し
複雑な条件分岐にサヨウナラ。PHPのルールエンジンRulerを使って複雑な条件をシンプルにしてみた - Qiita
普通にifを使って書いてみる 単純化してますが、Kekkonクラスに、男性のステータスとかを持ったMenくらすのインスタンスを渡して、 canMarrige で結婚可能かどうかを返すと考えてください。 (ここのロジックはもう少し単純化出来ますが、条件を増やして複雑さを表現するのは大変だったので、あえて複雑なままにしてます) class Kekkon { private $men = null; public function __construct(Men $men) { $this->men = $men; } public function canMarriage() { // 年収が高ければ、身長か学歴のどちらかが高ければ結婚可能 if ($this->men->isHighIncome()) { if ($this->men->isHighHiehgt()) { return tr
はじめに 条件分岐タグ (Conditional Tag) は、テンプレートファイル内で表示される内容や、特定のページ内容を表示する条件を設定するのに使います。例えば、ブログのホームページの上部に短い文を表示させたいとしましょう。is_home()を使えば、簡単に実行できます。 これらのタグはテンプレート階層と深い関わりがあります。 注: 条件分岐タグが使えるのは WordPress の posts_selection アクションフックの後のみです (wp アクションフックはこれらの条件分岐を使える最初のものです)。テーマの function.php 本文内 (関数の外) では正しく動作しません。 しかし query オブジェクトへの参照があれば (例えば parse_query または pre_get_posts フック内から )、WP_Query 条件メソッドを使用できます(例: $q
古いブラウザ用のスタイルシートとモダンブラウザ用のスタイルシートは、どのように分けて記述していますか？ CSSのセレクタだけを使用して、古いブラウザ用とモダンブラウザ用にスタイルシートを条件分岐させるテクニックを紹介します。 Using Feature Detection, Conditionals, and Groups with Selectors 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSの新しい機能を使用する時 新しい機能の検出が必要な時 条件セレクタのサポート @supportsに対応するセレクタ セレクタの基本的なプロパティのグループ セレクタによる条件分岐の効果的な使い方 このテクニックを使用するポイントと注意点 CSSの新しい機能を使用する時 CSSは、新しい機能をスムーズに追加できるよう設計されてい
![[CSS]これは知らなかった！セレクタを使った条件分岐のテクニック | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/46fd38076df459c198fab45d35d8d2bb9b4effd8/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201804%2F2018110201.png)
Updated 2014.04.07 / Published 2011.04.28 下記に記載の内容では、2015年現在新たに登場してきているOSまで対象にするには限界がありますので、Mobileの判定をMobileとTabletにだけフィーチャーさせた2015年版JavaScriptユーザエージェント判別もあわせてご参照ください。 jQuery.supportだけで代表的なブラウザの判別を行うことができなくなってしまったので、UA情報には依存しないブラウザがサポートしている機能でブラウザ判別を行う試みです。ただし、モバイルかどうかの判別をするためにWindows Phoneに限ってはUA情報に依存する必要があります。 判別用コード var _ua = (function(){ return { ltIE6:typeof window.addEventListener == "undefi
Wordpressサイトのカスタマイズでよく使う！初心者が覚えておきたい条件分岐タグ9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ！ 初心者エンジニアのドドリゲス・パンチョフ・ブジョンヌィ5世です。ひろゆきです。 今回はWordpressをカスタマイズする際によく使う条件分岐タグをまとめてみました。 目次 条件分岐タグとは is_home() メインページ判定 is_single() 詳細ページか判定 is_page() 固定ページか判定 is_category() カテゴリアーカイブか判定 is_tax() タクソノミアーカイブか判定 is_post_type_archive() ポストタイプアーカイブか判定 is_author() 筆者アーカイブか判定 is_singular() 投稿タイプの詳細ページか判定 is_preview() プレビューページか判定 まとめ 条件分岐タグとは 条件分岐タグとは、現在どこのページが表示されているかを判定するための関数です。例えば、ヘッダーをheader.phpとし
JavaScriptでは関数もオブジェクトです。またJavaScript独自の特徴として、オブジェクトがそのままハッシュになります。なので、これを利用すると条件分岐が簡単に書けるようになります。 これはHTML5のAPIやセレクトボックスで操作を切り替える場合のように、文字列で条件分岐したい。けど、Switch文のネストが複雑になりすぎる、あるいは不定数の選択肢に対して処理したいといった場合に便利です。 var switching=function(key){ var switchbox={}; switchbox.a=function(){ alert("a"); }; switchbox.b=function(){ alert("b"); }; var func=switchbox[key]; func(); } switching("a");//a switching("b");//
HOME › Website Tips ノート › Posted on: 2010/08/12 何となく分かった！「カスタム投稿タイプ」の表示方法や条件分岐など 目次 カスタム投稿タイプを使えるようにする シングルページの表示 条件分岐 アーカイブページ • ケース1：投稿（post）と同時表示 • ケース2：カスタム投稿のみ表示 • 気をつけること RSS フィードの調整 一般的なブログ形式の場合は、カテゴリーとタグで十分なんですが、カスタム投稿タイプとカスタムタクソノミーの使い方が理解できると、もう手放せなくなりそうです。 ブログ、お知らせ、イメージギャラリー、ポートフォリオ、店舗紹介、Q&A などなど、様々な投稿タイプにあった使い方や表示が実現できます。 日本でもようやくその情報を目にする事が増えてきましたが、それでも思うようにいかないことも多かったので、表示方法やテンプレート
色んなサイトを回らずに済むように、条件分岐タグのまとめを作りました WordPressの条件分岐タグ、とても便利ですね。 「ホームでは別の動作をして欲しい」「サイドバーの要素を変えたい」そんな、ちょっとした要素の変更くらいなら、条件分岐タグで対応できます。 毎日プログラムと格闘する人はCodexを見なくても書けると思いますが、私のように本職がデザイナーだと「あれ？条件分岐って、どうやって書くんだっけ？？」状態に陥ります。そんな時に役立つ、基本も含めたまとめを作りました。 条件分岐の使い方「基本編」 まずは条件分岐について押さえておきたい基本編。 条件分岐とは、簡単に解説すると条件分岐「if」を使って「もし◯◯ならば、◯◯」といった条件を指定することです。具体例はページ下部にあるので、まずは書式から。 1つの条件を指定する方法 if ( 条件1 ){ 条件1に合う場合の処理 } これが1番簡
WordPressでブログをやっている際に、トップページやカテゴリーの記事一覧ページなどで記事のサムネイルを表示させている人が多いかと思います。WordPressでは、記事にアイキャッチ画像を設定すると、それをthe_post_thumbnailという関数を利用して簡単に取得することができます。 でも、アイキャッチ画像が設定されていない場合はどうすればいいでしょうか。僕だったら、そういう場合は記事の1枚目の画像を表示させたいですね。 また、記事に画像が1枚もなかったら？なにも表示しないというのも寂しいので、「No Image」的な画像を表示させたいところです。 そういった、場合よって表示する内容を変えるには、PHPのif構文を使用します。WordPressはPHPで動いているので。 僕もPHPとかはあまりよく分かっていないのですが、簡単なif構文くらいならなんとか理解できます。今日は、そ
テストコード内では条件分岐を書かないようにする
テストコード内では条件分岐を書かないようにする 2023.01.21 誰でも読める愚直なコードであることの 1 つの目安として、テストコードの中に if 文や三項演算子などの条件分岐が入り込んでいていないことが上げられます。if 文が存在するコードはアンチパターンであるといえます。実際に if 文がテストコードの中に入り込んだ例を見てみましょう。 テストコードは誰でも読める愚直なコードであることが求められます。テストコードにはある種のドキュメントのような、コードの仕様を説明する役割が求められているためです。テストの期待結果が変数になっていて、定義元までジャンプしないと値を確認できないだとか、条件分岐やループが入り込んでいて複雑性が上がっている状態ですと、素直に読みやすいとは言えません。 コードの中では重複排除をするためにさまざまなテクニックを駆使することがありますが、これは単にテストコード
wp_is_mobile関数 - WordPress3.4から実装されたパソコン用サイトとスマートフォン用サイトを分ける条件分岐タグ
こんにちは。株式会社コミュニティコム代表取締役の星野邦敏です。 WordPressのバージョンが、日本語では2012年6月15日に、3.3.2から3.4にバージョンアップされました。 3.4から加わった条件分岐タグとして、 wp_is_mobile関数 があります。 これは、Webサイトを閲覧する端末のヘッダー情報を見て、パソコン用のコンテンツと、スマートフォン用のコンテンツを切り分ける、WordPressの条件分岐タグです。 具体的には、WordPressテーマに、以下のようなソースコードを記述すると、パソコン用のコンテンツと、スマートフォン用のコンテンツを、切り分けることが可能となります。 <?php if (wp_is_mobile()) :?> スマートフォン用コンテンツをココに書きます。 <?php else: ?> パソコン用コンテンツをココに書きます。 <?php endif
はじめに React書いてますか？ ReactもFunctional Componentが主流になっていることにより、必然的に関数型で書き進めることになっていると思います。 そんな令和時代、毎度困る場面の一つが条件分岐。 js・tsの条件分岐といえば、if文、switch文、三項演算子など種類は様々。 どういうときにどの形式で書くのか毎度迷うし、その選定を間違えたら汚いコードになりがち。 そこで、今回は条件分岐を書き方の個人的ベストプラクティスを書いていきます！ 基本方針 条件分岐の結果を何かの変数に収める これを意識するだけで割とすぐに関数型っぽくなります。可読性やテスト容易性、変更容易性なども上がります。 これの代表的な例が三項演算子だったりします。
PHPの勉強を始めたばかりの頃、条件分岐が良く分かりませんでした。今思えば、if文が何かわかっていないというより、if文で何を判断させて良いのか分からなかったような気がします。そんな条件分岐で困った時の為にすぐに使えそうな関数をピックアップしてみました。 値の有無 empty() 値が空かどうかを調べる関数です。こっちから覚えたので今でも使える時は大体迷わずこれを使いますが、変数に0や空文字がセットされている場合も値無しと判断されます。 isset() こちらは変数に値がセットされているかどうかを調べる関数です。空文字や0が変数にセットされている場合は値有りと判断されます strlen() こちらは変数にセットされた値の長さを調べる関数です 試しに動かしてみてください。入力に文字を入れて実行を押せば実行できます。 文字列一致 str_pos() こいつはややこしい関数で、これを覚えるならp
本記事を対象とする人 TS,JSで極力letではなくconstを使うべきと思っている人 結論 ts-patternが便利 https://github.com/gvergnaud/ts-pattern 解説 何かのオブジェクトを参照して場合分けして、変数を定義したい場合があると思います 例 let platform = ''; if (game.name === 'ff3') { platform = 'fc'; } else if (game.name === 'ff4') { platform = 'sfc'; } const platform = (() => { if (game.name === 'ff3') { return 'fc'; } else if (game.name === 'ff4') { return 'sfc'; } return ''; })(); //--
昔からあるWPのプラグインみたい ですが、先日知ったばかりで、と ても助かったので感謝も込めて ご紹介。WordPressのウィジェット 単位で簡単に条件分岐する事が 出来ます。 ウィジェット単位で条件分岐できるプラグイン。結構前から存在してるんですね。初めて知りました。かなり便利ですねこれ。 先日、クライアントさんの要望でTwitterアカウント名とツイート数を指定してツイート表示を簡単に管理できるように、上記のようなウィジェットを作成しました。 そのウィジェットをページ毎に表示したりしなかったり出来ないか、という追加要望を頂きました。スタッフの紹介ページ毎にそれぞれのツイートを表示したい、というものです。 簡単に出来ないか方法を探したところ、見つかったプラグインがWidget Logicだったんですが、結構前から存在してたみたい・・知らずに損した。 ウィジェットにコンディショナルタグを
このページは、Custom Taxonomy 機能を導入するまで の続きです。 投稿ページやアーカイブページに Custom Taxonomy を表示します。is_tax を使った条件分岐や、wp_tag_cloud も利用可能です。 また、 query_posts にタクソノミーを指定すれば、様々な場所で特定termの記事リストを表示することもできます。 以下、WordPress バージョン2.91 または 2.92 での検証です。 投稿ページなどで使う get_the_term_list 記事の分類に使われている、カスタムタクソノミーのtermリストを表示します。主に投稿ページ（single.php）やアーカイブページのループ内で使い、下記の例では、タクソノミー「artist」に該当するtermリストが表示されます。 引数(1, '2', '3', '4', '5' ) 投稿ID タク
知らないと損をするよ！ 携帯Flash軽量化メモ 〜条件分岐編〜 | _level0 - KAYAC Front Engineer Blog
こんにちは、お久しぶりのkijima(@otoyasumi)です。 最近はFlashLite1.1ばっかりやっているので、携帯Flash開発に便利なtipsをまとめてみました。 同時に複数の"&&"AND演算子を使わない 例えば、if( A && B && C & D & E & F & G)という条件を指定するときは、 代わりに以下のように記述しましょう。 if ( A + B + C +D + E + F + G === 7 ) FlashLiteでは"true"は1、"false"は0でもあるので、これを利用します。 A〜Gまですべて"true"なら、すべて加算すれば7になるので、 上のような記述で"&&"を使わずに実装できます。 なぜこんな面倒なことをするかというと、"&&"を使うと、やたらと容量を食うから。 実際に比較すると、上の条件の場合はこんなに差が出ます。 if( A &&
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressをカスタマイズするなら絶対覚えておきたい条件分岐やカスタム投稿タイプなどいろいろ
プログラムの可読性を上げるための条件分岐を減らす方法7個 - Qiita
6歳娘「パパ、型による条件分岐はできないの？」 - Qiita
CSSの@supportsを使ってCSSのみでスタイルの条件分岐をする方法
CSSは確実に進化している！ 変数、条件分岐、ループ、論理演算など、ロジックに記述するCSSの実装テクニック
WordPress：カスタマイズするなら覚えておきたい条件分岐について - NxWorld
条件分岐タグ - WordPress Codex 日本語版
[CSS]これは知らなかった！セレクタを使った条件分岐のテクニック | コリス
JavaScript ユーザエージェント条件分岐便利スニペット｜Web制作 W3G
便利なWordPressの条件分岐16パターン：カスタマイズで活躍するものを厳選！
JavaScriptでswitch文を使わずに条件分岐 - TechTalkManiacs
何となく分かった！「カスタム投稿タイプ」の表示方法や条件分岐など - Website Tips ノート : VARL
もう覚えなくても大丈夫！？WordPressの条件分岐タグの使い方まとめ
WordPressで条件分岐を使い記事一覧のサムネイル画像をカスタマイズする | ryodesignblog
【React】関数型プログラミングを実践する上での、条件分岐の俺的ベストプラクティス
【PHP】条件分岐で困った時に使えそうな関数をピックアップしてみたよ！
TypeScriptで条件分岐時の可読性の高い変数設定 - Qiita
WordPressのウィジェット単位で条件分岐出来る様にするプラグイン・Widget Logic
WP カスタムタクソノミーの表示方法や条件分岐などのメモ 2/2 - Website Tips ノート : VARL