-
検索結果
-
コードを見る限りdescriptionは正しく設定されていますね。
SEO系の情報を見ると、Googleの推奨する文字数は、PCで110文字～130文字程度、スマートフォンでは60文字～80文字程度ということらしい（情報によってはそれよりも少ない文字数でした）ので、文字数を調整、少し様子を見る感じかと思います。
該当サイトのdescriptionの文字数は152文字でした。<meta name="description" content="那覇、石垣島、宮古島など、離島へお車を輸送したい、または逆に離島から博多、大阪、東京などにお車を輸送したい方、カンタン、安全、格安でお手伝いさせていただきます。2004年創業。積み重ねた年月は実績と信用の証です。期待を超える対応をさせていただきます。まずはお問合せフォームからお気軽にご連絡くださいませ。">私の個人的感想で恐縮ですが、とても多くのワードが含まれていて、句点（。）が多いのが気になりました。
離島への自動車輸送とカンタン、安全、格安を際立たせたdescriptionにされたほうが良いのではないかと感じます。フォーラムの過去のトピックにもありますが、検索結果のテキストはGoogleのアルゴリズムで抽出されているので、制御もできず、具体的な改善方法は不明です。
▼検索結果のスニペットを管理する（Google検索セントラル）
時間の許す限り、いろいろな方法を試してみてください。
検討を祈ります！Who liked:
そうなんですね。
--がNGなら、var(--_space, 1.8rem)とvar(--_margin-scale, 1)の,のあとの数値のみを入れればいいのではないでしょうか？@media ( min-width: 1024px ) { [data-has-sidebar="true"] .l-contents__main { /* width: calc(100% - 200px - var(--_space, 1.8rem)*2*var(--_margin-scale, 1)); */ width: calc(100% - 200px - 1.8rem * 2 * 1); } [data-has-sidebar="true"] .l-contents__sidebar { width: 200px; } }Who liked:
ありがとうございます。
自分も他のサーバーでは問題なく同じ表記ができたのですが、
こちらのサイトだと上手くいかない状況です。
ハイフンを一つにしたら、公開できたので、ハイフンが連続していると公開できなくなる
ようなのですが、ハイフンを連続で書かずに記述は難しいでしょうか？
Who liked: No user【Snow Monkey のバージョン】プラグインのどれですか？インストール済みのプラグインの蘭に”Snow Monkey” は表示されてません。
Snow Monkeyはテーマなので、管理画面の左サイドメニュー／外観→テーマで、Snow Monkeyが有効化されていますので、マウスオンでテーマ詳細（ボタン）を押すとバージョンがわかります。
もしくは、ツールメニュー→サイトヘルス→情報→現在のテーマ内に書かれています。
久田さんのサイトのコードを拝見しましたが、アンカーリンク先testよりも上のリーフレット・フライヤー制作にもtestがありますので、それが原因かと思います。
一度、この部分の高度な設定→HTML アンカーを調べてみてください。Who liked:
【Snow Monkey のバージョン】プラグインのどれですか？インストール済みのプラグインの蘭に”Snow Monkey” は表示されてません。再度ログインしましたが、無効化されました💦
【Snow Monkey Blocks のバージョン】バージョン 0.6.2
【Snow Monkey Editor のバージョン】バージョン 7.0.1
【ブラウザ】Google Chrome
【当該サイトのURL】### 実現したいこと
トップページの下段でリンクボタンがありますが「イラスト・ロゴ」のリンク先がグラフィックデザインページの「リンク先ページtest」のページに飛びたい。### 発生している問題
リンク先がグラフィックデザインページの別のページに飛びます。### 試したこと
カスタムカスタムHTMLでtestとしリンク元のボタン「イラスト・ロゴ」にページリンク先何か間違っているのでしょうか？
解決が困難でしたら、WordPress管理画面のパスワードから入っていただいても構いませんのでよろしくお願いします。
Who liked: No userありごうございます。
そちら試したら、うまくいったのですが、追加cssの公開ができず。
原因は文中に–が入っていると出来ないようです。
–を使わずに記述することは可能でしょうか？
Who liked: No userありごうございます。
そちら試したら、うまくいったのですが、追加cssの公開ができず。
原因は文中に–が入っていると出来ないようです。
–を使わずに記述することは可能でしょうか？
Who liked: No userすみません。こちら、返事が遅くなてしまいました。
キタジマさんにご提示いただいたコードを参考に、以下のように対応しようと思います。add_filter( 'snow_monkey_template_part_render_template-parts/header/hamburger-btn', function( $html ) { ob_start(); ?> <span class="c-hamburger-btn__close-label">とじる</span> <?php $close_label = ob_get_contents(); ob_end_clean(); $html = str_replace( '</button>', $close_label.'</button>', $html ); return $html; }, 10 );.c-hamburger-btn__close-label { display: block; } .c-hamburger-btn[aria-expanded="true"] .c-hamburger-btn__label { display: none; } .c-hamburger-btn[aria-expanded="false"] .c-hamburger-btn__close-label { display: none; }Who liked:
ご提示ありがとうございます。
試してみました。ヘッダーコンテンツ
<div class="h-content_origin"> <!-- リンク付バナー画像 --> <div class="img_banner-button"> <a href="https://example.com/page"> <img src="https://placehold.jp/3d4070/ffffff/1200x300.jpg" width="1200" height="300"> </a> </div> <!-- 2つのアイコン付ボタン --> <div class="wp-block-snow-monkey-blocks-buttons smb-buttons"> <div class="wp-block-snow-monkey-blocks-btn smb-btn-wrapper"> <a class="smb-btn header" href="https://togatherland.com/pamphlet/"> <span class="smb-btn__label left"><i class="fas fa-book-reader"></i> 資料請求</span> </a> </div> <div class="wp-block-snow-monkey-blocks-btn smb-btn-wrapper"> <a class="smb-btn header" href="https://togatherland.com/free-consultation/"> <span class="smb-btn__label"><i class="far fa-comments"></i> 無料相談会</span> </a> </div> </div> </div>追加CSS
@media ( min-width: 1024px ) { .h-content_origin { display: flex; align-items: center; } .img_banner-button { margin-right: 1.25rem; } .img_banner-button img { width: auto; height: 48px; } .smb-btn.header{ width: 180px; height: auto; border-radius: 27px; border: 2px solid #f6883c; background-color:#ffffff; color:#f6883c; font-weight:bold; font-size:14px; letter-spacing: .2em; } }
このような仕上がりになります。
調整は必要ですが、参考にしてみてください。Who liked:
@GONSY さん
ありがとうございます<(_ _)>
ヘッダーコンテンツに入力したコード↓
——————————————————
<img src="..." alt="サンプル" width="200" /> <!-- wp:snow-monkey-blocks/buttons --> <div class="wp-block-snow-monkey-blocks-buttons smb-buttons"><!-- wp:snow-monkey-blocks/btn --> <div class="wp-block-snow-monkey-blocks-btn smb-btn-wrapper"><a href="https://togatherland.com/pamphlet/"><span class="smb-btn__label left"><i class="fas fa-book-reader"></i> 資料請求</span></a></div> <!-- /wp:snow-monkey-blocks/btn --> <!-- wp:snow-monkey-blocks/btn --> <div class="wp-block-snow-monkey-blocks-btn smb-btn-wrapper"><a href="https://togatherland.com/free-consultation/"><span class="smb-btn__label"><i class="far fa-comments"></i> 無料相談会</span></a></div> <!-- /wp:snow-monkey-blocks/btn --></div> <!-- /wp:snow-monkey-blocks/buttons -->——————————————————
CSS（ボタンのデザインを変更するために使用）↓
——————————————————
.smb-btn.header{ width: 180px; height: auto; border-radius: 27px; border: 2px solid #f6883c; background-color:#ffffff; color:#f6883c; font-weight:bold; font-size:14px; letter-spacing: .2em; }——————————————————
この時に、この画像の表示になりました。
Who liked: No user
ご提示ありがとうございます。
そこまで理解されているのなら、あとちょっとですね！
メインカラムのwidthで指定されている数値を、サイドバーの数値に変え、追加CSSに記述してあげれば良いと思います。@media ( min-width: 1024px ) { [data-has-sidebar=true] .l-contents__main { width: calc(100% - 200px - var(--_space, 1.8rem)*2*var(--_margin-scale, 1)); } [data-has-sidebar=true] .l-contents__sidebar { width: 200px; } }こうですかね？
お試しくださいませ。Who liked:
