URLハッシュでBootstrap4のモーダルを開く
ランディングページであるために、メールフォームの送信完了画面にページ遷移せず、ポップアップでサンクスメッセージを表示させたい。できれば、Bootstrapのモーダルを使用して欲しいという依頼がありました。 Bootstrapのモーダルは、通常はボタンクリックで開くのですが、それをクリックせずに開いた状態にするために、メール送信後にURLハッシュをつけて同ページを開き、URLハッシュの判定でモーダル […]
- 2020.05.25
id名/class名に使用できる文字の種類
id属性値は一意でなければならない（１箇所でしか使えない）ってのはよくわかっていることだけど、そもそもid名やclass名に使用できない文字ってのがあります。 うっかり忘れて使用してしまったりすると… いくにやってもスタイルが反映されなかったりして、あ〜でもない、こ〜でもないと無駄な時間を費やしてしまうことがあります。 というわけで、今さら聞けないルールをまとめておきました。 アルファ […]
- 2020.04.15
Google Fonts を使う
使いたいフォントを選んで、コードを取得して、サイトに貼り付けてスタイル指定するってことなのですが、サルワカさんのサイトでとってもわかりやすく説明されているので、そっちをみたほうが早いww
- 2020.03.28
ニュースサイト
https://www.themehorse.com/themes/newscard/ ニュースサイト用のテーマでカッコイイの見つけました。 NewsCardというテーマ。 有償のPro版もあるようですが、無償のFreeで十分なように見えます。 コントロールパネルからのカスタマイズもいろいろできます。 ちょっと使い込んでみます
- 2020.03.06
WordPress で pdf ファイルを表示するいくつかの方法
１. プラグイン（PDF Embedder）を使用する方法 PDF Embedder というブロック要素が追加されますので、イメージブロックとほぼ同じ操作で貼り付けることができます。また、プラグインの設定画面からいくつかの設定ができるようになっています。 ２. プラグイン（Algori PDF Viewer）を使用する方法 こちらも、Algori PDF Viewer 用のブロック要素が追加されま […]
- 2020.01.19
block と inline 、inline-block の違い
わかってるつもりで、なんとなく使っていた block と inline 、inline-block 。 Bootstrap4 の d-flex と d-inline-flex を使い分けようとしたときに、厳密にわからないままに使用していたことに気づいたので、ちょっと整理してみることにしました。 簡単に言うと block は、幅100%で縦に積み上げていくレイアウトなどに使用。段落単位に適 […]
- 2019.12.29
Front End PM のウィジェットを作ってみた（Front End PM の関数）
Front End PM は、ユーザー間のプライベートメッセージの送受信ができるプラグインで、それはそれはありがたいプラグインなのですが、ショートコードや関数についてのドキュメントが、なかなか見当たりません。 公式ページにもショートコードは説明無しのリストのみ。関数は記述されていません。 用意されているウィジェットの表示はこんな感じで、ちょっと日本語的によろしくないので変更しようと思ったのですが、 […]
- 2019.12.21
Advanced Custom Fields / Advanced Custom Fields PRO / Advanced Custom Fields: Extended のそれぞれでできることできないこと
フィールド名を見ると、だいたいどのような機能のフィールドなのかは推測できますが、あまり必要ないですね笑 フィールド名 ACF PRO Extended 基本 テキスト ○ ○ ○ テキストエリア ○ ○ ○ 数値 ○ ○ ○ Range ○ ○ ○ メール ○ ○ ○ URL ○ ○ ○ パスワード ○ ○ ○ Button ○ Hidden &nbs […]
- 2019.12.08
Front End PM で、リンク付きの投稿者（author）名の表示と、「メッセージを送る」リンクの作成
以下は、Ultimate Member、Front End PM、Front End PM – Ultimate Member Integration の３つのプラグインを有効にしている場合のお話です。 リンク付きの投稿者（author）名の表示はこちらです。これをクリックすると、WP User Frontend 仕様のプロフィールページが開きます。 [crayon-5ed19b75e […]
- 2019.11.18
AMP とは
AMP（アンプ）に対応したテーマだとか、AMPがどーしたとか、目にする機会が少なくない。「そーですねー」と適当に答えているのにも限界がきた。 いまさら聞けないので、調べてみた。 で、まだメリットもデメリットもあり、発展中のようなので、私はまだ使わないことにした。 ひとことで言うと Accelerated Mobile Pages ＝ 高速化されたモバイルページ。 GoogleとTwitterが共 […]