[DRILL LANCER]

電話番号をタップしても発信されない

PC表示を想定したものなので仕方がないかと・・・

電話番号が右寄せされている（PC表示がそうだから？）ので、ちょっと違和感がある

どうやら、float:right;を見逃していたようですね。
こんな感じでどうでしょうか？

/* ▼スマホでも連絡先ヘッダーを隠さない */
@media (max-width: 991px) {
	.siteHeader_sub {
		display: block;
		float: none;
	}
	/* ▼スマホ連絡先ヘッダーからメール連絡先ボタンを隠す */
	.contact_btn { display: none; }
}

/* ▼スマホでも連絡先ヘッダーから上段を隠す */
.contact_txt_time { display: none !important; }
/* ▼スマホでも連絡先ヘッダーから下段を隠す */
.contact_txt_catch { display: none !important; }

この２つは電話番号にまとわりついているので消す必要はないと思いますが・・・
変な時間帯に電話されても困りますし・・・

それでもCMSでは無いそれらのサイトは長期間問題も起こらないで稼働してますが、今回はWordpressテーマなので頻繁にWordpress本体もテーマも更新が必要なので、どこでカスタマイズしたstyle.cssが問題を起こすか分からないと思いました。

BS4版で多少変化が起こるかもしれませんが、そのときは一旦カスタマイズ内容を削除した上で同じことを再度やり直せばいいだけのことです。

[DRILL LANCER]

私の環境では反映されたコードを掲載しているので・・・
多分設定した後諸々のキャッシュを削除していないのが原因ではないかと・・・
設定したあとはプラグイン・サーバー・ブラウザのキャッシュを必ず削除するようにしてください。

P.S.
とりあえず、サイドバーに設置したのにも対応できるよう作り直してみました。

.widget_tag_cloud .tagcloud a:link,
footer.siteFooter .widget.widget_tag_cloud .tagcloud a:link {
	color: #1111CC;
	text-decoration: none;
}

.widget_tag_cloud .tagcloud a:visited,
footer.siteFooter .widget.widget_tag_cloud .tagcloud a:visited {
	color: #006064;
	text-decoration: none;
}

.widget.widget_tag_cloud .tagcloud a:hover,
footer.siteFooter .widget.widget_tag_cloud .tagcloud a:hover {
	color:#12aab1;
	text-decoration: none;
}

[DRILL LANCER]

私は Lightning Pro と Lightning Skin Variety しか持っていませんが、
スキン側でやってることは一部の機能を上書きしたり、機能を追加したりしている程度なので
その差は微々たるものではないかと思われます。

P.S.
スマホ表示のときメールでのお問い合わせの部分をdisplay:noneで非表示にすれば
BizVektorと同じ動きになるような気がしますが・・・
ヘッダー固定解除に関する情報は下記記事にあります。

Lightningのヘッダーの固定・ヘッダーの高さ自動調整機能をオフにする

• この返信は5年、 3ヶ月前にDRILL LANCERが編集しました。

[DRILL LANCER]

All In One WP Security　バージョン 4.3.9.4　

他のPC（IPアドレスが異なる）で管理者でログインして作成した固定ページが編集できない

「All In One WP Security」の設定が関わっていそうな気がします。

プラグインをすべて停止してから質問すべきだと考えますが

フォーラムに書き込みをす前に確認すべき事項として

Vektor製以外のプラグインを停止してみたり、テーマを変更するなどして、原因がVektor製のものかどうか特定を試みてください。
※Vektor,Inc.固有の問題以外はWordPress公式フォーラムの方が早く回答を得られます。

とあるのでそれは怠るべきではないことだとお思います。

[DRILL LANCER]

htmlとcssには抵抗無いのですが

最近追加されたモダンな要素(flexbox等)にも抵抗がないのならば・・・

Lightning Skin Fort の 連絡先 については

@media (max-width: 991px) {
    .siteHeader_sub { 
        display: none;
    }
}

で非表示にしているだけなので、

@media (max-width: 991px) {
    .siteHeader_sub { 
        display: block;
    }
}

とか

@media (max-width: 991px) {
    .siteHeader_sub { 
        display: flex;
    }
}

を（上記だとクラスの指定が弱い可能性があり）

• 外観 > カスタマイズ > 追加CSS
• ExUnit の CSS カスタマイズ
• 子テーマのCSS

のどこかに追記した上で持ち前のCSSの知識を駆使してカスタマイズするというのも手だと思います。
ただ、いい感じにまとめるのは苦労すると思うのでどこかで妥協する必要があるかもしれません。
（↑デモサイトでトライしてみましたがなかなかいい感じにまとめることができませんでした）

トライする際は下記記事（記事内のスライド含む）が参考になると思います。

全てのWordPressテーマで使える！デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜

https://www.vektor-inc.co.jp/post/online-meeting-0718/

[DRILL LANCER]

真逆の発想で申し訳ないですが・・・
Jetpack の OGP は下記コードで無効化できます。
add_filter( 'jetpack_enable_open_graph', '__return_false' );

[DRILL LANCER]

あちらの問題はあちらで解決したほうが良いかもれないと思ったのであちらに投稿しておきました。
簡単に言うと Lightning Skin Variety 特有のクラス指定があってそれが阻害していた感じでした。

[DRILL LANCER]

こちらの問題はこちらで解決したほうがいいので・・・
今回の件では Lightning Pro + Lightning Skin Variety のときに発生するようです。
クラスの指定を下記のようにするとうまくいくと思われます。

footer.siteFooter .widget.widget_tag_cloud .tagcloud a:link {
	color: #1111CC;
	text-decoration: none;
} 
footer.siteFooter .widget.widget_tag_cloud .tagcloud a:visited {
	color: #006064;
	text-decoration: none;
}
footer.siteFooter .widget.widget_tag_cloud .tagcloud a:hover {
	color:#12aab1;
	text-decoration: none;
}

• この返信は5年、 3ヶ月前にDRILL LANCERが編集しました。

[DRILL LANCER]

パソコンの調子が悪いというよりはキャシュの問題ではないかと・・・
設定した後は、サーバー・プラグイン・ブラウザのキャッシュの削除を忘れずに行ってください。

Google Chrome を使用している場合は下記を実行してみると良いでしょう。

1. F12キーを押す
2. 更新ボタンを右クリック
3. 「キャッシュの削除とハード再読み込み」を選択

ただ、ブラウザキャッシュがしつこい場合は気分転換を兼ねて（？）別のブラウザで閲覧するのも手だと思います。

[DRILL LANCER]

追記：
CSSのカスタマイズにトライする前に下記記事にあるスライドを熟読することをおすすめします。
https://www.vektor-inc.co.jp/post/online-meeting-0718/

• この返信は5年、 3ヶ月前にDRILL LANCERが編集しました。

[DRILL LANCER]

タグクラウドウィジットのa:hover

上記のトピックの件と合わせて下記コードのみを
外観 > カスタマイズ > 追加CSS
に追加したところ、表示は下記URLのようになりました。
スキンは「Origin」を選択し、「Lightning Header Color Manager」で少々色をいじっています。
https://test02.rick-addison.com

.tagcloud a:link {
	color: #1111CC;
	text-decoration: none;
} 
.tagcloud a:visited {
	color: #006064;
	text-decoration: none;
}
.tagcloud a:hover {
	color:#12aab1;
	text-decoration: none;
}

.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_nav_menu .localNavi li a:hover{
	text-decoration: none;
}

.widget_archive li a:before,
.widget_categories li a:before,
.widget_nav_menu .localNavi li a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: 900;
	color:#12aab1;
}

[DRILL LANCER]

こういう問題は実際にどうなっているのか見てみないと具体的な回答ができないので
差し支えなければあなたのサイトのURLをご提示していただけたら幸いです。

もしくは、新規にサイトを作成してデモデータをインポートして同様のカスタマイズを施し
そのサイトのURLを提示するのも手だと思います。

[DRILL LANCER]

.tagcloud aのbackground-colorに#12aab1に近い色が設定されているのでしょう。

こういう問題は実際にどうなっているのか見てみないと具体的な回答ができないので
差し支えなければあなたのサイトのURLをご提示していただけたら幸いです。

もしくは、新規にサイトを作成してデモデータをインポートして同様のカスタマイズを施し
そのサイトのURLを提示するのも手だと思います。

[DRILL LANCER]

ウィジェットの設定後、ブラウザ、プラグイン、サーバー等の諸々のキャッシュを削除すると
うまく表示される可能性があるので試してみてください。

古いバージョンをお使いの場合、明日以降に 1.6.3 が使用可能になるらしいのでそれを待つのも手かもしれません。

[DRILL LANCER]

画像のように設定してみてはいかがでしょうか？（URLは適当）
お問い合わせボタンの文字、お問い合わせボタンリンクURLでボタンが構成されます。

スキンによっては多少違ってくるのでどのスキンを使用しているのかを併記するとベストです。

Attachments:

You must be logged in to view attached files.

[投稿者]

投稿