サーバーのphpを7.0にした際に出る【Warning: Declaration of My_Walker::start_el〜】の対処方法 | oku-log
サーバーのphpを7.0にした際に出る【Warning: Declaration of My_Walker::start_el〜】の対処方法 WordPressでカスタムメニューの出力をカスタムしようと【Walker_Nav_Menu】のコードをfunction.phpに記述して公開したところ、こんなエラーが。 【 Warning: Declaration of My_Walker::start_el(&$output, $item, $depth, $args) should be compatible with Walker_Nav_Menu::start_el(&$output, $item, $depth = 0, $args = Array, $id = 0) in /xxxxxxxxxxx/wp-content/themes/xxxxx/functions.php on lin
クラシックテーマ制作者の私がブロックテーマ制作で悩んだこと | Cherry Pie Web
これからのWordPressの制作の中心となる「ブロックテーマ」 ほぼノーコードで制作するブロックテーマを使った制作手法（FSE：フルサイトエディティング）は、従来のPHPでテンプレートを作成する方法とあまりにも異なっています。 WordPressデフォルトテーマとして初めてのブロックテーマである「Twenty Twenty-Two」が同梱されたWordPress5.9がリリースされたのが2022年1月。 それからすでに2年が経過していますが、未だにチュートリアル的な情報以上のものが少ないのが現状です。 そんな中、クラシックテーマで制作されていた本サイト（Cherry Pie Web）をブロックテーマでリニューアルいたしましたので、制作メモをまとめて記事にいたしました。 ブロックテーマでの制作を始めたいけれど、クラシックテーマに慣れきってしまってどうしようと思っている方に少しでも参考になれ
ブロックエディター私的マニュアル - ブロックエディター私的マニュアル（α）
内部ブロック名：core/paragraph ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「一般ブロック」から「段落」をクリックします。 なお、ブロックのデフォルトは段落になっているので、選択しなくて […]
【WordPress】ユーザーのアバターのURLを取得する方法
WordPressで任意の記事の投稿者アバターのURLを取り出す方法。備忘録です。 ループ内で以下のコードを記述すればOKです。 簡単でしたね。 <?php $author = get_the_author_meta('id'); $author_img = get_avatar($author); $imgtag= '/<img.*?src=(["\'])(.+?)\1.*?>/i'; if(preg_match($imgtag, $author_img, $imgurl)){ $authorimg = home_url().$imgurl[2]; } ?> <?php echo $authorimg ?> 過去に投稿した記事も参考にどうぞ。 【WordPress】Gravatarを使わずにプロフィール画像を登録する方法［WP User Avatars］の使い方
WordPressに登録されているタグの一覧をリスト表示させる方法 | TechMemo
WordPressには、タグのリンク一覧を表示できる”タグクラウド”というウィジェットが、デフォルトで用意されています。今回は、テーマ内にコードを記述することで、タグクラウドを使わずにタグの一覧を表示させる方法を紹介したいと思います。 すべてのタグを一覧表示させる方法と表示数を指定する方法の2パターンご紹介いたします。 タグの一覧をリスト表示させる方法 単純にすべてのタグ一覧をリスト表示させたい場合は、表示したい箇所に以下のコードを記述します。 <ul> <?php $posttags = get_tags(); if ($posttags) { foreach($posttags as $tag) { echo '<li><a href="'. get_tag_link($tag->term_id) .'">' . $tag->name . '</a> ('. $tag->count .
WordPress: アイキャッチ画像URLの取得は get_the_post_thumbnail_url | WWWクリエイターズ
WordPressで、投稿のアイキャッチ画像のURL（文字列）を一発で取得する関数「get_the_post_thumbnail_url」が、Wordpress version4.4 でついにリリースされました！（２０１７年１２月） やった〜。逆になんでいままでなかったのでしょうか。 胸のつかえが取れた気分です。 アイキャッチ画像のURLを出力する関数 まずは関数です。ズバリ：the_post_thumbnail_url() // アイキャッチ画像のURL文字列を出力する the_post_thumbnail_url( 'medium' ); サイズは、’thumbnail’, ‘medium’, ‘large’, ‘full’, の中から好きにしてください。 引数で投稿IDを渡せないのは、不便ですが、the_xxxxの、theで始まる関数は、メインループ内での利用を意図されているというこ
【超簡単】WPでブロックエディタを自作できる、ACFとは？手順も解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！「御徒町」を「つれづれまち」と読んでいたバックエンドエンジニアのまうみです。 今回はみんな大好きなWordPressプラグイン「Advanced Custom Fields PRO」（以下、ACFと省略）を使った、自作ブロックエディタの設定方法を紹介したいと思います。 ブロックエディタを自作する方法はいくつかあります。しかし、Reactの知識やjsをbuildするための環境構築が必要ですし、WordPressの実装経験がある方でも、ハードルが高い印象を受けるかもしれません。 また、WordPress本体のアップデートに合わせてメンテナンスをしていく必要もあります。いくらブロックエディタ自体の利便性が良くても、制作やメンテナンスにコストがかかるのは極力避けたいですよね。 そういったハードルをACFを使用することで解決し、簡易的にブロックエディタを開発することが可能です。ゼロからブ
WordPressのコードエディタで改行が消える・改行されない場合【Gutenbergコードエディタ】
「Classic Editor」を使っている場合ではなく、Wordpressの新しいブロックエディタ「Gutenberg」の「コードエディタ」を使った場合に、勝手に改行やpタグが消えてしまう場合の対処方法を紹介します。 検索すると、よく紹介されているのが「TinyMCE Advanced」プラグインの利用やfunctions.phpで「wpautop」をremoveするというものです。 Gutenbergではもっと簡単な対処方法があります（ちなみに、wpautopをremoveしてもうまくいきませんでした）。 WordPressのコードエディタで改行が消える・改行されない場合の対処方法 コードエディタで改行が消える場合の一番簡単な方法は「専用のコメントタグ」を使った書き方です。 下記の<!-- wp:html -->と<!-- /wp:html -->の専用コメントタグで挟んでいる部分は、
WordPress（ワードプレス）のカスタムフィールドを使って、記事ごとにCSSを追加する方法
いつもGMO WP Cloudをご利用いただき、ありがとうございます。当ブログでは、wordpress(ワードプレス)運営者や設置者が多く取り組まれている「wordpress(ワードプレス)カスタマイズ」に関しても、ささやかながら主要なTIPSをご提供させていただき、wordpress(ワードプレス)業界を少しでも盛り上げていければと思っております。 なお私達「GMO WP Cloud」は、wordpress(ワードプレス)に最適なサーバを月900円ご提供しています。制作会社様の納品に。WEB担当者様のお供に。ぜひ、ご検討くださいませ。 wordpress(ワードプレス)のカスタムフィールドを使って、記事ごとにCSSを追加する方法 wordpress(ワードプレス)を運用していて、投稿や固定ページごとにレイアウトや装飾を変えたいな…と思ったことはありませんか？ 一番簡単な解決策として、独自
【wordpress】タクソノミー 系の取得の備忘録 - style01
タクソノミー 系の取得をよく忘れてしまいがちなのでメモ。 カスタム投稿アーカイブページで全てのタームを取得 <div class="category"> <?php $all_category = get_terms('{カスタムタクソノミー名}', array('hide_empty' => false,'orderby' => 'slug'));//'hide_empty' => falseで、空のタームも出力する if ($all_category) { foreach ($all_category as $value) { echo '<span><a href="'.$value->slug.'">'.$value->name.'<a></span>'; ?> <?php } } ?> </div> hide_emptyをfalseにすることで、空のタームも出力する。アーカイブや
WordPressでプラグインを使わずに任意のピックアップ記事を表示する方法 | oku-log
概要 webサイトを運営している際に記事の終わりやサイドバーなどに特定の記事を表示したい場合があります。 具体的には新着記事や関連記事、ランキングなどではなく見てもらいたい記事を自分で選んで表示したいような時です。 よくある方法だとこのあたりでしょうか。 プラグイン「Related Posts」などを使う方法 ウィジェットのテキスト欄に記事へのリンクをhtmlで記述する方法 プラグイン「Advanced Custom Fields」でピックアップ記事にするためのチェックボックスを設ける方法 プラグイン「Advanced Custom Fields」で任意の番号が設定されているものをピックアップ記事として出力する方法 確かにこちらの方法でも任意のピックアップ記事を表示することは出来ます。 ただ、出力したい情報をコントロール出来ない、htmlがわからないと更新できない、並び替えができないなどそ
[WordPress] タグ版wp_list_categories | きほんのき
WordPressのwp_list_categories()はカテゴリー一覧をリスト表示してくれるタグです。当然タグ一覧を表示してくれるwp_list_tags()もあるのだろうと思ったらないんですね。 とはいえget_tags()もwp_list_categories()も内部的にはget_terms()を使っていますから、両者とも特定の目的に特化したラッパー関数にすぎません。（正確にはwp_list_categories()は内部でget_categoriesを呼び出し、get_categoriesがさらにget_terms()を呼び出している） ということで、wp_list_categories()のタグ版ともいうべきwp_list_tags()にあたる関数を作成している方がいましたので紹介させていただきます。 wordpress : Listing tags like wp_lis
the_post_thumbnail()なんて使わない。無駄なソースを吐き出さずにアイキャッチ画像を表示する方法 | WEMO
the_post_thumbnail()なんて使わない。無駄なソースを吐き出さずにアイキャッチ画像を表示する方法 2019 8/16 WordPressでアイキャッチ画像を表示させる時、the_post_thumbnail()という関数を使用していませんか？ 関数を呼び出すだけで簡単にアイキャッチ画像が表示できるのですごく便利ですが、この関数を使用するとかなり無駄なソースを出力をしてしまいます。 そこで今回は、the_post_thumbnail()に代わる新しい関数を自分で作ってしまうことで、無駄なソースを出力せずにアイキャッチ画像を表示するための方法をメモしていきます。 the_post_thumbnail()の出力の汚さを実際に確認してみよう まずは今回問題としているthe_post_thumbnail()を実際に出力してみましょう。 例として、当記事のアイキャッチ画像を表示させてみ
WordPressで「ホームページの表示」設定で最新の投稿・固定ページを指定した時のトップページの挙動の違いまとめ。 | WEMO
WordPressで「ホームページの表示」設定で最新の投稿・固定ページを指定した時のトップページの挙動の違いまとめ。 2019 8/31 WordPressの管理メニュー設定項目の中に「ホームページの表示」という設定がありますよね。 サイトのトップページに関する重要な設定ですが、これによってどこがどう変わるのか、皆さんちゃんと把握していますか？ （ちなみに「ホームページの表示」設定とは、以下のエリアで設定できる項目のことです。） 「ホームページの表示」設定エリア おそらく、皆さん見かけたことはあると思います。 WordPressでサイトを制作する人なら「ホームページ」に固定ページを指定する時にここで設定することもよくあるでしょう。 ですが、詳しいことはあまり知らないまま放置してるんじゃないでしょうか...？ 私もその１人だったのですが、今回はこの「ホームページの表示」設定で 「最新の投稿」
WordPress：メディア挿入時の不要な属性を削除して、管理画面の「添付ファイルの表示設定」も目隠しする方法 - NxWorld
WordPressはメディア挿入時にwidth, height, title, classなどの属性がデフォルトで入ってきますが、それらが不要で削除したいという場合に使えるスニペットです。 また、管理画面の「添付ファイルの表示設定」ではサイズ指定やリンク先の有無などといったimgに付加される属性に関連する項目が幾つかありますが、削除する属性によっては必要ない項目が出てくるので、それらを目隠しする方法も併せて紹介します。 デフォルトの出力 WordPressはメディア挿入時に添付ファイルの詳細情報や表示設定を記述・選択することで代替テキスト・配置方法・リンク先・サイズといったものを設定でき、「投稿に挿入」ボタンを押下すると先ほど設定した項目にあわせてwidthやheightなどの属性がimgに付加されて出力されます。 例えばこのイメージのようにメディア挿入時に「キャプション」と「説明」の項目
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordCamp Kansai 2024 ハム『ブロックエディタでWebサイトの制作がどう変わったのか？実装事例から見る現在のWordPressの設計と構築』
1記事で表示されるタグの数を制限したい
WordPress のアーカイブページで複数のタグ指定時にアーカイブタイトルが単数になる問題を解決 | Technotes
https://masamitsu.biz/eyecatch-ichiran/
How to add Class in <li> using wp_nav_menu() in Wordpress?