マルチサイトでサイトごとにCSSを変えたい
- 2021.07.02
先日のマルチサイト運営の続編になります。無事マルチサイト化したサイトの、テーマを作成するにあたって、今回以下のような構成にしました。 メインサイト−−−−テーマA サブサイト1−−−−テーマB（メインカラー：緑） サブサイト2−−−−テーマB（メインカラー：青） サブサイトは、同一テーマでメインカラーが異なるだけ。つまり、CSSでサイトごとのカラーについてだけ変更したいケースです。この場合、考えら […]
wordpress
ワードプレスを途中からマルチサイトにするとき、躓いた件
- 2021.06.30
マルチサイトの運営はこれまで、サブドメイン型・サブディレクトリ型どちらも経験済で、結構なれているつもりだったのですが、考えると今までのケースは、初めから（インストール時から）マルチサイトにしていたので、運営中のサイトを途中からマルチサイトにした経験はありませんでした。なんと。これ以外と難しかった。いくつか躓きましたので、次回以降の反省に。 新規インストール以外の場合は、サブドメイン型になってしまう […]
ACFのギャラリーをSlickスライダーのサムネ付きで表示する
- 2021.05.27
ACF（Advanced Custom Fields）本当に便利だ。彼なしには商売が成り立たない！と思うほど。今後多くなりそうなACFのギャラリーを、Slickスライダーのサムネイル付きギャラリーで表示する方法のメモです。 ギャラリーフィールドはの名前は「product_gallery」です。「slider-nav」はサムネイルナビゲーション。「slider-for」がメイン画像です。サムネイルが […]
Monster InsightsやExactMetricsでプロパティが認識されない？
- 2021.05.02
Google Analyticsの解析結果の概要を、ワードプレスのダッシュボードで確認する方法として、Google Site Kit、Monster Insights、ExactMetricsなどの選択肢があります。All in one SEOを導入すると、Monster Insightsをおすすめされますが、他を利用して接続しても特に問題はないようです。これまでも上記プラグインは利用していたので […]
ワードプレスで手軽にペライチを作る手順
- 2021.03.10
最近クライアントのお仕事で、簡単なペライチページをワードプレスで一晩で作成する、というお仕事がありまして。普段はオリジナルでテンプレートを作るのですが、1ページだけのものにそこまでするのもなーと思い、試してみた方法です。結果としては、非常に使い勝手が良かったです。単純な流れですが、また類似の案件が合った場合のために残しておきます。 テーマ「WP Bootstrap Starter」をインストール […]
データ属性で表示する記事を絞り込む
- 2021.03.10
データ属性で、一覧の記事を絞り込むサンプルです。属性を選ぶボタン（category-btn）と絞り込まれる要素（flex-one）の一覧になっています。is-animateクラスは、自分で作成したクラスです。若干不要な記述が入っていますが・・・ キーワード A B 要素 要素 要素 .category-btn{ list-style:none; display:flex; margin:40px […]
CSS切り替えで躓いたこと
- 2021.02.27
本日のメモは非常にニッチな話になります。 状況 styleswicher.jsを利用して、サイトに色を変更するボタンをつける 切り替えは「モノクロ」と「カラー」で、デフォルトはカラー ワードプレスを利用しており、AutoptimizeでCSSを最適化している このケースで、セオリー通りに実行すると、カラーの変更が効かなくなります。 ソース 原因 rel=”alternate style […]
自作のウィジェットを作ろう
- 2021.02.07
ワードプレスを触っていて、更新をするのがクライアントの場合、できる限り簡単にできるのが望ましいのですが、汎用のプラグインは必ずしも「私の顧客ニーズ」に合わない部分があり、悩ましいことが多いです。というわけで、日々更新をかけるようなWEB読み物媒体に利用するウィジェットを作成してみました。 利用条件 カスタム投稿タイプをテキスト入力から取得 表示件数は1・５・10・15・20・ALLから選択 表示順 […]
ボックス全体をクリッカブルにする
- 2021.01.07
ボックス（divタグなど）の中に、画像・見出し・テキストなどを入れ、そのボックス全体にリンクを貼りたい場合の解決策のひとつです。現在のHTMLは、divタグをaタグで囲むことが出来るのですが、ワードプレスの入力画面では、自動整形機能の為に、無駄なaタグが無限に挿入されてうまくいきません。そのような場面での解決策になります。 ボックスの中にaタグで囲んだテキスト挿入します。このaタグにリンクするUR […]
SimpleMemberShipの条件分岐タグ
- 2020.12.19
SimpleMemberShipは、無料でもある程度の会員システムを作成することが出来る（複数会員レベルの作成、paypal支払いなど）、ある程度日本語化されているなど、会員サイトを作成するケースで候補になるプラグインのひとつです。 会員のレベルによって投稿の公開・非公開を選択出来る機能がデフォルトで用意されていますが、テンプレートの一部分やマイページの一部分を会員レベルごとに公開するには、条件分 […]