MB blog

こちらは主に自分用のメモです。

wordpress

Contact Form 7 Multi-Step Forms で、前のフォームからの入力値に応じて条件分岐をする

Contact Form7 って、いろんな組み合わせプラグインがあってカスタマイズ性が高く、めっちゃ便利ですね。ページを分割して長いフォームを作ることができる Contact Form Multi-Step Forms。 ja.wordpress.orgユーザーの入力値に応じて、質問項目の出し分け(…

ACF Pro のギャラリーフィールドの画像から、すべての記事に自動で注目画像を設定する

Advanced Custom Fields の有料版 ACF Pro についてくる、Gallery というフィールドタイプ。画像の数を設定せずに無制限に追加でき、画像をたくさん設定させたい投稿タイプに便利な機能。 このギャラリー内の画像から、自動的に投稿のサムネイル(注目画像)…

Divi テーマでヘッダーメニューを非表示にする

Divi テーマを使っていて、固定ページを使ってランディングページ(LP)を作る必要がありました。 LP は本サイトのコンテンツから独立させたいので、ヘッダー部分に表示されるサイトのメインメニューは消したいです。 固定ページの通常編集画面で、右カラム…

Divi で Adobe Fonts(旧Typekit)を使う!

Divi と Adobe Fonts(Typekit) Divi テーマで Adobe Fonts を使えるようにする手順 0. Adobe Fonts で Web フォントプロジェクトを作っておく 1. Divi 子テーマを作る 2. header.php に Typekit コードを挿入 3. CSS にフォントを指定 追記 Divi と Adobe …

Divi の子テーマを作る方法

Divi テーマをカスタマイズするので、子テーマを作った際のメモです。 親テーマを直接カスタマイズしてしまうと、バージョンアップの際などの対応が非常に面倒なので、カスタマイズをするのであれば子テーマが必須となります。 1. wp-content > themes の下…

AWS Lightsail 上の Wordpress を SSL 化

ずっとサボっていた、Lightsail で作った Wordpress サイトの SSL 化に、重い腰をあげて対応しました。こちらの記事が非常に丁寧にまとまっていたので、ほぼそのままできました〜。感謝! www.karelie.net 一点、lego を落とす curl コマンドに L オプション…

ページの種別によって別のサイドバーを表示するための Wordpress プラグイン

ページごとに別々のサイドバー Wordpress で、単純なブログサイトではなく、ブログも含まれる企業サイトだったり、EC 機能もブログも含まれたりしていると、サイドバーが1種類だけだと不便が出てきます。 例えば、ブログページのサイドバーには、ブログ記事…

Wordpress + WooCommerce で、カタログ機能を持つサイトを作る

カタログサイト検討の背景 WooCommerce をカタログとして利用しているサンプル (無料)YITH WOOCOMMERCE CATALOG MODE プラグイン Divi テーマで、メニュー右上のカートアイコンを消す 参考サイト カタログサイト検討の背景 対面販売・契約が必要な高額商品…

Divi ビルダーが表示されないのはブロックエディターのせいだった

ページビルダー機能がある人気の Wordpress テーマに、Divi というものがあります。 ページビルダーがあると、適当にページを作ってもプロっぽさが出せるのでいいですよね。同じくページビルダーがある Themify はこれまで使っていましたが、Divi も触り始め…

エキサイトブログから Wordpress へのお引越し(移行作業編)

10年以上記されていたあるビジネスオーナーのエキサイトブログを、SEO観点から独自ドメインのWordpressサイトに移行する作業の記録です。 1. エキサイトブログからFC2ブログへの移行 2. FC2ブログから記事テキストと画像のダウンロード 記事テキストのエクス…

SiteSucker で無料ブログ(FC2 Blog)から画像データを全て引っこ抜く

とあるビジネスオーナーの方が10年以上マメに記されていた無料ブログ(エキサイトブログ)の全コンテンツを 、SEO 的な観点から Wordpress に移行する必要が出てきました。 全行程は別記事に記載しています。 lake-michigan.hatenablog.com 本記事では、 FC2…

Polylang プラグインでデフォルト言語から別言語ページへのリダイレクトが発生した

Polylang で3ヶ国語運用している Wordpress サイトのトップページの読み込みが劇的に遅いことに気づき、WebPageTest で見てみると TTFB が 15秒とかありえない値でした。 最初は Polylang が原因とはわからずサーバ側リソースがサチっているのかと思ったけれ…

Wordpress サイトを Xdomain 無料サーバから AWS Lightsail に移行

独自ドメイン取得のついでに Xdomain の無料サーバ上に構築していた Wordpress サイト。無料でメールも使えるし、昔ながらの素朴な管理画面で気に入っていたですが、モバイルだとどうしても広告が出てしまい、やはり気になる... ということで、有料サーバに…