DRILL LANCER

フォーラムへの返信

15件の投稿を表示中 - 946 - 960件目 (全1,531件中)
  • 投稿者
    投稿
  • 返信先: ブロックの中央揃え #31191

    DRILL LANCER
    モデレーター

    ブロックごとに中央揃えをすると左端が揃わず別の意味で違和感が生じると思います。
    下記コードは1カラム時の記事エリアの幅を調整する 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;
    	}
    }

    DRILL LANCER
    モデレーター

    あと、コンテンツデータに付属している 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.2


    DRILL LANCER
    モデレーター

    LTG 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 の今後の行く末はわからないのでその点はご了承ください。


    DRILL LANCER
    モデレーター

    外観 > カスタマイズ > Lightning 機能設定 で PR コンテンツ ウィジェット を停止 にチェックが入っていませんか?

    そのうち廃止される可能性のある機能のようで、上記該当設定の説明文に「プラグイン VK Blocks の Outer ブロックと PR Content ブロックで同様の事ができます。」とも書かれているのでこちらで対応してはいかがでしょうか?

    P.S.
    私は一般の参加者に過ぎないので、Lightning の今後の行く末はわからないのでその点はご了承ください。

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

    DRILL LANCER
    モデレーター

    それは下記 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 カスタマイズ

    DRILL LANCER
    モデレーター

    私の環境(詳細は下記)では普通に反映されました(1枚目:明朝体、2枚目:游ゴシック)。
    下記を試してみてください。

    • キャッシュプラグインや CDN を使用している場合はそのキャッシュを削除してみる
    • ブラウザのキャッシュを削除してみる
    • 普段使用しない別のブラウザで閲覧してみる

    【私の環境】
    サーバー:XAMPP 7.4.1
    PHP:7.4.1
    WordPress:5.3.2
    Lightning Pro: 3.0.4
    Lightning Skin JPNSTYLE: 3.4.1

    Attachments:
    You must be logged in to view attached files.

    DRILL LANCER
    モデレーター

    設定 > 表示設定 から ホームページの表示 を変更して保存するとどうなりますか?
    あと、外観 > カスタマイズ > Lightning デザイン設定 の最下部にある画像の部分の設定を確認してみてください。

    Attachments:
    You must be logged in to view attached files.

    DRILL LANCER
    モデレーター

    下記状況で説明させていただきます。

    • トップページの URL が https://example.com
    • 「実績の投稿タイプ名(データベースに登録するために識別子)」が works_b
    1. 外観 > メニューと進みます。
    2. 「編集するメニューを選択」の部分で Header Navigation にしているメニューを選択
    3. 左側の「メニュー項目を追加」から「カスタムリンク」を選択
    4. URL欄に https://example.com/works_b リンク文字列に 制作実績 を記入して 追加 をクリック
    5. デモサイトのように 下部の説明を入れたい場合は画面上部の 表示オプション から 説明 を有効化
    6. 画面右にある 制作実績 ののボックスの説明欄に説明を記入
    7. 最後に メニューを保存 をクリック

    上記のようにすればできると思います。


    DRILL LANCER
    モデレーター

    PHP 5.6.40 は流石に古すぎるのでさくらサーバー側でもそのうちサポート対象外になると思います。
    WordPress の公式でも PHP 7.3.0 以上を推奨しています。
    下記記事を参考に PHP のバージョンを上げたあと、WordPress と Lightning Pro のバージョンを最新版にしてみてください。

    安全にPHPをバージョンアップするための基本手順

    P.S.
    私は下記環境で試しましたが正常に反映されています。
    サーバー:XAMPP 7.4.1
    PHP 7.4.1
    WordPress 5.3.2
    Lightning Pro 3.0.4


    DRILL LANCER
    モデレーター

    子テーマの functions.php に下記コードを追記すると全ページが1カラムになります。
    テンプレートによってはサイドバーが下に回り込みます
    ※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;
    }
    • この返信は4年、 8ヶ月前にDRILL LANCERが編集しました。
    • この返信は4年、 8ヶ月前にDRILL LANCERが編集しました。
    返信先: リンク文字色(LightningPro) #30260

    DRILL LANCER
    モデレーター

    下記 CSS コードを変更したものを子テーマの style.css に追記すれば反映されると思います。

    a {
    	color: #337ab7;
    }
    
    a:hover {
    	color: #337ab7;
    }
    
    a:visited {
    	color: #337ab7;
    }
    

    DRILL LANCER
    モデレーター

    Lightningのデザインカスタマイズ設定で、H2に薄い灰色を使用していますが

    上記が出力する CSS の方が class 一つ分強いので効いていないようです。

    .entry-body h2 {
        line-height: 1.3;
        padding: 0.6em 4em 0.5em!important;
        background-color: white!important;
    }

    というようにすると解決できると思います。

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

    DRILL LANCER
    モデレーター

    スキンは何をお使いですか?
    私が試したところ II シリーズならどれでもOKなようでしたが・・・
    下記ページの動画を参考にベースセクション設定機能を試してみてください。

    【重要】Lightning Pro 3系 / Lightning 8系アップデートにおける注意点


    DRILL LANCER
    モデレーター

    今現在、フッターウィジェットエリア2に「VK お問い合わせ情報」を
    設定しているのですが、あまりこういった設定はしないものなのでしょうか?

    今までトピックに上がってこなかった点から見るとあまりそういった使い方はされないようです。
    なんとなく設置してみた→デザインが崩れた→じゃあやめよう
    という感じで断念する方が多かったのかもしれませんが・・・


    DRILL LANCER
    モデレーター

    サイドバーが必要なのか不要なのかはっきりとした回答を頂いておりませんので、
    サイドバーは不要という前提で #30176 のコードを編集してみました。

    .sideSection {
    	display: none;
    }
    
    .mainSection-col-two {
    	float: none;
    	margin:0 auto;
    	width: 100%;
    }
    
    @media (min-width: 992px) {
    	.mainSection-col-one,
    	.mainSection-col-two {
    		max-width:730px;
    		margin: 0 auto;
    	}
    }
    
    @media (min-width: 1200px) {
    	.mainSection-col-one,
    	.mainSection-col-two {
    		max-width:730px;
    		margin: 0 auto;
    	}
    }
15件の投稿を表示中 - 946 - 960件目 (全1,531件中)