Monster InsightsやExactMetricsでプロパティが認識されない?

  • 2021.05.02

Google Analyticsの解析結果の概要を、ワードプレスのダッシュボードで確認する方法として、Google Site Kit、Monster Insights、ExactMetricsなどの選択肢があります。All in one SEOを導入すると、Monster Insightsをおすすめされますが、他を利用して接続しても特に問題はないようです。これまでも上記プラグインは利用していたので […]

ATOMで導入しておくべきプラグイン

  • 2021.04.14

最近、脱Adobeを試みて(photoshopやIllustratorは難しい・・)、DreamWeaverから「ATOM」に切り替えたりしています。他も試したものはありますが、「ATOM」は使いやすいエディターだと思います。ただ、必ず入れておいた方がいいパッケージがあるのでメモしておきます。追加で便利なパッケージがあれば随時記事に足していきます。 Atom – Japanese Me […]

ワードプレスで手軽にペライチを作る手順

  • 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・5・10・15・20・ALLから選択 表示順 […]

Illustratorで、アウトランせずに斜めの影文字を作る

  • 2021.02.01

WEBの制作がメインなので、Illustratorのことはあまり書いていません。が、自分でYou Tubeの配信用にタイトルを作ることを思い立ちまして、テレビ朝日の深夜番組『かまいがち』の立体的でポップなタイトルが気に入ってまして、それと類似のものを作りたく、チャレンジしました。ほぼ参考記事通りですが、最新のイラストレーターでやってみたので、メモとして残しおきます。(残しておかないと確実に忘れそう […]

Intersection Observer API で スクロール連動アニメーション

  • 2021.01.22

スクロールに合わせたアニメーション、昨今はクライアントさんがぐりぐり動かしたいっ、というケースが増え必須技術になっていますが、レスポンシブで行う場合、スクロール量が変化する為それなりに面倒です。これまで様々なプラグインもありました。「Intersection Observer API」を使うと、効率的にソースを書くことが出来る!!便利だ。ということで、使い回しがしやすいパタンを作っておくことにしま […]

ボックス全体をクリッカブルにする

  • 2021.01.07

ボックス(divタグなど)の中に、画像・見出し・テキストなどを入れ、そのボックス全体にリンクを貼りたい場合の解決策のひとつです。現在のHTMLは、divタグをaタグで囲むことが出来るのですが、ワードプレスの入力画面では、自動整形機能の為に、無駄なaタグが無限に挿入されてうまくいきません。そのような場面での解決策になります。 ボックスの中にaタグで囲んだテキスト挿入します。このaタグにリンクするUR […]

SimpleMemberShipの条件分岐タグ

  • 2020.12.19

SimpleMemberShipは、無料でもある程度の会員システムを作成することが出来る(複数会員レベルの作成、paypal支払いなど)、ある程度日本語化されているなど、会員サイトを作成するケースで候補になるプラグインのひとつです。 会員のレベルによって投稿の公開・非公開を選択出来る機能がデフォルトで用意されていますが、テンプレートの一部分やマイページの一部分を会員レベルごとに公開するには、条件分 […]

1 10