メインコンテンツへ移動

Search results of "i"

15件の結果を表示中 - 6,571 - 6,585件目 (全9,033件中)
  • 投稿者
    検索結果
  • #54677

    返信が含まれるトピック: Snow Monkey Blocks 目次の表示条件を知りたい

    アバター画像キタジマ タカシ
    参加者
    2606

    あ、これ、セクションブロックの中の見出しは対象に追加されますが、セクションタイトル(.smb-section__title)は対象にならないかもです。こちらも必要なようならコード書いてみますのでお知らせくださいまし。

    0
    Who liked: No user
    #54674

    返信が含まれるトピック: Snow Monkey Blocks 目次の表示条件を知りたい

    アバター画像キタジマ タカシ
    参加者
    2606

    目次ブロックは、入れ子になっていない記事直下の見出しタグだけが対象になっています。セクション見出しなど、入れ子になっている見出しを対象にするにはフィルターフックで追加が必要です。下記のトピックにコードが書いてあるので試してみてください!

    目次ブロックの設定に「セクションブロックの見出しも対象にする」みたいなチェックはあっても良いかもですね。

    0
    Who liked: No user
    アバター画像キタジマ タカシ
    参加者
    2606

    おそくなってしまいすみません! 下記のコードを My Snow Monkey プラグイン、もしくは子テーマの functions.php に貼り付けてみてください。

    add_filter(
    	'snow_monkey_pre_template_part_render',
    	function( $html, $slug ) {
    		if ( 'template-parts/header/simple' === $slug ) {
    			ob_start();
    
    			$header_type      = get_theme_mod( 'header-layout' ) . '-header';
    			$header_alignfull = get_theme_mod( 'header-alignfull' );
    			$has_drawer_nav   = has_nav_menu( 'drawer-nav' ) || has_nav_menu( 'drawer-sub-nav' );
    			$container_class  = $header_alignfull ? 'c-fluid-container' : 'c-container';
    			?>
    			<div class="l-<?php echo esc_attr( $header_type ); ?>">
    				<div class="<?php echo esc_attr( $container_class ); ?>">
    					<div class="l-<?php echo esc_attr( $header_type ); ?>__row">
    						<div class="c-row c-row--middle">
    							<div class="c-row__col" style="width: 50px">
    								<?php \Framework\Helper::get_template_part( 'template-parts/header/hamburger-btn' ); ?>
    							</div>
    							<div class="c-row__col c-row__col--auto u-text-center">
    								<?php \Framework\Helper::get_template_part( 'template-parts/header/site-branding' ); ?>
    							</div>
    							<div class="c-row__col" style="width: 50px"></div>
    						</div>
    					</div>
    				</div>
    			</div>
    			<?php
    			return ob_get_clean();
    		}
    		return $html;
    	},
    	10,
    	2
    );

    上記は「シンプル」の HTML を再定義するコードになります。他の方法としては、子テーマの templates/header/ の中に例えば simple2.php のようなファイルを作って(ちょっとコードを足せば My Snow Monkey の中でも可能)、その中のコメントに Name: simple2 のように書くとカスタマイザーで「simple2」を選べるようにもなります。

    0
    Who liked: No user
    #54657

    返信が含まれるトピック: スキンを作る方法(流れ)

    Kmical Lights
    閲覧者
    235

    プラグインでつくるのですよね。

    そうですね。デザインスキンもプラグインですが、デザインスキンの場合はデザインスキンとして準備されている型やファイル構成などに合わせて作成する必要があります。(解説記事に構成が記載されているとおりです)

    CSSはどの様に指定すればよいのでしょうか?
    上書き用CSSをフックで読み込ませるのでしょうか

    デザインスキンは基本的に、
    customize-control.jsでカスタマイザーの値を変更されては困る部分などを固定化し、
    design-skin.cssにデフォルトのスタイルを上書きして、デザインをカスタマイズする形となると思います。

    解説記事にあるビジュアルエディタ用の CSS は、ブロックエディターとなった今は必要ないことが多いので、最初は無視しても良いと思います。

    トップページは画像または動画を全面表示したいです。

    このケースは、場合によって、my snow monkeyでやる方が良い場合もあるなど、スタイルなどの構想パターンによっても良い方法は異なるかもしれません。

    デザインスキンは、構造上からも phpでフックを使ってカスタマイズしまくる…と言う事はあまりしない方が良いので、構造を大きく変える場合、デザインスキンではないプラグインを作って、デザインスキンと併用する方が管理もしやすくなると思います。(デザインスキン + my snow monkeyプラグインの2つで大きくカスタマイズする形を推奨とされているようです)

    構想中とありますが、大きくデザインを変更するようなものをお考えであれば、
    デザインスキンでカスタマイズする部分と、my snow monkeyで大きく変更する部分などと言うように
    別に考えれば、理解しやすいと思います。
    また、大きなカスタマイズは最初からしようとせずに、まずは見出し程度のCSSの上書きという形で、最小のスキン化を行ってみてください。上手くいけば、スキン化する部分を広げていくと良いデザインスキンが作れていくと思います。

    0
    Who liked: No user
    #54656

    返信が含まれるトピック: *****

    *****
    [ プライベートトピックのため非表示 ]
    0
    Who liked: No user
    #54640

    返信が含まれるトピック: *****

    *****
    [ プライベートトピックのため非表示 ]
    0
    Who liked: No user
    #54639
    Kmical Lights
    閲覧者
    235

    $item->url より $item (と、ついでに $args)を渡したほうが良くないですかね?

    確かに。
    $argsはもう第3引数で渡されているので、第4引数で$itemを渡すようにする方が良いかもですね。

    1
    Who liked: No user
    #54625
    アバター画像キタジマ タカシ
    参加者
    2606

    なるほど! $item->url より $item (と、ついでに $args)を渡したほうが良くないですかね?

    0
    Who liked: No user
    #54624

    返信が含まれるトピック: *****

    *****
    [ プライベートトピックのため非表示 ]
    0
    Who liked: No user
    #54623

    返信が含まれるトピック: *****

    *****
    [ プライベートトピックのため非表示 ]
    0
    Who liked: No user
    #54617
    アバター画像キタジマ タカシ
    参加者
    2606

    @Kmical Lights さん、ありがとうございます!

    @Shingo Sasaki さん

    – lin.ee の追加
    – https://note.com/ の追加

    は v11 で対応したいと思います!

    2
    Who liked: No user
    #54606

    返信が含まれるトピック: *****

    *****
    [ プライベートトピックのため非表示 ]
    0
    Who liked: No user
    #54594

    返信が含まれるトピック: *****

    *****
    [ プライベートトピックのため非表示 ]
    1
    Who liked: No user
    #54583

    返信が含まれるトピック: *****

    *****
    [ プライベートトピックのため非表示 ]
    0
    Who liked: No user
    #54571
    Kmical Lights
    閲覧者
    235

    @Shingo Sasakiさん

    URLがlin.eeから始まる場合は、アイコンが表示されないのですね・・・

    LINEに、そんなショートドメインのURLが存在してたんですね。
    lin.ee は Snow Monkey v10 ではアイコン表示に対応していないので、v11以後に対応されると思います。
    とりあえず、こちらも断定的な対応コードを載せておきます。お急ぎでしたらお使いください。

    add_filter(
    	'snow_monkey_social_nav_item',
    	function( $_new_item_output, $_item_output, $_args ) {
    		if ( false !== strpos( $_item_output, 'https://lin.ee/' ) ) {
    			$_new_item_output = str_replace( $_args->link_before, '<i class="fab fa-line"></i>' . $_args->link_before, $_item_output );
    		}
    		return $_new_item_output;
    	},
    	10,
    	3
    );
    2
    Who liked: No user
15件の結果を表示中 - 6,571 - 6,585件目 (全9,033件中)

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。