やわらかしかっけい

なんでもすぐに忘れてしまう自分のために

WordPress

Smart Custom Fields(SCF)を下書きページにも表示させる

WordPressのカスタムフィールド系プラグイン・Smart Custom Fields。 フィールド編集画面で、表示条件のページIDの入力候補に、 公開済みのページしか出てこない仕様となっている。なんでだよ。そんなの下書きの段階でカスタムフィールドも入力して、 動作や…

サイト全体の中から特定の文字列を抽出してクラスを付けたい

WordPressサイトの中の、 人名に使われている とある1文字が異体字で サイト全体に使っている 'Noto Sans JP' では希望する字体にならなかったので、 その一文字だけにspan class="moji"を付けて、別のWebフォントを指定したい。PHPで置換かな…と思ったが、J…

WordPressサイトのお引越し

今回は、【さくらVPS】から【ロリポップ!ハイスピードプラン】へのお引越しをします。 理由 さくらVPSは2017に契約したもの サーバーおよびPHPが古くなっちゃった VPSの管理も面倒になった 参考サイト affiliate150.com 注意事項 PHPのバージョンとWordPres…

WordPress、自動更新しちゃヤダ

今日、WordPressが6.0に更新されたわけですが使用テーマのアプデが間に合ってなかったり、そもそも自作テーマだったりすると、トラブル起こりがち。 なので自動更新に待ったをかけようと思ったら、wp-configの編集が必要だった。(管理画面から設定できてほ…

SWELLのlightbox(luminous.js)で画像拡大時にもキャプションを表示させる

大好きなWordPressテーマ、SWELL。 SWELL | シンプル美と機能性の両立 - 圧倒的な使い心地を追求するWordPressテーマ SWELLにはlightbox機能(Luminous Lightbox)が標準搭載されており、別途で画像にリンクを設定していない場合は、画像をクリックすると拡…

WordPressのギャラリーのサムネイルの高さ(アスペクト比)を統一する

WordPressのブロックエディターの「ギャラリー」機能。複数画像を並べるのに便利なんだけど、横長画像と縦長画像が混在した場合、縦長画像の方に高さが統一されるため横長サムネの行と縦長サムネの行が存在してしまったりして、見た目がちょっと微妙だった。…

PHPのバージョンアップがWordPressの管理画面に反映されない

人から改修を頼まれたWordPressサイトにて。ダッシュボードやサイトヘルスに「PHPの更新が必要です」と表示されている。レンタルサーバーのコントロールパネルへ行き、7.4(モジュール版)に更新するボタンを押して、5〜10分以上待ったのに、アラートの表示…

カスタムフィールド内のWYSIWYGエディターの見出しを制限したかったが、できなかった

カスタムフィールドのプラグインとして、 現在はSmart Custam Fields を使っている。 b-risk.jp WYSIWYGエディターの項目も作れるんだけど、 そのエディターの中の「見出し」を制限したかった。(デフォルトだと「段落」「見出し1~6」「整形済みテキスト」か…

中サイズ、大サイズのアイキャッチ画像もトリミングする

functions.phpに以下を追記するだけ。 //中サイズ画像をトリミングする update_option( 'medium_crop',true ); //大サイズ画像をトリミングする update_option( 'large_crop',true ); 以降にアップロードしたアイキャッチ画像にはトリミングが適用される。 …

noteからWordPressへの記事の移植が大変だった

多数の画像や埋め込みを含む約50記事を、noteからWordPressにお引越しさせました。note エクスポート機能ついてないの、つらい ブラウザ機能の「ページを保存」だと不十分 noteのコンテンツは動的に生成される部分が多くて、 「ページを別名で保存」だと使い…

Event Organiser のイベントカテゴリー(+背景色)を出力

カレンダーを表示させるのに、EventOrganiserというプラグインが便利 wp-event-organiser.com 使い方はドキュメンテーションにだいたい書いてある。docs.wp-event-organiser.comショートコードでカレンダーやイベントリストを表示させたりできる。 イベント…

WordPressテーマでウィジェットを有効にする

1. functions.php を編集 'Main Sidebar', 'id' => 'main-sidebar', ) ); } add_action( 'widgets_init', 'my_theme_widgets_init' ); ?> 2. 管理画面でウィジェットを登録 Main Sidebar というエリアが現れてるので、そこにウィジェットを登録する 3. テン…

WordPressアーカイヴページにページネーション

数字で表示される、こういうタイプのもの WordPressに標準の関数が用意されている。the_posts_pagination() wpdocs.osdn.jp 2, 'prev_text' => __( '«', 'textdomain' ), 'next_text' => __( '»', 'textdomain' ), ) ); ?> しかしページ送りの…

WPで最近使ってるプラグイン備忘録

Avatar Manager ユーザーアバター 標準のGravatorは外部サービスだけど、 これを使えばWP内に執筆者の画像をアップできる Intuitive Custom Post Order 投稿順番入れ替え これがないと困る 公開日をいちいち変えたりするのは嫌なので Public Post Preview 執…

2020版 WordPressダッシュボードカスタマイズ

ダッシュボードトップの項目を減らす

コンタクトフォーム7 + reCAPTCHA v3

WordPressのお問い合わせフォームにGoogle reCAPTCHA reCAPTCHA v3はバックグラウンドで動くので、 ユーザーに絵合わせ(?)させたり、チェックを入れさせたりしなくて良いらしい。 reCAPTHCA登録 Sign in - Google AccountsGoogleログイン状態で、ここから…

WordPress カスタムタクソノミー

カスタム投稿に、カテゴリータイプのカスタムタクソノミーをつける __( '本の種類' ), 'show_in_rest' => true, // Gutenbergエディタでは必要らしい 'show_ui' => true, //管理画面から編集できるようにする 'hierarchical' => true, //falseにするとタグ…

WordPressでiframeだけoEmbedが効かない問題

いまどきのWordPressは、YouTubeやGoogle mapのURLをコンテンツエリアに貼るだけで自動的にiframe埋め込みをしてくれるのですが、この機能は oEmbed というヤツが担っています。 iframeだけ効かなくなった あちこちテーマをいじっていたら、ある日突然、自動…

【解決】Contactform7 動作しない・ページがリロードされてしまう問題

WordPressのお問い合わせフォーム、Contactform7送信ボタンを押しても、ページが再読み込みされるだけで何も起こらないという謎のバグを引き起こし、そして解決した。 二重formタグが原因だった tanweb.netこれです! なんでそんなミスを mvp.cssを使ってお…

【解決】WordPressでメディアがアップロードできない

メディアをアップロードしようとすると下記のようなエラーメッセージが出るようになったので、解決してほしい という依頼があった。 「ディレクトリ○○を作成できませんでした。 この親ディレクトリのアクセス権はサーバーによる書き込みを許可していますか ?…

WordPress ページ送りを同カテゴリの記事に限定する

single.phpなどに置いてる 「前の記事へ」「次の記事へ」のページ送り previous_post_link next_post_link そのリンク先を、今いる記事と同じ記事に限定するには・・・第3の引数にtrueを指定するだけか、かんたんんんんんんん!!!!!!! $in_same_term …

ベーシック認証によるアクセス制限

.htaccessの中身の書き方 特定のファイルに制限 <Files ファイル名.php> AuthType Basic AuthName "Input your ID and Password." AuthUserFile /任意の場所/.htpasswd require valid-user </Files> その.htaccessがあるフォルダごと制限 AuthType Basic AuthName "Input your ID and Passw…

pre_get_postsで気をつけること

ホーム画面に吐き出される記事一覧を、あるカテゴリーの記事に絞りたかった。こういう時のための「pre_get_posts」だと思ったので、嬉々として利用。 悪い例 functions.php is_home() ){ $query->set( 'cat','2' ); return; } } add_action( 'pre_get_posts',…

WordPressの投稿画面(ビジュアルエディタ)をカスタマイズ

ビジュアルエディタ(TinyMCE)の、 太字やら色々なボタンをカスタマイズしたい。 まずは不要なものを消しましょう functions.php

めちゃよく使う、スマホ用ドロップダウンメニュー

MENUを押すと、にゅーんと伸びる MENUの横のキャレットが上向きになる スクロールすると、上部に張り付く jQueryでやる WordPressサイトという前提 html <ul class="sp" id="spMenu"> <li class="spMenuBtn">MENU<b class="caret"></b></li> <ul> <li><a href="<?php echo esc_url( home_url() ); ?>">HOME</a></li> <li><a href="<?php echo esc_url( home_url( '/about' ) ); ?>">…</a></li></ul></ul>

【2020更新】よく使う、WordPressのOGP設定

2020バージョン。 画像の設定は下の方でまとめてやっている。 (画像パスは/img/ogp.png)※未解決 これだとアーカイヴページのURLが出せない。 ページ数が多く無いので、今のところ個別に出し分けているが… <meta name="description" content="<?php bloginfo('description'); ?>"> </meta>

もうやだパーマリンク

SSLにしたあと、うまくいかないことばかり まずsingle.phpが読み込まれない これはSSLとは関係なく、/%year%/%month%/%date%/が原因だったのでidベースにしたら治りました 【WP】single.phpが読み込まれない理由はパーマリンクだった | にゃっほい屋2号店 …

AkismetのAPIキー

WordPressにログインした状態でここにアクセスするだけ https://apikey.wordpress.com/ 新たにキー取得する場合 一番左のフリープランを選ぶと、 「Name your price」とか書いてあってお値段が年額で表示されるが、だまされるでない。スライダーをスライドし…

Let's Encrypt でSSL化したい

環境:さくらVPS、CentOS6、Apache、WordPress ユーザーガイド - Let's Encrypt 総合ポータル ここを見ながらまずは取得できた 無償SSL/TLS証明書の Let’s Encrypt の設定が劇的に簡単になっていた | Webセキュリティの小部屋 ApacheとVitualHostの設定もで…

WordPress: ContactForm7のお問い合わせを共有SSLにしようとしてドハマりした

静的ページ(php)でお問い合わせページを作成し、共有SSL化するとのことだったが 共用SSLでContactForm7を使用する[WordPress] 結果、三度はまった ディレクトリどうしたらいいかわからん 正解: ルート └ /wp-admin/ └ /wp-content/ └ /wp-includes/ └ /cont…