対馬 俊彦
フォーラムへの返信
-
投稿
-
特定の投稿ページの本文を、固定ページの一部に表示させたい
こんなやり方もあると思います。
- 共通で表示したい部分を固定ページで作成する。
- 投稿に 固定ページ本文ブロック で上記の固定ページを追加する。
- 固定ページに 固定ページ本文ブロック で上記の固定ページを追加する。
投稿と固定ページが特定の組み合わせのみで、更新することがあるなら、このやり方がよさそうです。
(「このエリアを編集」ボタンでダイレクトに編集画面にアクセスできるので)複数箇所で繰り返し使いたいのであれば、石川さんが回答された再利用ブロックの方が使いやすいです。
G3 になってクラス名が変わっていますので、G2 の指定のままではスタイルが設定されません。
3月の勉強会資料に以下のような記述がありますが、そのひとつの例がこれです。
G2からG3へモードを切り替えた時互換性はあまりありません。
受託案件の既存サイトはG3に変更せずそのまま使ってください。G3 でアイコンの色を指定するには以下のようにします。
.global-nav-name i::before { color: #******; }クラス名 (global-nav-name の部分) を調べる手順については、添付画像をご参照ください。
VK Blocksというウィジェットが利用できるウィジェット一覧に出てこないんです。
VK Blocks はブロックなので、ウィジェット一覧には出てきません。
フッターウィジェットエリアへVK PR Blocksを挿入していたのですが、ブロックで作ってこのエリアに挿入ということができるのでしょうか。
ブロックを使って固定ページを作って、VK 固定ページ本文 というウィジェットでその固定ページをウィジェットエリアに表示できます。
ウィジェットの代わりに VK Blocks の PR Blocks を使うと h1 の部分が h3 になります。
添付画像をご参照ください。SEO の観点から h1 を使わないようにしたいとお考えなのだと推察します。
そうであれば、p でなくても h3 であればよさそうです。VK PR Blocks ウィジェットの h1 を p に変更するには、
テンプレートを改変するか、JavaScript を書くかのどちらかでできると思いますが、
そこまでしなくてもいいのではないかと。表示タイプ × 画面サイズ × カラム数 の組み合わせによって画像の見え方が変わりますし、表示要素の影響を受けるものもありますので、手順が何通りもあります。
たぶんどなたも回答がしづらいのではないかと思います。
できれば、該当URLを提示していただくか、上記の組み合わせ・表示要素を具体的に示していただくと回答が得られやすいと思います。
デベロッパーツールでこのエラーは出ています
ベクトルさんのデモサイトでも、私のテストサイトでもこのエラーは出ていません。
このエラーを解消すれば問題は解決するんだろうと思います。Good luck!
1月に質問した者です。
HANA さん、質問ありがとうございます。
その後の勉強会でもいつ？と石川さんに聞いているし、何回も聞きづらかったんです。
ずっと Pro のリリース時期が気になっていたので、このトピックに反応してしまいました。
いま、小森さんのサイトをデベロッパーツールで確認したところ、以下のファイルが見つからないと表示されました。
style.css を読み込めないために CSS が適用されないわけで、ご報告のような表示上の問題が起きる可能性は理解できます。
ver= で長いバージョン(?)が指定されていますが、こういうのを見たことがありませんし、原因を想像できません。
すみませんが、私はこの先まで力及ばず、ここでいったん退散させていただきます。
他の方から解決の手がかりが得られることをご期待ください。
たぶん、小森さんのサイトでは Slide transition time がすごく小さい数字になっているのだと思います。
私は 3000 にしています。
添付画像をご参照ください。私の G3 サイトではスライドショーの動作が特に気になりません。
このスライドショーはスマホでスワイプして前後に移動できるしくみになっていますので、
マウスポインターで画面をつかめる、というのは正常な動作(仕様)です。手動でスライドを切り替えると自動実行が止まるというのも正常な動作(仕様)です。
参考にされたページの
.page-id-780の部分を.post-type-*****に置き換えたものがご希望の作業手順です。***** はカスタム投稿タイプの投稿タイプIDです。
誤：ナビゲーションが動かない
正：スライドショーが動かない
ですね。私のテストサイトで試したところ、以下のような状況です。
Lightning 14.0.3 ＋ Lightning G3 Pro Unit 0.1.3 ＋ VK Blocks Pro 1.0.16
〇 スライドショーが動作しますLightning 14.0.3 ＋ Lightning G3 Pro Unit 0.1.3 ＋ VK Blocks Pro 1.2.1
× スライドショーが動作しません小森さん、
お役に立てる機会がありそうで、記事を書いてよかったです。
以下の行を CSS に追加するとアイコンの色を指定できます。(#****** はカラーコード)
.gMenu_name i::before { color: #******; }このトピックを読んで、iタグってなに・・・？ と思う方がいると思いますので、iタグを使ってアイコンを追加する手順をブログ記事にしました。
Font Awesome のアイコンをメニュー項目に表示する
https://lightning-pale.hp1.work/font-awesome-menu-icon/無料で使える Font Awesome のアイコンは現時点で 1,609個 あります。
また、Pale のカスタマイズ機能はすべてのメニュー項目で同じアイコンしか使えませんが、Font Awesome アイコンを使えば個々のメニューを別々のアイコンにできます。
Katawara 1.6.1 にアップデートしてエラーが起きなくなったことを確認いたしました。
ご対応、ありがとうございました。
