プラグイン無しでアクティブパラメータを付与して投稿ページのテンプレートを出し分けする方法
WordPressのカスタマイズを行っていると、記事の内容によってページの出し分けをするためにページのテンプレートをいじり、手動でテンプレートを指定することがあります。 ですが、アクティブパラメータをURLに付与して、一つの投稿ページでテンプレートを出し分けする方法があります。 もちろん、この方法でパラメータを付与して、コンテンツの出力もコントロールするので、重複コンテンツのペナルティが発生しないよう、 rel=”canonical” でURLを統一にする対応が必要ですが、検索流入を意図していない noindex を付与した広告用のLPにこの方法を使い A/Bテストを行うなど、色々な活用ができると思います。 そこで今回は、プラグイン無しでアクティブパラメータを付与して投稿ページのテンプレートを出し分けする方法についてご紹介します。
Custom Post Type UI（CPT UI）で作成したカスタム投稿タイプを指定の固定ページの下層に設置する方法 | ささたつブログ
「Custom Post Type UI」で作成したカスタム投稿タイプを指定の固定ページの下層に設置する方法を紹介します。 例えば、事業紹介ページ（スラッグ：business）の下層にカスタム投稿ページを持っていきたい場合ってありますよね。 「ドメイン名/business /カスタム投稿ページ」みたいな感じです。 今回は例でbusiness（固定ページ）の下にproduct（カスタム投稿ページ）を設置していきたいと思います。 CPT UI設定画面 まずはWordPress設定画面から→CPT UI→投稿タイプを編集をクリックして進みます。 下に進んでいくと「アーカイブあり」という項目内に アーカイブURLに使うスラッグという枠があります。 ここに親にしたい固定ページも含めてカスタム投稿タイプのパーマリンクを入力します。 「business(固定ページ) / product（カスタム投稿タイ
【WordPress】縦長の画像の幅を自動で調整する方法 | ろぐろぐみー | 人生備忘録ブログ
ワードプレスに画像を投稿した際に、横長の画像だとブログのレイアウトにぴったりとフィットするけど、縦長の画像だと大きすぎちゃうよな〜ってことがあります。 こんな感じで。 基本width:100%;だけど縦長の時は50%くらいに調整したい。 ということで画像を読み込んだときに横長の時はwidth100％、縦長の時はwidth幅を調整するコードを書きました。 画像が縦長の時はwidth幅を調整する方法 以下のコードをJavascriptに追加してください。 // 投稿した画像が縦長か横長かを判定しクラスを与える window.onload = function() { var images = document.getElementsByTagName('img'); for (var i = 0; i < images.length; i++) { var img = new Image();
リダイレクトエラーの原因と4つの改善方法 | 株式会社ココログラフ
Google Search Consoleを利用していると、「『インデックス カバレッジ』の問題が新たに検出されました」というメールが届くことがあります。 インデックス カバレッジにも種類があるのですが、今回は「リダイレクトエラー」について、その原因と改善方法について解説していきます。 インデックスカバレッジについては別記事にて解説していますので、そちらも参考にしてみてください。 リダイレクトエラーの原因 リダイレクトエラーとは、リダイレクト処理でエラーが発生している場合に表示されます。リダイレクトとは、指定のWebサイトに来訪したユーザーを自動的に指定した別ページに転送する処理のことを指します。 ドメインのよくある事例としては、ドメインのSSL化（httpからhttpsへの移行）の時やページのURLが変更された時などに使われます。 URLが変更されたページでも、リダイレクトを設定すること
テンプレートパーツを投稿画面で呼び出す方法 - Sensitivitiy
覚書メモ 投稿画面でもテンプレートパーツを呼び出すための設定 get_template_part ページによって、テーマのテンプレートファイルを選択して投稿することも出来るが、場合によってはちょっとした部分だけ変更したいだけなのにいちいちページテンプレートファイルを作っているとそれだけでページテンプレートの数が増えていく・・・。 という事や、テーマファイル内では容易にテンプレートパーツを呼び出す事も出来るけど、投稿画面では出来ない時にショートコードとして使用できるように設定。 functions.phpの設定 add_shortcode('add_part', function($attr){ ob_start(); get_template_part($attr['temp']); return ob_get_clean(); }); エディタ内への記述 [add_part temp='
Advanced Custom Fieldsで「真/偽」を使ったときのmeta_queryの指定
これで、「”check_flag”にチェックが入っていない記事」だけが表示されます。 しかし、ここで要注意なんですが、既にある程度記事がある段階で真/偽フィールドを追加した場合、このままだとうまく除外できません。 なぜかというと、上記は具体的には「値がfalse(0)である記事のみ表示させる」という意味なんですが、なんと真/偽フィールドを追加する前から存在している記事は、チェックをしていない場合に入ってる値はfalseではなくNULLだからなんですね。 そもそも値が入っていないのです。 だから、そういった場合は上記に加え「NULLのやつも表示」って書く必要があります。 $param = array( 'posts_per_page' => '3', 'post_type' => 'news', 'meta_query' => [ 'relation' => 'OR', [ 'key' =>
【WordPress】カスタムフィールドならこれ！Smart Custom Fields(SCF)の使い方完全まとめ | 東京のホームページ制作 / WEB制作会社 BRISK
TOPブログ【WordPress】カスタムフィールドならこれ！Smart Custom Fields(SCF)の使い方完全まとめ 【WordPress】カスタムフィールドならこれ！Smart Custom Fields(SCF)の使い方完全まとめ 更新日：2020/10/05 WordPressでWebサイトを作成するときに、「決まった項目をわかりやすく入力したい」「簡易的なフォームを作成したい」という場合に便利なのが”カスタムフィールド”という機能です。 WordPress標準の機能ですが、そのままだと使いにくく分かりにくいので、プラグインを使う方法が主流です。 今回はWordPressのカスタムフィールド機能を便利に使い倒すプラグイン「Smart Custom Fields」（SCFと略されることもあります）について、インストール方法から、WordPressの実装でよく使うカスタマイズ
WordPress｜パンくずリストを自作する方法 | コトダマウェブ
上記の表で分かるように「月別アーカイブページ」と「タグページ」は同じ条件分岐になりますので、まとめてパンくずリストのコードを作ることになります。 区切り文字の設定 パンくずリストの区切り文字（>）は、スタイルシートの疑似要素を使って表示させたいと思います。下記がそのサンプルです。 ボタンで表示を切り替えてご覧ください。 See the Pen breadcrumb by kenichi (@ken81) on CodePen. つまり、今回のパンくずリストはliタグで作成します。 骨組みとなるphpコード 上記までの情報をもとに骨組みとなるソースコードを作ってみました。ここでは、パンくずリストを表示させる関数名を「breadcrumb」とします。 function breadcrumb() { $home = '<li><a href="'.get_bloginfo('url').'" >
【Contact Form 7】サンクスページの作り方と複数のお問い合わせフォームを振り分ける方法
Contact Form 7でサンクスページってどうやって作るの？あとフォームごとにサンクスページを分ける方法ってある？ お問い合わせフォームで送信された後に表示する『お問い合わせ頂きありがとうございました』というお礼のページを『サンクスページ』と呼びます。 WordPress制作では非常によくある実装ですが、Contact From 7にはサンクスページを作る機能はありません。 また1つのサイトにお問い合わせフォームが2つ以上ある場合、それぞれ別の目的で作られている事がありサンクスページもそれに合わせて変えたい場合があります。 今回はサンクスページの作り方と、複数のフォームを振り分ける方法について解説します。 サンクスページの前には当然お問い合わせフォームを作る必要があるので、お問い合わせフォームの作り方は以下の記事を参照下さい。
WordPress：エディタにショートコードを挿入するボタンを追加する方法 - NxWorld
ショートコードを利用することでテンプレートやちょっとした機能を簡単に呼び出すことができるようになりますが、それをより簡単に扱えるようにするためにエディタにショートコードを挿入するボタンを追加する方法を紹介します。 ショートコードを作成 まずは使用するショートコードを作成していきます。 ここでは例として<div class="example"></div>を出力するというもので、functions.phpに下記を記述します。 function example_shortcode( $atts, $content = null ) { return '<div class="example">' . $content . '</div>'; } add_shortcode( 'example', 'example_shortcode' ); 上記ショートコードを登録すると、例えば[exampl
コンタクトフォーム7 【日本語→英語】の表記 。お問い合わせを英語表記したい人に向け日英のそれぞれの文章一覧。【Contact Form7・WordPress】
コンタクトフォーム7 【日本語→英語】の表記 。お問い合わせを英語表記したい人に向け日英のそれぞれの文章一覧。【Contact Form7・WordPress】2019.03.25ウェブサイト HOMEウェブサイトコンタクトフォーム7 【日本語→英語】の表記 。お問い合わせを英語表記したい人に向け日英のそれぞれの文章一覧。【Contact Form7・WordPress】 【公開日】2019/03/25 ｜ 【更新日】2020/04/20 ※この記事は2020年4月に更新しています。 お仕事上、英語サイトをWorPress（ワードプレス）で制作する機会があり、その時に調べたので備忘録がてら記載。 今回はWordPressでよく使用される有名なプラグインでもある「コンタクトフォーム7（Contact Form 7）」をお問い合わせ用に英語表記したい人用に、各エラー時の日本語・英語の順で記載し
カスタムタクソノミーのアーカイブページ(taxonomy-.php)で投稿の表示件数を変える方法 | gakuchi
自分用のWordPressメモになります。 タクソノミーの記事一覧を表示させるためには、以下のファイルを作成する方法があります。 taxonomy-[slug].phptaxonomy.php これらのファイルの中に書くコードの補足説明になります。 例えば、あるカスタム投稿を作って、その中にターム（カスタムタクソノミー）を作ったとします。 そのターム（カスタムタクソノミー）に属するカスタム投稿記事一覧を表示させ、さらにその投稿の数を制御したいという場合の対処法です。 <?php $term_object = get_queried_object(); // タームオブジェクトを取得 $term_slug = $term_object->slug; // タームスラッグ $args = array( 'post_type' => 'カスタム投稿タイプ名', 'taxonomy' => 'カス
【WordPress】カスタムタクソノミーに追加したカスタムフィールドの画像を取得する方法 | Recooord | Web制作で扱うコーディングスニペットを紹介
HOMEWordPress【WordPress】カスタムタクソノミーに追加したカスタムフィールドの画像を取得する方法 【WordPress】カスタムタクソノミーに追加したカスタムフィールドの画像を取得する方法 WordPress カスタムタクソノミーに画像項目を追加する場合は「Advanced Custom Fields」というプラグインを利用してカスタムフィールドを追加します。 Advanced Custom Fieldsで画像フィールドを追加 カスタムフィールドを新規追加します。 フィールドラベル、フィールド名は任意の名前にして、フィールドタイプを画像にしてください。 どの編集画面にカスタムフィールドを表示するのか選択します。 左から「タクソノミー・等しい・カテゴリー（タクソノミー）」を選択します。 ここまで設定したら保存してください。 カスタムタクソノミーの編集画面に移動すると、画像
先頭固定記事の使い方まとめ〜サブループでも有効化＆記事数も合わせる
WordPressには、特定の記事を先頭に固定表示させる機能があります。 記事の中でも特に重要なもの・目立たせたいものを、記事一覧の先頭に固定して表示できるので、「はじめにお読みください」とか「今月のお休み」など、他の記事に埋もれてほしくない記事に便利です(^^) この機能自体は、はじめからWordPressに用意されていますが、例えばサイトのトップページなど、任意の場所にサブループで表示させた記事一覧にも対応させるにはテンプレート側で対応が必要です。 まずは固定記事を表示させ、その後にその記事を省いた他の記事を指定したmax表示件数の残り件数分表示させるかたちです。 この記事では、先頭固定記事の作り方、装飾方法、サブループでの表示方法などをシェアします♪ ！この機能は、通常の投稿のみで、カスタム投稿タイプは対象外なので注意してください。 （カスタム投稿タイプで同様のことを行いたい場合はカ
WordPress管理画面の投稿一覧でアイキャッチ画像用カラムを追加しても画像だけ表示されない時に確認したいこと | WEMO
フィルターフックとアクションフックがされていますね。 アイキャッチ画像のための列を追加しますよ、というフィルターフックと、その列に画像を表示させるよ、というアクションフック。 今回陥った、「アイキャッチ画像」というテーブルは追加されるのに画像が表示されないという現象から考えると、2つ目のアクションフックだけ反応していないことが推測されます。 「manage_posts_custom_column カスタム投稿」 とかで調べてみると答えを発見できました。 パパッと調べるだけでは冒頭のコードだけを記載しているサイトが多く、それでOKだと思ってましたが、投稿タイプによってフック先が違うみたいです。 各投稿タイプでのフック先 列を追加する一つ目のフックについては、 投稿ページでは : manage_posts_columns 固定ページでは : manage_pages_columns 特定のカス
wordpressで自動生成される画像ページで困ったことと対処法
古いwordpressは画像ページというものを画像投稿の際に生成しています。これは特定のphpテンプレートに投稿した画像が一枚ぽつんとあるだけのページで、seo的に意味が大変薄いうえに、ページのスラッグを画像のファイル名で専有するので、サイトの運営上不都合が多いです。 最近ではwordpressの初期設定でこのページは生成しないがデフォルトになっているようなのですが、古いwordpressのリニューアル調整を依頼された際にこの問題に直面したので、今回はその対処法をお伝えします。 画像ページとは 画像ページは生成する設定になっている場合、wordpressに画像を投稿した際に自動的に生成されています。画像ページへのテンプレート割り当ては以下のようになっています。 MIME_TYPE.php（image.php、video.php、audio.php、application.php、その他 M
画像サイズ追加&管理画面から選べるようにカスタム
「アップロードした画像を自由なサイズにしたい」 「管理画面から選べるようにし、クライアントが選択できるようにしたい」 WordPressをカスタマイズしているとこのような希望がでてくることがあると思います。 そこで今回は「任意の画像サイズを追加」し、「管理画面から選択できる」ようにカスタマイズする方法をご紹介します。もちろんプラグインは利用しません。 元画像はこちら 投稿画面で画像をアップロードすると（下の画像は編集からの画面ですが、、、） プレビューしてみると、設定したように400×400のサイズで画像が表示されているのが確認できました。 切り抜き版と通常版の違いはこのようになります。 カスタマイズ方法 以下をfunctions.phpに追加します。バックアップは取っておきましょう。 /* * 画像サイズ追加&管理画面から選べるようにカスタム */ function add_custom
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressでのページネーション実装方法。プラグインあり／プラグインなし｜WordPress特化型メディアサイト【WPWeb】
WordpressインストールTips - ループの最初の記事と最後の記事を判定する
[wp]複数のカスタム投稿一覧の時に、一つのカスタム投稿だけターム指定をしたい。