-
検索結果
-
.c-ic-angle-right:beforeのheightとwidthの数値を上げれば大きくなると思います。
また、線を太くする場合は、border-top-widthとborder-right-widthを2px以上にすれば太くなると思います。Who liked:
ほかにも方法があると思いますが、簡単におこなう案です。
以下、東京駅のマップで「共有」から生成されたiframeのコードです。
- コードの
width="800"（下線）をwidth="100%"に変更して【カスタムHTML】ブロックに入れます。
- 【カスタムHTML】ブロックが選択された状態でブロックの設定（青枠①）を押し「グループ化」します。
- グループブロックを「全幅」に変更します。
こちらが上記の方法で全幅にしたGoogle mapです。
一度お試しください。Who liked:
画像のアップありがとうございます。
こちらのヘッダーは、テーマの上書きになると思います。
その方法でもよろしければ、準備として、以下のコードをmy-snow-monkey.phpに追加します。add_filter( 'snow_monkey_template_part_root_hierarchy', function ($hierarchy) { $hierarchy[] = untrailingslashit(__DIR__) . '/override'; return $hierarchy; } );まず、参考サイトのヘッダーのようにするには、【カスタマイズ】→【デザイン】→【ヘッダー】→ヘッダーレイアウトを「2行」にしておきます。
その上で、Snow Monkeyのテーマでsnow-monkey/template-parts/headerにある2row.phpをコピーして、以下のような構造にします。
※必要なのは2row.phpのみです。my-snow-monkey └override └template-parts └header └2row.phpコピーしてきた
2row.phpの54行目と56行目の間あたりに<div class="header_sns_link"> <ul class="sns_link"> <li class="twitter"> <a href="https://twitter.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a> </li> <li class="facebook"> <a href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-facebook-f"></i></a> </li> <li class="instagram"><a href="https://www.instagram.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a> </li> </ul> </div> <div class="nav_header_specials"> <ul class="nav_specials"> <li> <a href="#"><i class="fas fa-school"></i>HEADER MENU1</a> </li> <li> <a href="#"><i class="fas fa-file"></i>HEADER MENU2</a> </li> </ul> </div>こんな感じのHTMLを入れ、
overrideをmy-snow-monkey（ブラグイン）フォルダ内にアップします。
CSSはご自身で調整していただければと思いますが、以上で参考サイトのようなヘッダーにすることは可能ですが、今後Snow Monkeyのアップデートで仕様が変わる場合は、再調整が必要になると思います。
ほかにも、もっとスマートな方法もあると思いますが、1つの方法として参考にしてみてください。ちなみにわたしもやってみました。
Who liked:
ありがとうございます。
get_post_type()に変更で、うまくいきました。/** * 各投稿一覧で taxonomy のラベルをタイトルの上に表示 * * @param string $html はコンテンツの中身. */ add_filter( 'snow_monkey_template_part_render_template-parts/loop/entry-summary/title/title', function ( $html ) { $taxonomy = 'category'; $post_type = get_post_type(); switch ( $post_type ) { case 'post': $taxonomy = 'category'; break; case 'news': $taxonomy = 'news_category'; break; case 'shop-info': $taxonomy = 'shop_genre'; break; case 'interview': $taxonomy = ''; break; } $tags = ''; $postid = get_the_ID(); $post_terms = get_the_terms( $postid, $taxonomy ); if ( ! empty( $post_terms ) ) { $tags = '<ul class="' .$taxonomy. '-tags taxonomy-tags">'; foreach ( $post_terms as $post_term ) { $term_name = $post_term->name; $slug = $post_term->slug; $term_id = $post_term->term_id; $tags .= '<li class="' .$taxonomy. '-' .$term_id.' ' .$slug.'">' . $term_name . '</li>'; } $tags .= '</ul>'; } $html = str_replace( '<h3', $tags . '<h3', $html ); return $html; } );Who liked:
- コードの
