WordPress taxonomy アーカイブの判別方法 - by Takumi Hirashima
WordPress で タクソノミーアーカイブページの判別方法を紹介します。 is_tax() 関数を使用する is_tax() 関数を使用する is_tax() 関数は、現在表示しているページが taxonomy アーカイブページかどうかを判定する関数です。 引数には、taxonomy のスラッグを指定します。 たとえば、taxonomy のスラッグが category のカテゴリーアーカイブページかどうかを判定する場合は、次のようになります。 if ( is_tax( 'category' ) ) { // カテゴリーアーカイブページ } まとめ WordPress で タクソノミーアーカイブページの判別方法を紹介しました。
WordPress ユーザー権限別の条件分岐の設定方法 - by Takumi Hirashima
WordPress のユーザー権限別の条件分岐の設定方法を紹介します。 例えば、本番環境でのテストアップを、指定したユーザー限定にしたいときに便利な方法です。 ユーザー権限のおさらい 管理者だけに表示する方法 編集者だけに表示する方法 投稿者だけに表示する方法 寄稿者だけに表示する方法 購読者だけに表示する方法 複数の権限を指定する方法 ログイン中に表示する方法 ユーザー権限のおさらい まずはユーザー権限のおさらい。分岐処理に必要な権限のスラッグを確認してください。 管理者 slug : administrator シングルサイト内のすべての管理機能にアクセスできるユーザー 編集者 slug : editor 他のユーザーの投稿を含むすべての投稿を発行、管理できるユーザー 投稿者 slug : author 自身の投稿を発行、管理できるユーザー 寄稿者 slug : contributor
WordPress テンプレートファイル名で条件分岐する方法 - by Takumi Hirashima
WordPress テンプレートファイル名で条件分岐する方法を紹介します。 例えば、テンプレート別にCSSを切り替えたい時に便利な方法です。 テンプレートファイル名で条件分岐させる方法 WordPress で使用中のテンプレートを判別するには is_page_template() を使用します。 次のコードは、テンプレートが example.php の場合に、使用の有無で表示内容を切り替える方法です。 <?php if(is_page_template('example.php')){ echo 'example.php 使用中'; } else { echo 'example.php 未使用'; } ?> まとめ WordPress テンプレートファイル名で条件分岐する方法を紹介しました。
WordPress プラグイン Polylang の使い方を紹介 - by Takumi Hirashima
WordPress の多言語切り替えプラグイン Polylang の使い方を紹介します。 例えば、多言語サイトを制作する時に便利な方法です。 言語切替の条件分岐 言語を切り替える言語スイッチャーを実装する方法 共通したページスラッグを使用する方法 注意事項 言語切替の条件分岐 言語別に表示を切り替えるには get_locale を使って、現在のロケール情報を取得して条件分岐を行います。 例えば、日本語とそれ以外の言語で表示内容を分けるには、次のコードをテンプレートに追加します。 <?php if(get_locale() == 'ja'): ?> 日本語 <?php else: ?> 他言語 <?php endif; ?> ページ冒頭の lang 設定を言語別に切り替える際には次のコードを追加します。 <?php if(get_locale() == 'ja'): ?> <html lan
WordPress：タイトルを自在にカスタマイズする方法 - コムテブログ
TL;DR WordPress4.4 以降において title タグを自動出力するには、非推奨の wp_title()関数の代わりに、テーマの機能を設定する関数add_theme_support( 'title-tag' );を functions.php に記述します。functions.php の中に書くことで保守性もよくなります。 WordPress4.4 以降の title の記述方法 functions.php function mytheme_set() { add_theme_support( 'title-tag' ); } add_action( 'after_setup_theme', 'mytheme_set' ); after_setup_themeは全てのテーマが読み込まれた後にテーマの機能を設定するフックです。タイトルが重複するので header.php には
サルワカ | サルでも分かる図解説明マガジン
レゴランドの水遊びはどれがおすすめ？ウォータメイズとスプラッシュパッドはどっち？ 2024/06/17
WordPressのsingleテンプレートをカテゴリ別に切り替える
WordPressのsingleテンプレートをカテゴリ別に切り替える 通常のブログではなかなかやらないかもしれませんが、コーポレートサイトをWordpressで運用する場合、お知らせページや制作実績などページ別にデザインを変えたい場合があったりします。 そこで、カテゴリーごとに割り振られたIDを取得し、条件分岐でテンプレートを切り替えてみます。 投稿日2010年07月09日 更新日2014年02月22日 カテゴリーIDを調べる まずは分岐させたいカテゴリーのIDを調べておく必要があります。 このカテゴリーIDですが通常ブログを運営するうえであまり必要ないせいか、少しわかりづらかったりします。 管理画面で「投稿」→「カテゴリー」でカテゴリー編集画面を表示します。 取得するカテゴリー名をクリックまたは、マウスオーバーしてリンク先のアドレスの末尾を確認してください。 /wp-admin/cate
WordPressのカスタム投稿タイプごとに生成する画像サイズを分けて不要な画像サイズを生成しない方法
公開2013.11.18 更新2017.12.03 仕事・技術 今日は前回の記事の続きでWordPressのカスタム投稿タイプごとに生成するアイキャッチ画像、投稿サムネイルなどに使用できる画像サイズを分けて生成する方法です。 例として以下のような画像サイズ定義をadd_image_size()を使ってfunctions.php内で行っていたとします。 //カスタム投稿タイプ「book」用 add_image_size('book', 300, 300 ); //カスタム投稿タイプ「video」用 add_image_size('video', 400, 400 ); //カスタム投稿タイプ「game」用 add_image_size('game', 500, 500 ); book、video、gameというカスタム投稿タイプがあると仮定し、上記で定義した名称とカスタム投稿タイプ名が一致す
テーマ「ShapeShifter」をプラグイン「WooCommerce」に対応させてみる。 - ワードプレス ラボ
ワードプレスでECサイトを簡単に構築できるプラグイン「WooCommerce」に対応したテーマの作成方法についてです。テーマカスタマイザーのライブプレビューって、JSファイルの編集って面倒じゃないですか。各設定項目毎に「wp.customize( 'setting_id'...」と書いて、設定項目を追加すればするだけ... 続きを読む
PHPでのデバイス分岐を簡易的に導入
モバイルの時は一覧での画像を小さいのを表示させよう！と考えた時に、デバイスの分岐が必要になった。そんなことを考えていた今日、なにやら人気記事にショートコードを利用する方法がでていました。 [WordPress]まだなら今すぐ入れたい！PC、スマホで表示を分けるショートコード ショートコード使えるのは便利だなーと思いつつも、エントリーごとで必要だったわけではないので、自分はもっと簡易な分岐を利用することにした。 WordPress 標準の関数 wp_is_mobile()WordPress には、3.4 からモバイルデバイスを分岐するための関数が導入されています。その関数を使い、簡易的に分岐させてしまいました。 PHP：簡易版分岐コード /** * Test if the current browser runs on a mobile device (smart phone, tablet
はてなブログ | 無料ブログを作成しよう
織田信長 ぼちぼち、元気にやっています。少し薬にも慣れた...んかなぁ。相変わらず食べられないけど。朝、指がこわばって文字なんて入力できなかったけど、それはほぼなくなった。関節もどこも痛くない。薬効いてきたんやろな。 で、ブログを書こうと言う気がまた起きてきた。 …
ぼくのかんがえたさいきょうの editor-style #wpacja2013 - Toro_Unit
WordPress Advent Calendar 2013、3日目を担当させていただきます。@Toro_Unitです。 今回はWordPressで活用されているようで活用されていないような気がする、editor-style.cssをがっつり掘り下げてみようかと思います。 そもそもeditor-styleとは WordPressの投稿画面のビジュアルエディタ(ビジュアルリッチエディターとも言いますね)に適用するCSSのことです。 テーマのfunctions.phpに add_editor_style(); と記述すると、テーマ内のeditor-style.cssというファイルが、読み込まれるようになります。 また、引数にファイル名を指定することが可能で、その場合、 add_editor_style("css/editor.css"); とすると、テーマディレクトリのcss/editor.c
レスポンシブだけじゃいられない？時と場合によるユーザーエージェント判別の方法
レスポンシブだけじゃいられない？時と場合によるユーザーエージェント判別の方法 2013.06.14 | 初心者向け | 覚えておきたい 先週、某iPhoneアプリをリリースした際に公式サイトを担当したネイビーです。 iPhoneアプリだから公式サイトはiPhoneで見れればいい！というわけではないんですね。知りませんでした。だったらレスポンシブで！と行きたいものの、ニョーンと伸び縮みするスタイルが万人受けするものでもありません。 iPhone向けとPC向けのページを作ってユーザーエージェントで振り分ける方針が決まりつつ、いつどこで判別したらよいものか？リリース前日まで悩んでしまいました。 PHPによる判別 スマホ向けとPC向けのコンテンツを振り分ける際にまず思いつくのは、サーバ側のプログラムでユーザーエージェントを判別して処理を分岐する方法です。端末によってコンテンツの種類や量を調節したり
ショートコードでiOSやAndroid等にだけコンテンツを表示させられるようにするWordPressプラグイン・Mobile Content - かちびと.net
便利そうなので備忘録。iOSやAndroid、タブレットやPCサイト等にだけ、限定したコンテンツをショートコードで表示可能にする、というWPプラグインです。記事部分は共通になってしまうので、こういった方法をショートコードで出来るのは楽ですね。 ほぼ同等のものを以前の案件で作ったのですが、プラグインが存在してたのでメモ。ショートコードでモバイルデバイスにのみ表示させられるようにするプラグインです。 とはいえ、まだ使った事無いので正常動作するか不明です。その程度の記事という事でご了承ください。 記事部分は共通になってしまうのでショートコードで表示/非表示を分岐しよう、というもの。結構便利だと思います。 [ios]iOSでしか見れないよー[/ios] こんな感じで使うみたい。 用意されたショートコードはPCサイト用、モバイル用、iOS用、Android用、タブレット用、Blackberry用、k
どのブラウザでアクセスしたかを検出できるWordPressプラグイン・PHP Browser Detection - かちびと.net
ブラウザを検出出来る、というWordPressプラグインのご紹介。紹介というか、メモです。まだ時間なくて触ってないので動作テストしていませんが、使いそうなので備忘録。 ブラウザの種類を検出して条件分岐させる事が出来るWPプラグインです。結構面倒な作業だったのでこれなら楽になるかも、と期待を込めて。まだ時間が取れなくて触ってないので、正常動作するかは分かりません。 PHPで検出して分岐可能にする、というもの。1つ2つなら自分でコード書きますけど、必要検出ブラウザの量が多いならプラグインに仕事してもらったほうが合理的かも。 is_firefox($version) 有効化すれば上記のような関数を使えるようになるみたい。 場合によっては無駄にCSSやJSを読み込む必要がなくなりそうですね。 PHP Browser Detection
WordPressのカスタムメニューをアイテム毎に条件分岐で表示/非表示を設定出来るプラグイン・If Menu - かちびと.net
カスタムメニューで追加した アイテムを条件分岐で表示、 非表示にスイッチできる、と いうWordPressのプラグイン です。コードを参考にしたの でご紹介。 カスタムメニュー周りのプラグインは仕様でもよく求められることが多いので非常に助かります。このプラグインもCMSとしてWPを利用する際に役立ってくれそう。 カスタムメニュー内のアイテムを固定ページのみ、TOPページのみ、ユーザーログイン時のみ、などの条件をつけて表示/非表示できる、というもの。 プラグインを有効化すると、カスタムメニューで追加したアイテムの下部にEnable Conditional Logicというラベルの付いたチェックボックスが表示されますのでチェックを入れればセレクトボックスも表示されます。 現時点では、決められている条件が多くはなく、変更も出来ないので実際に利用する際は少しコードを弄らせてもらう事になりそうです。
管理画面内でスマフォやタブレット別にCSSを書けるWordPressプラグイン・Mobile CSS
ちょっと便利そうだったので 備忘録。スマフォやタブレット のデバイス別にそれぞれに適応 させたいCSSを管理画面内で 書ける、というWordPressの プラグインです。 スマフォでもiPhone用、Motorola用、タブレットならiPad用、Nexus用、Kindle用などのように細かく設定できます。 シンプルなプラグイン名ですが、かなりの数のスマフォとタブレットデバイスをサポートしています。個別にCSSを適応させられるのでコンテンツ次第では結構役立ってくれるかもしれません。 カスタム投稿タイプを応用してCSSを書く、と言う珍しい仕様です。いつも記事を書く場所にCSSを書き込みます。後は下部のメタボックスでデバイスを選択し、保存すればデバイスごとにCSSを適応させる事が出来ます。 他のデバイスに別のCSSを用意したい場合は、記事を追加する感覚で再度作ればいいだけ。メタボックスのセレクト
WPtap Mobile Detector がマルチサイトで動かない | 安旨ワイン探し
スマートフォン向けにテーマ切替のできるプラグイン「WPtap Mobile Detector」をインストールして設定し、うまく動いたと思っていたら、どうやらマルチサイトではうまく動かないみたい。 一つ目のサイトでは、設定画面がきちんと表示されるのだけど、二つ目以降のサイトでは、設定画面でのデバイスの追加や編集ができない(泣) せっかくうまく動いたように見えたのに・・・ Compatible up to: 2.9.4 Last Updated: 2010-5-26 となっているから仕方ないか。似たようなプラグインを探そう。 探すこと数分、「Multi Device Switcher」というプラグインを発見。 こちらは、マルチサイトでバッチリ動きました。Thingsymさんに感謝。 しかも、こんなものも発見！！ WordPressプラグイン「Multi Device Switcher」にPC/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WooCommerce Archives
Discover gists
