» WordPressで、あるカテゴリの最新記事の日付にもとづいて、ナビゲーションメニューにNEW!マークを表示させよう！
2018/03/11 その他 今回は、「NEWS」の部分に「NEW!!」を表示したい！という願いを実現させます。 もう少し具体的には以下の通り。 ・wordpressで ・NEWSやTOPICSのカテゴリの最新記事から日付情報を取得し ・その日付情報をもとに、1週間以内の投稿がある場合は ・メニューの【NEWS】や【TOPICS】の部分に「NEW!!」マークを表示させる ということを実現したい！！ WordPressの特定カテゴリの情報を引っ張ってくる WordPressで特定カテゴリの最新記事を1件だけ表示する NEW!!マークを表示する！ 以下、mysql壊れてるんかな、h外してお送りします。 しかし経験に基づいた非常に洗練された記事！ WordPressでNew!を表示するパターン別４つの方法 ttp://wp3.jp/2011/12/25/wordpress-new/ 上記の２つの
img srcの記述を拾って画像を取得し表示するタグの「Undefined offset: 0」を修正
img srcの記述を拾って画像を取得し表示するタグを使っていたが、imgタグ内でphpのエラー表示「Undefined offset: 0」が出るようになったので、修正した時のメモ。 アイキャッチを登録しなくても記事内の画像を拾って表示してくれるタグ トップページやカテゴリーアーカイブなどの記事一覧でタイトルと共に画像も表示したい。しかしアイキャッチ画像を登録していない、という場合がけっこうある。 そこでアイキャッチ画像の登録が無い場合でも記事一覧に画像を表示しようと、functions.phpでWordPressの投稿記事内の画像の最初の1枚をサムネイルとして表示する方法で紹介されている「img srcの記述を拾って画像を取得し表示するタグ」を使っていた。 アイキャッチの登録の省略できるので、WordPressの記事投稿に不慣れなクライアントのためにも便利だから、今後も使いたい！だから
WordPressの新機能 複数タクソノミークエリーまとめ – Simple Colors
先日、「WordPress 3.1 RC3 をみんなでテスト！ 」に参加し、その際、複数カスタムタクソノミークエリー（en. Multiple Taxonomy Handling）のテストを担当させてもらいました。 ついでに、仕様などについても探ってましたので、まとめてみることにします。 複数タクソノミークエリーとは なるべく正確に言うと、query_posts または get_posts の引数に新たに設けられた tax_query により、カテゴリー、タグ、カスタムタクソノミー等による記事抽出条件を、複数かつ様々なパラメータで細かく設定できる機能。 tax_query の値は、抽出条件毎の配列と各条件の結合方法（パラメータ名：relation）で構成される。 こう書いても、分かりにくいと思いますので、もっとかみ砕いて、粉状にして言うと「これさえ憶えておけば、WordPressでの絞り込
WordPressの固定ページテンプレートをフォルダで分ける - Qiita
wp-content/themes/(テーマ名)/company/index.php - companyのテンプレート wp-content/themes/(テーマ名)/company/about.php - company/aboutのテンプレート <?php // テンプレートがあるかをチェック $url = $_SERVER['REQUEST_URI']; $url = explode('?', $url); $url = $url[0]; $path = get_template_directory() . substr($url, 0, strlen($url) - 1) . '.php'; if (file_exists($path)) { include($path); exit(); } // index.phpを付加して検索 $path = get_template_di
WordPressで投稿内の最初の画像を取得/出力する方法 | TechMemo
WordPressで投稿一覧などにサムネイルを表示する際は、アイキャッチ画像を利用することが多いです。しかし、アイキャッチ画像ではなく、投稿内の1枚目の画像をサムネイルとして使いたいというケースもあると思います。 Auto Post ThumbnailやXO Featured Image Toolsを使えば、投稿内の画像をアイキャッチ画像に自動登録してくれます。これらのプラグインを使えば、投稿一覧でアイキャッチ画像をサムネイルとして表示している場合でも対応可能です。 ですが、テーマ側で対処することも可能なので、その方法をご紹介したいと思います。プラグインを使いたくないとか、もっと柔軟にカスタマイズしたいという場合は、ぜひ参考にしていただければと思います。 WordPressで投稿の最初の画像を取得/出力する方法 まずは、適用しているテーマのfunctions.phpに以下を追加します。 f
カスタム投稿タイプのターム一覧が404に飛ばされてしまう
オリジナルテーマでカスタム投稿タイプのターム一覧の為にtaxonomy.phpを用意したのですが、URLを見ると404.phpに飛んでしまいます。 作成した内容 カスタム投稿タイプはCustom Post Type UIを使用して２つ作成しました。 Custom Post Type Permalinksでパーマリンクの設定をしました。 やってみたことと結果 テーマをTwenty Fourteenにしても結果は同じでした taxonomy.phpの他にもtaxonomy-カスタムタクソノミー-カスタム分類.phpのテーマを作成してみたのですが、結果は404行き CPT UIの設定で、ブログに調べた際に出てきた設定を下記に見直しましたが結果は同じでした 投稿タイプ側 has_archive: true has_archive_string:(指定しました) exclude_from_searc
【WordPress】記事内の最初の画像をサムネイルとして取得する方法【全サイズ・srcset＆sizes対応版】 - Qiita
投稿内の最初の画像をアイキャッチにする WordPressの記事一覧などで『アイキャッチ画像が設定されていればそれを取得し、設定されていなければ投稿内の最初の画像を取得』する方法は、調べればすぐ出てくる。 → WordPressで記事内の最初の画像をアイキャッチ代わりに使う方法 → 記事内の一番最初の画像を取得してサムネイル画像表示 function catch_that_image() { global $post, $posts; $first_img = ''; ob_start(); ob_end_clean(); $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches); $first_img = $matches [1] [0]; if(empty
All In One SEO Packのアーカイブページのフックが反映されない
All In One SEO Packをインストールし、 今までfunctions.phpで以下のようなフックを記述し、 アーカイブページでtitle、description、keywordsを設定していました。 ですが、All In One SEO Packを3.7.1→4.0.9へバージョンアップした際に、反映されなくなってしまいました。 【title】 add_filter( 'aioseop_title', 'custom_aioseop_title' ); function custom_aioseop_title( $title ) { if ( is_archive() ) { $title = 'page title here ...'; } return $title; } 【description】 add_filter( 'aioseop_description',
WordPress：Gutenbergでデフォルト表示されているブロックを非表示にする方法 | NxWorld
July 26, 2021 追記 バージョンアップによってフック変更・新ブロック追加・ブロックスラッグの変更などあったために、ここで紹介している内容をそのまま利用できない部分があります。 Ver 5.8以降でのブロック表示制御については、「WordPress：Gutenbergのデフォルトブロックを非表示にする方法（Ver 5.8対応）」を参考にしてください。 正確には表示させたいものを再度設定するという形なので、特定のブロックを非表示にするのにはもっと適した方法がありそうですが、とりあえず備忘録。 Gutenbergには下のイメージのように沢山のブロックが用意されており、現時点の最新であるVer 5.0.1で5グループの63種類あります。 これらのブロックを利用することで様々な見栄えを表現することができるのですが、中にはサイトやクライアントにとっては不要なものもあったり、場合によってはデ
カテゴリー毎に記事投稿一覧を表示する | WPスイッチ
トップページ等に最上位のカテゴリーと、それぞれのカテゴリーに属する投稿を取得して一覧表示する場合の記述です。 "query_posts"を使用して出力する方法を見かけますが、現在では"query_posts"は非推奨となるため、ここでは"WP_Query"を使用しています。 参考：WordPress Codex 日本語版 テンプレートタグ query posts index.php等<?php $categories = get_categories(array('parent' => 0)); //最上位のカテゴリーのみを取得する foreach ($categories as $category): ?> <h2><a href="<?php echo esc_url(get_category_link($category->term_id)); ?>"><?php echo $cat
【reCaptcha V3】Contact form 7 5.1.1でメール送信不可【全てスパム判定】
WordPressが半ば強制的にWordpress 5.xにVersion Upされて、お問い合わせページで使っているContact form7もVersion 5.1にアップデートとなり、その結果、Contact form7で使っているGoogle reCaptchaもV2からV3にアップデートするしかなくなりました。 reCaptchaをV2からV3に上げた時にreCAPTCHAのアイコンが常に表示される変更があり、それがかなりウザいので消す方法を以下の記事に書きました。 参照：Google reCAPTCHA v3のアイコンを消す方法 その後、Contact form7 + reCaptcha V3の組み合わせで、こちらのサイトでは特に問題が出ていなかったのですが、別のサイトでContact form7からメールが送れないという報告を頂きました。 自分で確認してみると、メールの内容に
WordPress ブロックエディター(Gutenberg)カスタマイズあれこれ - Qiita
WordPress 5.0から導入されたブロックエディター(Gutenberg)のカスタマイズ方法や、関連するオプション、新しく導入された設定について見ていきます。オフィシャルの テーマサポート の内容をベースに、独自の情報を追加しています。 更新履歴 2021/06/11 - ブロックフォントサイズの shortName が無くなったので削除。ブロックパターンの削除、カスタム単位、カスタム行間について追加。 2021/01/10 - グラデーション設定を追加。 2020/06/19 - 投稿タイプ別に使えるブロックを制限する方法を追加。 2020/05/24 - ブロックスタイルの削除について追加。 2020/04/22 - 後方互換性についての注意を追加。ダークモードの記載追加。 2020/02/20 - Gutenberg 7.5 でインラインの文字色編集が追加されたので記載。 20
Lazy Blocks - Gutenbergのカスタムブロックが管理画面から作成できるWordPressプラグイン | ブログ | 静岡県のホームページ制作 | 6666666 セブンシックス
ごきげんよう、Gutenbergを使っていますか？まだClassic Editorが恋しいですか？セブンシックスでは、標準で導入するプラグインの見直しなどを経て、クライアント案件でもGutenbergを積極的に採用しています。今回は、Gutenbergを採用した開発時に嬉しいプラグイン「Lazy Blocks」の紹介です。 Lazy Blocksとは Lazy Blocksは、コーディング知識なしでGutenbergのカスタムブロックを作成できるWordPressプラグインです。 公式サイト https://lazyblocks.com/ ダウンロード https://wordpress.org/plugins/lazy-blocks/ これまでGutenbergは、カスタムブロックを追加する難易度の高さがネックでした。例えば「AddQuicktag」などで実現していた独自のマークアップを
WordPressで制作したサイトが「モバイルフレンドリーではありません」と表示されたら
先日、Google検索結果でこのブログが表示されたときに「モバイルフレンドリーではありません」という表示が出ていることに気づきました。 気になって以下のページにURLを入力して調べたところ、WordPressのプラグインから出力されているCSSがGoogleにインデックスされないようブロックされており、それによってレイアウトが崩れてしまったようです。 モバイル フレンドリー テスト – Google Search Console この記事では、そのような場合の対処法について書いています。 対処法 最初に結論を書くと、昔から使用しているWordPressの場合、WordPressインストールしたフォルダー（ディレクトリ）にある robots.txt というファイル内に以下のように書かれている場合があります。 （最近新しくインストールしたWordPressではこの行はないはずです） Disal
WordPress » WordPressサイトの移転方法（マルチサイトにも対応） | MORILOG
WordPressサイトの移転には、エクスポート・インポート機能を使う事ができます。しかしこの機能で対応できるのは記事とメディアのみです。WordPress設定や「リンク」、プラグインの設定などは移行する事ができないので、移転元のサイトを見ながら一つずつ設定しなくてはならず、サイトによっては大きな労力になり、また移行に漏れが生じる恐れがあります。 そこで、WordPressのエクスポート・インポート機能に頼らず、記事から設定までまるごと移行する方法を試してみました。 マルチサイトについて 以下の方法はWordPressのマルチサイトにも対応していますが、このような条件で行っています。 マルチサイトはサブディレクトリ方式です。 移転元も移転先も同じサブディレクトリ名で移行します。 必要なもの 移転作業で必要な物をまとめてみました。 移転元サイト（当たり前ですが） 移転先になるサーバとデータベ
プラグインを使わず行う WordPressマルチサイトのサーバー移行と気を付けるべきポイント
先に謝ります、何かすいません。。。 さて、話しを本題に移しますが、Webサイトをリニューアルする際、運用中のサイトはそのままで、開発環境を別で用意して構築を進めるというやり方は、比較的よく行う施策だったりします。 開発環境を分けるメリットとして、構築中の未完成の Webサイトをエンドユーザーに見られなくて済むため、大胆なリニューアルを行うことが出来ます。（開発環境は非公開領域として認証をかけます） ただ、開発環境と運用環境の組み合わせは無数にあり、中には聞いたことも触ったこともないようなサーバーにて構築・移行しなければならないこともあり、調べながらトライ & エラーを繰り返すつまずきどころでもあります。 今回、マルチサイトの移行を行い、やっぱり色々つまづきました。そこで、マルチサイトを移行する際の手順や気を付ける点など、経験を元にご紹介致します。 WordPressマルチサイトとは 1つの
これは便利！WordPressのWP_Queryでよく使うコードスニペット | それからデザイン スタッフブログ
WordPressでテーマをカスタマイズしていると、WP_Queryを用いて少し複雑な条件で投稿記事のリクエストをしたいことがあります。 例えば、物件の検索サイトなどでよくみられる「最寄駅」「間取り」「価格」といった複数の条件が一致した記事を絞り込む機能なども、WP_Queryに条件となるパラメーターを送ることで、わざわざ複雑なプログラムを自前で書かなくても、WP_Queryが一括して処理をしてくれるのでとても便利です。 呼び出したい記事の抽出条件がよほどイレギュラーでなければ、WP_Queryで大抵の条件にマッチした記事を呼び出せるのではないでしょうか？ WP_Queryは、多くの抽出条件をカバーしているだけあってパラメーターの組み合わせが豊富です。 新しい仲間とチームでWordPressのカスタマイズをすることが多くなってきたので、今回は、このWP_Queryのパラメーターをスニペット
contact form7用のテンプレート…都道府県・生年月日など
WordPressではお問い合わせフォームやアンケートフォームが簡単に作成できるプラグイン『contact form7』が人気があります。Wordpressを利用しているサイトであれば『contact form7』を使用しているという方が多いのではないでしょうか。 使用方法も簡単なので多くの方は問題なく利用できているのではないかと思います。しかし都道府県や生年月日をドロップ・ダウンメニューで選択させたい場合など、作成が面倒なパーツもあります。このページではお問い合わせフォームやアンケートフォームで使用できるcontact form7用のコードを紹介致します。コピーしてご利用いただけますので、ぜひご活用下さい。 [select menu-todouhuken "北海道" "青森県" "岩手県" "宮城県" "秋田県" "山形県" "福島県" "茨城県" "栃木県" "群馬県" "埼玉県" "
カスタム投稿タイプ ターム毎の一覧ページを作る - webデザインの備忘録 ｜ Web Design Memorandums
wordpressのカスタム投稿タイプ、便利ですよね。 オリジナルの投稿タイプを作成する事によって 通常の投稿（ブログ）とは別で且つ個別ページではなく 投稿する感じで簡単にページを増やす事ができたり。 カスタム投稿タイプの導入方法や個別ページへの表示方法 及び一覧ページ（アーカイブページ）への表示方法は沢山の素晴らしいサイトが とても分かり易くご教示くださっているのでここでは省きます。 でですね。 今回私がやりたかった事は カスタム投稿タイプのアーカイブ及び個別ページにパンくずを付けたんですよ。 でね、パンくずって事は HOME > カスタム投稿タイプアーカイブページ > ターム > 個別ページタイトル 多少違いがあれどこんな感じになりますよね？ で、『カスタム投稿タイプアーカイブページ』と『個別ページタイトルのページ』はいいんですよ。 多くのサイトがそう言っている様に archive-カ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressで画像情報を個々に取得する。 – AGN Web team
