[youtube]タグで囲まれた動画の最大幅を小さくしたい
[youtube]
動画URL
[/youtube]
で囲ったタグについて、CSSにカスタマイズを行いたいです。具体的には
・marginを取り、横幅いっぱいになっている動画に余白を作る
※スマホで見る場合には、余白はいらないため、その点も考慮したCSSをご提示いただけますと幸いです。
コメント一覧
コメント投稿のガイドライン
2020/07/03
2020/07/03
更新時に更新日を変更しない方法
いつも大変お世話になっております。
素敵なテーマをありがとうございます。
タイトルの『更新時に更新日を変更しない方法』についてなのですが、微細な修正時には更新日を最新にしたくないと考えております。
今までこちらの記事（https://nelog.jp/update-level-custom）を参考に更新日の変更有無を選択していたのですが、少し前から変更しないを選択しても更新日が最新になるようになってしまい、今はこのカスタマイズははずしております。
もしSANGOのテーマにあった方法があればご教示くださいますと幸いです。
大変お忙しいところ恐れ入りますが宜しくお願いいたします。
2020/07/02
アフィリエイトボタンがテキスト表示されてしまう
サルワカ様
お世話になっております。アフィリエイトリンクを改変せずにボタンを使う方法と同じ手順で行いましたが、ボタンではなくテキストとして表示されてしまいます。
下記のようにコードを挿入しているのですが、
[center]
[afbtn class=”raised main-bc strong”]
アフィリエイト
[/afbtn]
[/center]
一度プレビューに戻り、もう一度コードの箇所を見ると
[center]
[afbtn class=”raised main-bc strong”]
アフィリエイト
[/afbtn]
[/center]
このように書き換わってします。
どのように修正したらボタンとしてアフィリエイトリンクが表示されるでしょうか。よろしくお願いいたします。
2020/07/02
シェアボタンの色を変えたい
過去のコメント欄を探したのですが、同じような質問が見当たらなかったので質問させていただきます。
デフォルトのシェアボタンは、色が多様で自分のサイトでは少し浮いてしまう為、統一感を出す為に色を変えたいと思っております。
他にSANGOを使用している方のサイトなどを拝見し、試してみたのですが、うまく反映されませんでした。私は他にシェアボタンの形などもカスタマイズしているのですが、そのコードはしっかり反映されています。色だけが変わらないのです。（ 形と色をカスタマイズするためのコードは、それぞれ違うサイトを参考にしているため別のものです。）
そこで、シェアボタンの色を変えるコードを教えていただけませんでしょうか？
2020/07/02
Easy Table of Contentsの目次ジャンプ先のずれを解消したい（スマホ表示のみ）
初めまして。よくある質問やWEBで検索しましたが、解決方法が見つからずこちらで質問さして頂いております。
現在の設定は以下のようにしています。
■高速化（SANGO）
投稿/固定ページ内の画像を遅延読み込みをON
■Easy Table of Contents
スクロールを滑らかにするをOFF
PC表示は以下の方法で目次の位置を調節できましたが、スマホ表示の場合のみCSSが効かないようです。
/*目次ズレ調節*/
.ez-toc-section {
margin-top: -12px;
padding-top: 12px;
}
Google Chrome Developer Toolsを使ってスマホ確認するとCSSが効いていますが、実機では反映されません。
※キャッシュ削除後に確認しました。
なにか解決策はありますでしょうか？
お忙しいところ申し訳ありませんが回答お待ちしております。
2020/07/01
コメント分割について
お世話になります。
コメントを分割した際に、「新しいコメントを表示」「過去のコメントを表示」というリンクが出ると思いますが、クリックするとそのページの先頭からになってしまいます。
該当のコメント部分に飛ぶようにするにはどうすればよろしいでしょうか？
宜しくお願いします。
2020/06/30
アフィリエイトボタンの文字色を変えたい
「アフィリエイトリンクを改変せずにボタンを使う方法」を読んで、アフィボタンを設置できました。
そのアフィボタンの文字色が、リンク色になっているのですが、
リンク色はそのままにして、アフィボタンの中の文字色を白に変えたいです。
（＊リンク色＝カスタマイズ＞色 で設定できるリンク色）
やり方を教えていただけませんでしょうか。よろしくお願いいたします。
2020/06/29
子テーマのfunctions.phpにコードが貼り付けられない
いつもお世話になっております。
上記準備１の通り、子テーマのfunctions.php（外観→テーマエディター→テーマのための関数）にコードを貼り付け、「ファイルを更新」をクリックしたところ、『致命的なエラーをチェックするためにサイトと通信できないため、PHP の変更は取り消されました。SFTP を使うなど、他の手段で PHP ファイルの変更をアップロードする必要があります。』と表示され、更新されません。
アフィリエイト広告をボタン表示することが目的なのですが、手順は間違っていますでしょうか？
恐れ入りますが、解決策を教えていただきたく、宜しくお願い致します。
2020/06/29
Googleの検索結果に投稿日付を非表示にする
お世話になります。google 検索で記事の説明部分に投稿日付を非表示にしたいのですが、どうすれば良いでしょうか。
一応、Yoast SEOでは非表示にしているのですが、それでも表示されてしまいます。
テーマの方で設定できる方法はないでしょうか？
よろしくお願いします。
2020/06/28
プロフィール文章で改行をしたい。
お世話になっております。
プロフィール文章で、改行をしたいと思っています。
何か方法はありますでしょうか…？
教えて頂けますと嬉しいです。何卒宜しくお願い致します。
2020/06/26
トップページのサイドバーが下にきてしまう
初歩的な質問で申し訳ありませんが、検索しても出てこなかったのでお尋ねさせてください。
トップページ用の固定ページを編集していたところ、急にサイドバーが下の方にきてしまいました..
プラグインを全て停止したり、Chromeのキャッシュをクリアにしたりしましたが変化せず。
その前の作業でこちらのページ
https://note.com/masa381/n/n63f3cf0be373
で紹介されていた方法(「無駄な余白などレイアウトが崩れる場合」)の対処方法として
「「TinyMCE Advanced」というプラグインをいれて自動整形をオフ」にしてもダメだったので
↓
そこでプラグインを入れない解決法として、トップページのみに有効なコードを「function.php」に差し込みます。
「外観」→「テーマエディター」でfunction.phpの編集画面に進みましょう。
add_action( ‘wp_head’, function() {
if (is_page( 固定ページID )) {
remove_filter(‘the_content’, ‘wpautop’);
}
});
↑
を試してみたりしたので、それが原因かな？と思い、function.phpに加筆した部分をまた削除したりしました。
お忙しいところ申し訳ありませんが、ご教示いただけますと幸いです。
2020/06/26
画像アップロード時に自動生成される520×300の画像を軽くしたい
いつもお世話になっております。
メディアに画像を追加すると520×300で生成された画像だけ大きい容量でサーバーにアップロードされてしまい悩んでおります。
例えばアイキャッチ用に680×390で作成した画像をアップロードすると、オリジナルの画像は70KBでも520×300の画像は倍近くの150KBほどで作成されてしまいます。
画質は粗くなってもかまわないので、自動生成される520×300の画像容量を軽くする方法があれば教えていただきたいです。
お忙しいところ恐縮ではございますがご返答いただけますと幸いです。
2020/06/25
[card id="投稿ID"]で表示したカードのタイトルの上に抜粋を表示したい
[card id="投稿ID"]で表示したカードのタイトルの上に
抜粋のテキストを表示したいと考えております。
[card2 id="投稿ID"]で表示した場合の日付のようなイメージです。
なんとか表示させることはできませんでしょうか。
https://saruwakakun.com/sango/comments?id=4352
を参考にチャレンジしてみたのですが、実現できませんでした。
お忙しいところ大変恐れ入りますが、何卒よろしくお願い致します。
2020/06/25
スマホ２列表示のコードを追加cssに記入しても改善されません。
スマホ２列表示の以下のコードを追加cssに記入しても改善されません。プラグインもすべて停止して確認しましたが、やはり反映されません。優先度も変えてみようと試みましたが、うまくいきませんでした。他になにか原因があるのでしょうか。
こちらの質問を参考にしました。
https://saruwakakun.com/sango/comments?id=7688
.cardtype {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.cardtype__article {
float: left;
width: 46%;
margin: 0 1.8% 25px;
}
.cardtype__article h2 {
font-size: 14px;
}
.cardtype__article time,
.cardtype__article h2 {
margin: 8px;
}
.cardtype__article .catname {
font-size: 10px;
top: 8px;
left: 5px;
}
2020/06/23
フッターを非表示にしたい
お世話になっております。
過去のコメントを確認しましたが見当たらず、質問させていただきます。
特定のページのフッターを非表示にすることは出来ますでしょうか？
ヘッダーは下記をテキストに入力することで非表示にできました。
.header {
display: none;
}
同じようにフッターも非表示にしたいと考えています。
お忙しいところ恐縮ではございますが、よろしくお願いいたします。