WP_Queryによるサブループの基本の使い方 とりあえず、WP_Queryを用いたサブループの基本的な使い方から。いつもこれをコピペしてから引数をいじってます。 サブループの大枠となる雛形コード <?php //$argsのプロパティを変えていく $args = array( 'post_type' => 'post', 'posts_per_page' => -1, 'no_found_rows' => true, //ページャーを使う時はfalseに。 ); $the_query = new WP_Query($args); if ($the_query->have_posts()) : while ($the_query->have_posts()) : $the_query->the_post(); /* ループ内の記述 */ endwhile; endif; wp_reset_

Contact Form 7のメールフォームプラグインを有効化すると、contact-form-7/includes/css/styles.cssとcontact-form-7/includes/js/scripts.jsのファイルが、ブログ内のすべてのページで読み込まれます。 サイドメニューやフッターにコンタクトフォームがある場合は別なんですが、お問い合わせページだけでContact Form 7のフォーム使っている場合は、その固定ページが表示された時のみCSSなどをロードしたいものです。 ということで今回は、特定のページの時だけContact Form 7のCSSファイルなどを読み込ませる方法について解説していきたいと思います。 Contact Form 7のJavaScriptとCSSを、お問い合わせページにだけロードさせる方法 ざっくり、以下の流れになります。

2024年04月06日非レスポンシブのサイトをレスポンシブ化いたしました。2024年04月05日テーマファイルが編集できない不具合を解消いたしました。2024年04月04日WordPress、テーマ、プラグイン、のバージョンアップを担当いたしました。2024年04月03日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年04月02日お問い合わせフォームを再構築いたしました。2024年04月01日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月31日サーバー移管に共に表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月30日WordPressの操作方法をサポートいたしました。2024年03月29日サイドバーに人気記事を表示させる仕組みを導入いたしました。2024年03月28日テキスト等の簡易な修正を

WordPressを利用してWebサイトを作成されているのであれば、SEOはカテゴリページにも気を使っていますか？ カテゴリページはトップページや記事ページよりもSEO的な面で軽視されがちなのですが、カテゴリページも検索結果に表示される大切なページです。単なる記事一覧が表示されるページだと考えて、しっかり手を入れないのは非常にもったいないですよ！ 以前にもカテゴリページ毎に異なるオリジナルコンテンツを入れることで、カテゴリページが検索結果に表示されやすくなり今以上のアクセスを獲得することが可能であると記載したことがあります。 カテゴリページのタイトルを自由に変更・設定するWordPressの場合、カテゴリページのタイトルは［カテゴリ名 – ブログ名］のようにかなり単調なものになってしまいます。例え検索結果に表示されてユーザーの目に留まっても、［カテゴリ名 – ブログ名］のような単調なタイト

WordPressサイトを制作している時に「このカテゴリーの一覧ページではボタンを表示させたい」とか「あのカテゴリーの記事ページだけこのテキストを表示させたい」とか、特定のカテゴリーに応じて変化を加えたいことってありますよね。 今回はそんな時に確認してほしいカテゴリーによる条件分岐の書き方をまとめました。 カテゴリーの記事一覧ページでよく使うis_categoryの条件分岐記事一覧を表示させるためにループをさせている箇所や、アーカイブページでは条件分岐のためにis_categoryというタグを利用することが多いです。 実際の書き方を見て行きましょう。 指定箇所がカテゴリーの記事一覧だった場合に条件分岐させる

記事情報だけが欲しいのに、サイドバーやヘッダー・フッターなどのデータも毎回読み込むから表示も遅い。 そこで本稿で紹介したいのは「Infinite Scroll」です。 これを実装すれば、ページ遷移せずに過去の記事を読み込むことが出来るので、過去の記事をサクサクっと呼び出せるようになります。 コードも短く、JavaScriptが苦手な人でもカンタンに実装できるので初心者にもオススメです。 デモページはこちら Infinite Scrollのデモページ アーカイブページのHTML要素を確認 archive.php、category.php、taxonomy.phpなど、記事の一覧を表示するテンプレートファイルを編集します。 必要に応じて、実装したいページに同じ変更を加えてください。 念の為、ファイルをコピーして「category_backup.php」など名前を変えてバックアップしてくださいね

wordpressを使用した、ブログ等のカスタマイズで記事詳細ページで同じタグが付いた記事を呼びたい時のメモ。 wordpress見ている記事（シングルページ）に同一タグの記事を呼び出す <?php $original_post = $post; $tags = wp_get_post_tags($post->ID); $tagIDs = array(); if ($tags) { $tagcount = count($tags); for ($i = 0; $i < $tagcount; $i++) { $tagIDs[$i] = $tags[$i]->term_id; } $args=array( 'tag__in' => $tagIDs, 'post__not_in' => array($post->ID), 'showposts'=>4, 'ignore_sticky_posts'

今回は、WordPressでtitleタグの中にタイトルを出力する方法です。 古いやり方（非推奨） 以前は、タイトルを出力するために、wp_titleという関数を使っていました。 <title><?php wp_title( '|', true, 'right' ); ?><?php bloginfo( 'name' ); ?></title> しかし、こちらの関数はWordPress4.4以降では非推奨となっています。 新しいやり方 4.4以降でタイトルを出力するには、functions.phpに以下のコードを追加します。 add_theme_support( 'title-tag' ); これで、wp_head()で自動的にタイトルが出力されるようになります。 タイトルのカスタマイズ 出力するタイトルをカスタマイズすることもできます。 通常は、「タイトル – サイト名」と出力されます。

条件分岐とは？ 条件分岐は、「指定された条件に合うか、合わないか」を判断し、その判断に応じて処理を実行させることができます。 これを使うことにより、同じテンプレートでも異なる条件での適用で、全く違う見栄えにすることも可能です。 まずは基本的な条件分岐の書き方を確認しましょう。 条件分岐（if文）の基本的な書き方 条件分岐は、PHPというプログラミング言語で記述します。

editor-style.cssが反映されない場合のチェックポイント 確認する場所は次の通り。 ブラウザキャッシュの影響（ブラウザのキャッシュを削除してみる）TinyMCE Advancedプラグインの設定スペルミス（functions.php内の） 僕の場合ですが、過去にeditor-style.cssが反映されなかったときは、この3点に原因がありました。 ブラウザのキャッシュをクリアする WordPressの管理画面（記事編集画面）を開いた状態で、（Windowsなら）Ctrl+F5、（MACなら）command＋shift＋rで、もしくはブラウザの設定からキャッシュを削除できます。 TinyMCE Advancedプラグインを使用している場合 TinyMCE Advancedプラグインを使用している場合は、管理画面でeditor-style.cssを使用するにチェックを入れます。 ス

PICK UP A8フェスティバルオンラインセミナーで「売れるサイトmakerに聞く！サイト作成スタートアップガイド」というテーマでセミナー講師としてお話しさせていただきました。 個別指導Webスクール 個人事業主様・経営者様・起業副業など自分のビジネスのためにホームページの作り方を習得するスクール

実はテスト環境を作っていなかったので、デザインなど色々いじるために今更ながらMAMPでテスト環境作っておきました。簡単なんですねー。 知識ゼロだけど5分でできました 参考にしたのは下記のサイト。手順などはこちらのサイトそのままです。 MAMPでWORDPRESSのローカルテスト環境を作る | nilorior まずはMAMPをダウンロード＆インストール。よくわからないのので、とりあえずPROじゃない普通のMAMPにしておきました。 インストールしようと思ったら、セキュリティ設定を変える必要があるとのこと。環境設定からセキュリティを開き、鍵ボタンをクリックして「すべてのアプリケーションを許可」。 無事にインストールできました。 なぜかPRO版も入ってしまったのですが、とりあえずノーマル版を起動。サーバー動かします。 さて、お次はwordpressをダウンロード＆インストール。 ダウンロード後

MAMP（マンプ）を利用してMacにWordPressのテスト環境（テストサーバー）を構築する手順を紹介します。Macユーザー向けの記事です。 MAMPは、ローカルのMacに簡単にWeb開発のテスト環境を構築できるアプリケーションです。 Apache・Nginx・MySQL・PHP・phpMyAdminが利用できます。 PHP・MySQLが利用できるので、WordPressをインストールして利用できます。 この記事では、ローカルのMacにインストールしたMAMPにWordPressを設置して、それをテスト環境とする手順を説明しています。 WordPressテーマやブログ全体に変更を加える際は、ローカルにあるテスト環境で試した上で本番サーバーにアップロードする方が安全です。ローカルにテスト環境を用意しておくと、色々試せるので役に立ちます。 WordPressを利用しているMacユーザーの方は

Naifix で公開していた以下のページは削除されています。 WordPress プラグイン関連 以下の記事で紹介・解説していたプラグインは何年も更新されておらず、最新版の WordPress で検証したところ正常に動作しないことが確認されたため削除しました。 WordPress のちょっとしたカスタマイズに便利な WP Theme Test https://naifix.com/wp-theme-test/ WordPress テーマカスタマイズに便利な「Theme Test Drive」の使い方 https://naifix.com/theme-test-drive/ ツイート数やはてブ数を取得して高速表示できる SNS Count Cache の使い方 https://naifix.com/sns-count-cache/ Facebook の「いいね！」が激増する WordPres