共有事項

CSSソース内で直リンクしないでください

CSSソース内は直リンク禁止でお願いします。
デザイナーさん作業後、本サーバーへの移設を行う際にリンク切れを起こしてしまうからです。
例えば要素の背景に画像を指定する場合などには、以下のようにstyle.cssからの相対パスで指定してください。

/* リンク切れを起こしてしまう */
.selector {
    background-image: url(https://artflair.xsrv.jp/〇〇/wp-content/uploads/bgimage.jpg);
}

/* これなら安心 */
.selector  {
    background-image: url(../../../wp-content/uploads/bgimage.jpg);
}

CSSファイルのスーパーリロードが不要になりました。

読み込むCSSの参照先を、パラメータで最終更新時刻を付与しています。
それにより、開発環境下では常に最新更新のCSSが宣言されますので、スーパーリロードは不要です。
わざわざ何度もShift＋F5を押下しなくても大丈夫となりました。

VK見出し・VKボタン・VKアイコン のブロックなどで、利用できます。

リンク先未指定のa要素を枠で示します。

リンク設定漏れの対策として、ログイン中のみ　【href属性が空あるいは#のみのa要素】は以下のようにアラートされます。

ただし、何かの都合で設置している場合もあるのでログインしていないときはアラートされません。
かつ管理バーの「編集ガイド：SHOW」→「HIDE」に切り替えたときも、消えます。

＜機能追加＞tel:リンクの番号相違チェッカー（β版）

href要素が"tel:"から始まるa要素の、"tel:"を除いた部分（つまりリンク先電話番号）が、
a要素内テキストコンテンツ（つまり掲載している電話番号）と異なる場合、赤い点々でアラートを示します。

すべてリンク先電話番号は0120-123-456の場合…

自在なテーブルを設置できる「FlaxibleTable」を導入しました。

見出しセルのTH化、背景色やボーダー色の設定、セルの結合や横スクロールなども簡単に設定できるようになりました。

もともとある「便利なクラス」を活用してください。

LightningおよびVKブロックには、実はもともと色々なCSSクラスが用意されています。
またBootstrap基準であるため、ユーティリティクラスも使用できるものがあります。
作業効率化のため、便利に使ってください。詳しくはこちら。

電話番号などをカスタマイザーに登録できるようになりました。

制作の一番最初に「カスタマイザー」→「サイト基本情報」に登録し、実装時には「ショートコード」でコーディングしておけば
入力のケアレスミスの軽減でき、さらに一括での差し替えが簡単にできるなどのメリットがあります。

項目	呼び出し方法 [ ] で括ってください	現在の入力値
電話番号	my_options tel	【telが入力されていません！】
FAX番号	my_options fax	【faxが入力されていません！】
郵便番号	my_options zip	104-0061
所在地	my_options address	東京都中央区銀座七丁目15番8号
営業時間	my_options businesshour	［受付時間］00:00-00:00 （土日祝除く）

【faxが入力されていません！】

管理画面にのみ表示されるメモブロックを開発しました

プラグイン「Genius Blocks」（Custom Blocks）を使っているので、プラグインをoffにすると表示されなくなります。
使い所としては開発中のディレクター↔デザイナー様のやり取りの他、納品時にクライアントに操作方法を残す場合にも有効です。

変更履歴

日付	変更箇所
4/27	style.cssとresponsive.cssの読み込み記述　整備 スーパーリロード不要になりました WPFront Scroll Topを標準でオフに変更
4/29	VKステップ横並びを、ブロックスタイルで追加　ともなって追加CSSを削除
5/8	メールフォームtableのCSSを修正 firefox特有のバグ？に対応
5/12	パンくずリストを改行せず横並びに変更。 関連CSS修正
5/15	次/前の記事・サイドバー調整
5/16	メールフォームスマホCSS　ボーダーの重なりバグ修正 アーカイブページ　初期設定調整 リンク先が空白or＃のa要素に赤枠のアラートを表示しました（ログイン中のみ）
5/17	ヘッダー・グローバルナビを調整 子を持つナビは▽を標準装備 リンク（classを持たないa要素）の点線修正 メディアページをnoindexおよび404エラーを返すように修正 管理画面RSSの画像を修正 プラグイン見直し・不要なものは削除
5/24	WEBアイコン見直し　ver6に変更。
5/26	[Radio Buttons for Taxonomies]導入 [Scroll top]無効化
5/29	メールフォームのリキャプチャのメッセージ調整 [vkExUnit_common_style-css]をデキュー 不要なヘッダー出力タグを無効化
5/31	パスワードで保護した記事ではカスタムフィールドの出力をしないように修正
6/21	リンク（classを持たないa要素）の点線修正
6/27	柔軟なテーブルが制御できる「Flexible Table」を導入。
6/29	誤字修正/軽微な体裁調整
7/7	カスタム投稿「TOPページスライダー」追加　ショートコードで配置できます。
7/31	FlaxibleTableの横線のみのスタイルを追加（blocks/original-block.phpに記述） スマホ閲覧時のスクロールヒントを搭載
8/3	電話番号などのショートコードを設置。
8/21	お問合せフォーム内の「プライバシポリシー」をスムースリンク（ページ内リンク）に変更 伝わりやすくなった
8/22	WordPress6.3にバージョンアップしました。 伴って不要なカスタムブロックは削除しました。
9/8	段落スタイルの「小さめ」を追加。 リストスタイルの「横並びスラッシュ区切り」を追加
9/27	slickのCSSを一部修正
10/15	横並びステップブロックのCSSにバグがあったので修正 管理バーに「カスタムブロックスタイル」へのショートカットを追加
10/20	ぺろっとしないヘッダー固定　を刷新。標準化。 詳細はこちら　https://www.notion.so/6b7552d730a54a728bf7e21e39b6b23f
10/23	リンク切れチェック用CSSを微調整
11/20	電話番号のチェッカーを追加
11/21	ページネーション確認用のアクションフックを追加。 詳細：https://imgur.com/a/DWUdTv2
11/29	mw wp form テキストエリアの必須項目未入力エラー表示にバグがあったので修正
12/4	メモブロック正式導入。