DRILL LANCER
フォーラムへの返信
-
投稿
-
冒頭に記載の３つのみでOKの場合は下記コードで可能となります。
width の値は適宜変更してください。.mainSection-col-one .wp-block-vk-blocks-faq, .mainSection-col-one .wp-block-vk-blocks-timeline, .mainSection-col-one .wp-block-vk-blocks-step { margin-left: auto; margin-right:auto; max-width:600px; }全てのブロックがエリアの幅を精一杯使用しているため一工夫が必要となります。
つまり、ブロック単位で幅を調整しなおかつ中央揃えにする必要があります。（文字のみの中央揃えも試しましたがさすがに滑稽だったので却下しました。）
とりあえず、画像ブロック以外のブロックの幅を調整し中央揃えにする方法を書いておきます。
下記 CSS コードで画像以外のブロックを中央揃えにできます。
width の値は適宜変更してください。.mainSection-col-one [class*="wp-block-"]:not(.wp-block-image) { margin-left: auto; margin-right:auto; max-width:600px; }ブロックごとに中央揃えをすると左端が揃わず別の意味で違和感が生じると思います。
下記コードは１カラム時の記事エリアの幅を調整する CSS のコードです。
下記をベースに width の部分を色々と変更してみてください。.mainSection-col-one, .sideSection-col-one { margin-left:auto; margin-right:auto; } @media (min-width: 992px) { .mainSection-col-one, .sideSection-col-one { width: 600px; } } @media (min-width: 1200px) { .mainSection-col-one, .sideSection-col-one { width: 600px; } }あと、コンテンツデータに付属している Lightning Pro 0.0.0 は中身が空っぽのものです。
その場合、下記条件を満たさないと使えません。- Lightning Pro を別途購入（ライセンスキーが発行される）
- 外観 ＞ カスタマイズ ＞ Lightning ライセンスキー と進み入力欄にライセンスキーを入力
- Lightning Pro およびプラグインを更新
現在の Lightning Pro の最新バージョンは 3.0.4 です。
【参考環境】
サーバー：XAMPP 7.4.1
PHP：7.4.1
WordPress：5.3.2LTG PRコンテンツ ウィジェットのことでしょうか？
Charm II では下記 CSS コードを子テーマの style.css に追記することで解消できます。@media (min-width: 768px) { .row.left .pr-content-col-img { padding-right: 0; } }P.S.
LTG PRコンテンツ ウィジェット は現状非推奨機能とされているようで、外観 ＞ カスタマイズ ＞ Lightning 機能設定 において停止できるようになっています。
今後廃止 or サポート対象外となるかもしれないので下記を参考に代替の方法で構築したほうがいいかもしれません。PR コンテンツ ウィジェット を停止
プラグイン VK Blocks の Outer ブロックと PR Content ブロックで同様の事ができます。P.P.S.
私は一般の参加者に過ぎないので、Lightning の今後の行く末はわからないのでその点はご了承ください。それは下記 CSS で対応可能と思われます。
.page-header .page-header_pageTitle { font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN,sans-serif; }CSSの記述場所は下記から選択してください。
- 子テーマ の style.css
- 外観 ＞ カスタマイズ ＞ 追加CSS
- ExUnit ＞ CSS カスタマイズ
私の環境（詳細は下記）では普通に反映されました（１枚目：明朝体、２枚目：游ゴシック）。
下記を試してみてください。- キャッシュプラグインや CDN を使用している場合はそのキャッシュを削除してみる
- ブラウザのキャッシュを削除してみる
- 普段使用しない別のブラウザで閲覧してみる
【私の環境】
サーバー：XAMPP 7.4.1
PHP：7.4.1
WordPress：5.3.2
Lightning Pro: 3.0.4
Lightning Skin JPNSTYLE: 3.4.1設定 ＞ 表示設定 から ホームページの表示 を変更して保存するとどうなりますか？
あと、外観 ＞ カスタマイズ ＞ Lightning デザイン設定 の最下部にある画像の部分の設定を確認してみてください。下記状況で説明させていただきます。
- トップページの URL が https://example.com
- 「実績の投稿タイプ名（データベースに登録するために識別子）」が works_b
- 外観 ＞ メニューと進みます。
- 「編集するメニューを選択」の部分で Header Navigation にしているメニューを選択
- 左側の「メニュー項目を追加」から「カスタムリンク」を選択
- URL欄に https://example.com/works_b リンク文字列に 制作実績 を記入して 追加 をクリック
- デモサイトのように 下部の説明を入れたい場合は画面上部の 表示オプション から 説明 を有効化
- 画面右にある 制作実績 ののボックスの説明欄に説明を記入
- 最後に メニューを保存 をクリック
上記のようにすればできると思います。
PHP 5.6.40 は流石に古すぎるのでさくらサーバー側でもそのうちサポート対象外になると思います。
WordPress の公式でも PHP 7.3.0 以上を推奨しています。
下記記事を参考に PHP のバージョンを上げたあと、WordPress と Lightning Pro のバージョンを最新版にしてみてください。P.S.
私は下記環境で試しましたが正常に反映されています。
サーバー：XAMPP 7.4.1
PHP 7.4.1
WordPress 5.3.2
Lightning Pro 3.0.4子テーマの functions.php に下記コードを追記すると全ページが１カラムになります。
テンプレートによってはサイドバーが下に回り込みます
※Lightning Pro 3.0.4 / Lightning 8.0.4 以降で有効です。function one_column_all( $onecolumn ) { if ( is_front_page() || is_home() || is_archive() || is_singular() || is_search() || is_404() ) { $onecolumn = true; } return $onecolumn; } add_filter( 'lightning_is_layout_onecolumn', 'one_column_all' );サイドバーを完全に消去したい場合は 子テーマの style.css に下記コードを追記すると可能です。
.sideSection { display:none; }
