SANGOのショートコード一覧

SANGOのショートコード一覧

このページではSANGOで使用することのできる「ショートコード」を一覧で紹介していきます。

SANGO Gutenbergについて

ブロックエディターをお使いの方は、SANGO Gutenbergを利用するのがオススメです。ショートコードで実現できることは全てSANGO Gutenbergでも実現できます。

ver1.4〜 アコーディオン機能

隠したいコンテンツをここに記載

以下のショートコードをエディタの好きな位置に挿入することで、上のようなアコーディオンを使用できるようになりました。

[open title='ここにタイトル']
隠したいコンテンツをここに記載
[/open]


ver1.4〜 タイムライン機能

STEP.1
フタを開ける
カップラーメンのフタを半分だけ空けます。
STEP.2
お湯を注ぐ
うっすらと見える線の位置までお湯を注ぎます。
STEP.3
3分間待つ

タイマーを3分セットし、じっと待ちます。

完成!

以下のショートコードを利用することで、上のようにタイムライン形式のレイアウトにすることができます。画像などを挿入することももちろん可能です。なお、ショートコード内のlabelやtitleは任意指定です。空欄にした項目は表示されません。

のカタマリはいくつでも増やすor減らすことができます。

[timeline]
[tl label='STEP.1' title='タイトル1'] 中身1 [/tl]
[tl label='STEP.2' title='タイトル2'] 中身2 [/tl]
[tl label='STEP.3' title='タイトル3'] 中身3 [/tl]
[tl label='STEP.4' title='タイトル4'] 中身4 [/tl]
[tl label='STEP.5' title='タイトル5'] 中身5 [/tl]
[/timeline]


1. 関連記事を出力する(横長)

色の設定をしよう

[kanren id="投稿ID"]

ブログ内の記事へのリンクを貼るときにのみ使用できます。id=の中には投稿IDを入力します(投稿IDは、投稿編集ページのURLを見れば確認できます。post=◯◯の数字が投稿IDとなります。)

応用編
  • id="15,28"のように半角カンマ区切りで投稿IDを指定することで、複数の関連記事をまとめて貼ることができます。
  • リンク先を別のタブで開くようにしたい場合は[kanren~略~ target="_blank"]というようにtarget="_blank"をショートコード内に追加します。
  • カードに日付を表示したい場合は[kanren~略~ is_date="1"]というようにis_date="1"をショートコード内に追加します。


2. カードタイプの関連記事を出力

[card id="投稿ID"]

こちらもブログ内の記事へリンクを貼りたいときに使用します。半角カンマ(,)区切りで複数の投稿IDを指定できます。

別スタイルのカード

[card2 id="投稿ID"]

ショートコード名をcard2に変えると、上のような日付入り関連記事カードを挿入できます。Ver1.4〜使用できるショートコードです。


3. 他サイトへのリンクを出力

参考 力尽きたときの簡単レシピサルワカ

[sanko href="リンク先のURL" title="記事のタイトル" site="サイト名"]

他サイトへのリンクを貼りたいときはこちらを使用します。

オプション

リンク先を別のタブで開くようにしたい場合は[sanko~略~ target="_blank"]というようにtarget="_blank"をショートコード内に追加します。


4. 線を引く


[sen]

記事の途中などで横に線を引いて区切りたいときにはこちらを使います。


5. 点線を引く


[tensen]

さきほどの点線バージョンです。


6. 補足説明

MEMO
ここに文章

[memo title="MEMO"]ここに文章[/memo]

補足したい文章をショートコードで挟んで使用します。このショートコード内でさらに別のショートコードを使用することもできます。title=内の「MEMO」という部分は自由に書き換えることができます。


7. 注意書き

注意
ここに文章

[alert title="注意"]ここに文章[/alert]

注意書きをショートコードではさんで使用します。タイトル部分は自由に書き換えることができます。


8. ソースコードボックス

HTML
<div>TEST</div>

[codebox title="HTML"]<pre><code>ソースコード</code></pre>[/codebox]

こちらはあまり使用する方は多くないかもしれませんが…。ソースコードをユーザーのために表示するボックスです。<pre><code>タグと合わせて使用します。title=""に記載した文字列がボックス上のタブとして表示されます(空欄だとタブは表示されません)。HTMLを貼り付ける場合には、HTMLエスケープツールなどでエスケープした上でタグを貼り付けるようにしましょう。


9. 吹き出し

サルワカくん

ここに吹き出しの中に入れる文を書きます。

[say name="サルワカくん" img="画像のURL"]ここに文章[/say]

名前(name="~")は省略可能です。いちいち画像のURLを貼るのは面倒だと思うので、画像のURLまで含めたショートコードをプラグイン「AddQuicktag」に登録しておくか、メモ帳などに控えておくと良いでしょう。

TIPS

Ver1.4〜は、外観⇒カスタマイズ⇒詳細設定からデフォルトの吹き出し画像と名前を登録しておくことができます。[say]ここに文章[/say]と入力したときに、デフォルトで登録されている画像・名前が使用されます。



10. 吹き出し(右に顔)

ここに吹き出しの中に入れる文を書きます。

サルワカくん

[say name="サルワカくん" img="画像のURL" from="right"]ここに文章[/say]

from="right"という文字列を加えると、右側から吹き出しが伸びるようになります。


11. 横並び2列

[yoko2 responsive]
1列目:画像・文章などをここに
2列目:画像・文章などをここに
[/yoko2]

画像や文章、ボックスなどなどを横並び2列で表示できるボックスです。ブラウザサイズが767px以下になると、縦1列に並ぶレスポンシブ仕様となっています。

オプション
responsiveというショーコード内の文字列をまるっと消すと、ブラウザサイズに関わらず常に横2列で並んで表示されるようになります。


12. 横並び3列

2列目だけ文章にしてみました

[yoko3 responsive]
1列目:画像・文章などをここに
2列目:画像・文章などをここに
3列目:画像・文章などをここに
[/yoko3]

さきほどの横並び3列バージョンです。ブラウザサイズが767px以下になると、縦1列に並ぶレスポンシブ仕様となっています。responsiveというショーコード内の文字列をまるっと消すと、ブラウザサイズに関わらず常に横3列で並んで表示されます。


13. YouTube埋め込みをレスポンシブにする

※ クラシックエディターのみ

[youtube]
YouTubeのURL
[/youtube]

WordPressのクラシックエディターで記事にYouTubeを埋め込むと、スマホで見た際に動画の左右が切り取られて表示されてしまいます。このショートコードで埋め込みコードやURLを挟むことで、それを防ぐことができます。

なお、Gutenbergエディターを使っている場合、YouTubeの埋め込みにこのショートコードを使う必要はありません(左右が切り取られないように自動的に調整してくれます)。


14. モバイルでのみ表示

[mobile]
ここにモバイルでのみ表示させるもの
[/mobile]

こちらのショートコードではさんだものは、PCでは表示されず、モバイル(スマホ/タブレット)でのみ表示されるようになります。


15. PCでのみ表示

[pc]
ここにPCでのみ表示させるもの
[/pc]

こちらのショートコードではさんだものはモバイルでは表示されず、PCでのみ表示されます。


16. 特定のカテゴリーの記事でのみ表示

ver1.3〜 例えば、[category id="4"]こんにちは![/category]と入力すると、カテゴリーIDが4の記事のみで「こんにちは!」と表示されるようになります

[category id="カテゴリーID"]
ここに指定したカテゴリーの記事でのみ表示したいものを記入
[/category]

なお、id="2,5"のようにIDは半角カンマ区切りで複数指定することができます。

使いどころ

ウィジェットで使用すると便利です。例えば、「Webデザイン」カテゴリーの記事全てに「Webデザインの勉強ならこちらのサイトがおすすめ!」というテキストとリンクをまとめて挿入したいとします。その場合「コンテンツ後の広告ウィジェット」等に、上のショートコードとテキストを書き込めば良いのです。

▼使用例

[category id="WebデザインカテゴリーのID"]
Webデザインの勉強ならこちらのサイトがおすすめ!
[/category]

特定のタグを持つ記事でのみ表示

ver1.5で追加されたショートコードです。簡単に言うと「特定のカテゴリーの記事でのみ表示」のタグ版です。

[onlytag id="タグID"]
指定したタグを持つ記事でのみ表示したいものを記入
[/onlytag]



17. 画像上に文字をのせる

GOOD INNOVATION

[texton img="画像のURL" title="画像上にのせる文字"]

こちらのショートコードで「画像のURL」と「テキスト」を指定すると、画像上の中央に簡単に文字を配置することができます。


18. 指定したカテゴリーIDの記事を好きな数だけ出力

SANGOでCSSやJavaScriptの読み込みリソースを減らす方法 SANGOでCSSやJavaScriptの読み込みリソースを減らす方法 SANGOでアフィリエイトボタンを使う 【SANGO】アフィリエイトリンクを改変せずにボタンを使う方法 モバイル用フッター固定メニューの設定方法

[catpost catid="カテゴリーID" num="出力する記事数"]

「カテゴリーID」と「出力する記事数(例:num="6")」を指定するだけで、そのカテゴリーの記事へのリンクカードが指定数分だけ出力されます。初期設定だと公開日が近い記事順に表示されます。参考:カテゴリーIDの調べ方

オプション
[catpost~略~ type="card"]とショートコード内に加えるとリンクカードのデザインが縦長の影付きのものになります。

[catpost~略~ orderby="rand"]を加えると、指定したカテゴリーの中から記事がランダムに出力されるようになります(初期設定だと投稿日順)。

[catpost~略~ order="ASC"]を加えると、古い記事から順番に出力されるようになります。

[catpost~略~ include_children="1"]を加えると、指定したカテゴリーの子カテゴリーの記事も含まれるようになります(v1.8.3から対応)。


19. 新着記事を好きな数だけ出力

ver1.3.1〜 指定したカテゴリーの記事を好きな数だけ出力するショートコードにて、下記のようにカテゴリーを指定しなかった場合に、サイト全体の新着記事が表示されるようになりました。

[catpost num="出力する新着記事数"]

またnotin="1,5"というようにパラメーターを追加することで、特定のカテゴリーを除外することもできます。

[catpost num="出力する新着記事数" notin="除外するカテゴリー"]


20. 指定したタグを持つ記事を好きな数だけ出力

ver1.3.1〜 「指定したカテゴリーの記事を好きな数だけ出力するショートコード(後述)のタグバージョンです。

[tagpost id="タグID" num="出力する記事数"]


21. レビューボックス

ver1.2〜 下のような評価テーブルを簡単に作成することができます。

この本の評価
読みやすさ
(3.5)
面白さ
(4.0)
デザインの美しさ
(5.0)
値段
(2.0)
コレクション性
(1.5)
総合評価
(4.5)

ショートコードは以下のようになります。

[rate title="この本の評価"]
[value 3.5]読みやすさ[/value] [value 4]面白さ[/value]
[value 5]デザインの美しさ[/value]
[value 2]値段[/value]
[value 1.5]コレクション性[/value]
[value 4.5 end]総合評価[/value]
[/rate]

ショートコード全体を[rate]〜[/rate]ではさみ、その中に項目数だけ[value 点数]項目名[/value]を入れます。点数は「1」〜「5」まで「0.5」刻みで入力することができます(「4.7」などは対応していません)。
また「総合評価」のように1つだけ目立たせたい場合には[value 4.5 end]というようにendを加えることで、その行だけ水色になります。

22. ボタン

ショートコードの種類が多数あるため、別記事にまとめました。

ボタンの挿入方法とデザイン一覧 ボタンの挿入方法と種類一覧


23. 箇条書き

同じく多数の種類があるため、別記事にまとめました。

SANGOの箇条書き種類一覧 記事に様々なスタイルの箇条書きを挿入する


24. ボックス

同じく多数の種類があるため、別記事にまとめました。

SANGOのボックス種類一覧 ボックス・枠を挿入する方法と種類一覧


その他見出しなど

文字の装飾や、SANGOオリジナル見出しの挿入はショートコードではなく、ビジュアルエディタのスタイル設定から行うことができます。詳しくはこちらの記事をどうぞ。

テキストの文字色と色の変更 テキストの装飾とサイズ・色の変更方法 見出しの挿入方法と種類一覧 見出しの挿入方法と種類一覧


AddQuicktagでショートコードを簡単挿入

AddQuicktagというプラグインにショートコードを登録しておくと、エディタ上での簡単に挿入ができるようになります。なお、ここまで紹介してきたショートコードが登録されたAddQuicktagのエクスポートファイルを下の記事内で配布しています。よろしければご活用くださいませ。

AddQuicktagで簡単ショートコード挿入 AddQuicktagで簡単にショートコードを挿入しよう

375 COMMENTS

アバター
りん 2022/04/11

Gutenbergを使って画像を横並びレスポンシブ2列にしたい。

こんにちは。 Gutenbergを使って画像を横並びレスポンシブ2列にしたいです。 ちょうどこのページの 11. 横並び2列(https://saruwakakun.com/sango/shortcode-list) →767px以下になると、縦1列に並ぶレスポンシブ仕様 の項目です。 しかし、今のところGutenbergではアドクイックタグは使えず、 もちろん、ショートコードをコピペして「HTM…

回答を見る
アバター
ロバの耳 2022/04/06

追記:iPad縦で、pcのみ・モバイルのみ表示が機能しない

先ほど質問を送信した者です。 「iPad縦表示の際、pc・モバイルのコンテンツが逆に表示される」と書きましたが、 「iPad縦表示の際、pcのみ・モバイルのみが機能しない」の方がわかりやすいと思い、追記いたします。 再度の質問恐縮ですが、調整の方法を教えてください。 よろしくお願いします。

回答を見る
アバター
ロバの耳 2022/04/06

iPad縦で、pcのみ・モバイルのみ表示が逆になる

こんにちは。 タイトルの通りで、iPad縦表示の際、pc・モバイルのコンテンツが逆に表示されます。 幅の問題だと思うのですが、調整の方法がわかりません。 うまく表示させるにはどうしたらよいでしょうか? 回答お待ちしています。よろしくお願いします!

回答を見る
アバター
中村知博 2022/03/06

横並び画像リンクについて

お世話になっております。 メーカーのカタログ・商品一覧のようなページを作りたく、pcで横4列、モバイルで横2列表示で画像リンクを並べたいのですが、コードなどを教えていただくことはできないでしょうか? 標準のものですとモバイルで1列になってしまい、場所を取りすぎてしまうので。 お忙しい中申し訳ないですが、よろしくお願いします。

回答を見る
アバター
おのねこ 2022/01/19

投稿ページの下にあるカテゴリーとタグを非表示にしたいです。

投稿ページの下にあるcategory:〇〇とtagu:〇〇を表示させない方法がありましたら教えていただきたいです。よろしくお願いします。

回答を見る
アバター
りんごの扉 2022/01/03

8. ソースコードボックスが正しく表示されない

8. ソースコードボックスが正しく表示されません。 コードの書き方が変わっているのでしょうか? [codebox title="ターミナル"]diskutil list[/codebox] と入力すると、 ターミナルdiskutil list と形も崩れてタグも全て表示されてしまいます。 環境はMacのChromeです よろしくお願いいたします。

回答を見る
アバター
yuya 2021/12/10

「指定したタグを持つ記事」出力で長方形のサムネイルを使いたい

お世話になります。 「指定したタグを持つ記事を好きな数だけ出力」で関連記事カードを表示させているのですが、そのサムネイル画像が正方形になっているのを横長にしたいのですが可能でしょうか? 応用カスタマイズページ内の「関連記事ショートコードのサムネイル画像を長方形で表示する方法」を子テーマに導入したのですが、タグIDで一覧表示させているカードのサムネは変わりませんでした。 可能でしたらやり方を教えて頂…

回答を見る
アバター
Yushin 2021/09/08

日付の自動計算及びショートコードについて質問です

お世話になっています。 SANGOのおかげでブログライフがとても充実しております。 ありがとうございます。 質問なのですが、 ページ閲覧日から数日後の日付を自動計算して表示させる事は可能でしょうか? 例: 『今日から30日間無料』→『今日から◯月◯日まで無料』 『現在キャンペーン中』→『◯月◯日までお得に購入できます』 そのようなショートコードでもあれば、個人的に大変重宝するのですが・・・。 アド…

回答を見る
アバター
tehu 2021/07/03

横長カードでの記事一覧のタイトルのフォントサイズ(できれば太さも)変更したい

お世話になります。 横長カードの場合の、トップページの記事一覧やショートコードでの記事一覧で表示されるタイトルのフォントサイズとできれば太さの変更方法を教えていただきたいです。 文字サイズの変更方法の回答であったものを様々試してみたのですが特に変わりませんでした。横長カードの場合を教えていただけると助かります。 お忙しいところ申し訳ありませんがよろしくお願い致します。

回答を見る
アバター
もび 2021/05/31

横並び2列のスマホ表示順

横並び2列で左を画像、右をテキストにするとスマホでは上に画像、下にテキストと表示されますが、このスマホ表示の順番を逆にすることは可能でしょうか。

回答を見る
アバター
Taro 2021/04/05

「サルワカ」にあるような画像に吹き出しをつける方法

お世話になっております。 先日購入させていただきましたものです。ドキュメントの読み込み不足かもしれませんが、「サルワカ」にあるようなこのような画像に吹き出しをつけるような方法はありますでしょうか? もしありましたらご教授いただければ幸いです。 https://i.gyazo.com/4240a0638e789c220b3e2201ea385c96.png https://i.gyazo.com/e…

回答を見る
アバター
マツ 2021/02/07

テーブルのthの色を変更したい

お世話になります。 下記のようにしたのですが、thの色だけが反映されなくて困っています。 table.abc th{ padding: 10px; font-weight: bold; vertical-align: top;  background-color: #ffd78c; font-size: 13px; } プラン 料金 説明 1111 2222 3333 どのようにしたらいいのかアド…

回答を見る
アバター
なおと 2021/01/21

関連記事([kanren id =""])の左上に「STEP.○○」を表示させたい.

先ほど質問文が半端な状態で送信してしまいました。失礼いたしました。 関連記事([kanren id =""])についてご質問です。 サルワカさんのこちらのページのように、各関連記事の左上部分に「STEP.○○」と表示させたいです。 https://saruwakakun.com/html-css/basic 恐れ入りますが、ご教授よろしくお願いいたします。

回答を見る
アバター
なおと 2021/01/21

関連記事([kanren id =""])の左上に「STEP○○」を表示させたい.

こちらのサルワカさんのページのように、各関連記事カードの左上部分に「STEP○○」を表示させたいです。 https://saruwakakun.com/html-css/basic

回答を見る
アバター
にしゆうや 2021/01/21

ショートコードを入力して消したが、影のようなものが残った。

はじめまして、よろしくお願いします。 旧エディターで入力しています。 僕のサイトのトップページ 新着ブログ一覧の左上あたりの灰色の影のようなものが消えなくて困っています。 ショートコードを使って記事を作成していました。

回答を見る
アバター
渡辺 2020/09/12

画像吹き出しが時間経つと画像が出ず、?マークになる

ご無沙汰しております。 記事に吹き出しを使っているのですが、なぜか時間が経つと(何日がすると)画像が表示されなくなり、?マークになってしまいます。 前に書いた記事などにも吹き出しを使っていた場合、そちらも?マークになってしまい困っております。 対処法はありますでしょうか?

回答を見る
アバター
kura-kura.net 2020/09/12

catpostショートコードでカテゴリー名を表示させたい

ショートコード catpost を使用して新着記事を好きな数だけ出力する時に、トップページの新着記事のカード表示のように、カテゴリー名や[NEW]を表示させたいと思っています。 こちらの問い合わせ(https://saruwakakun.com/sango/comments?id=7037)の回答を見つけたんですが、やはり現状でも難しいでしょうか。 よろしくお願いします。

回答を見る
アバター
BeauTone 2020/08/16

固定ページへ、別の固定ページをカード化して表示させたい

以前別のテンプレートを使っていて、こちらに乗り換え、みやすいデザインがガイドページのおかげで簡単に作る事ができ、大変ありがたいです! 固定ページへ、別の固定ページを 1. 関連記事を出力する(横長) 2. カードタイプの関連記事を出力 のような形でカード化して表示させる方法をお伺いできますと幸いです。 よろしくお願いいたします。

回答を見る
アバター
古川 2020/07/27

吹き出し内の文はテキストとして認識されるのでしょうか

お世話になっております。 長年使わせていただいて今更な質問ですが、 ショートコードを使った吹き出しの中の文章はテキストとして認識されるのでしょうか? 例えばSEOキーワードを含めていたとして、その文字は検索エンジンからテキストとして認識されるのでしょうか?

回答を見る
アバター
ゆたか 2020/06/17

指定したカテゴリーIDの記事を好きな数だけ出力→投稿一覧の記事の順番に表示させたい

ショートコード「指定したカテゴリーIDの記事を好きな数だけ出力」機能なのですが、 ダッシュボードの投稿一覧の記事の順番に表示させることは可能でしょうか? 表示順番を制御したく、記事順番を変えられるIntuitive Custom Post Orderプラグインをいれているのですが、投稿記事一覧の記事の順番に表示させたく思っています。 現状アーカイブページの方は投稿記事一覧の記事の順番に表示されてい…

回答を見る
アバター
けん 2020/06/15

モバイルの記事一覧(新着記事やオススメ)を2列にしたい

お世話になっております。 モバイルでのサイト表示時に記事一覧(新着記事やオススメのタブの記事)を2列にすることは可能でしょうか。 よろしくお願いします。

回答を見る
アバター
吉村 2020/06/11

「カードタイプの関連記事」で、カテゴリページを指定できますか?

「カードタイプの関連記事を出力」にて、カテゴリページのIDを指定して表示させることはできますでしょうか? 以下に直接カテゴリーIDを入れてみましたが、ダメでした... ・[card2 id="投稿ID"] この場合は、他のコメントにもありました 「カードタイプの関連記事」のhtmlを直接入力して、画像やタイトルを指定する形になりますでしょうか?

回答を見る
アバター
SUB 2020/05/31

アコーディオンの文字を「中央寄せ」したい

お世話になっていります。 アコーディオンの文字を中央寄せしたいのですが、どうしたらよいでしょう? テキスト内にて~とすると、中央にできますが、改行したように幅が出てしまい形が崩れてしまいます。 どうぞよろしくお願いいたします。

回答を見る
アバター
こん 2020/05/16

11.横並び2列で画像が表示されない

こんばんは。 [yoko2 responsive][cell]1列目:画像・文章などをここに[/cell][cell]2列目:画像・文章などをここに[/cell][/yoko2] の画像URLを入れる所に「リンクのコピー」のURLを入れたのですが、実際の画面だと「1列目:画像・文章などをここに」という文字が表示されてしまいます。 メディアライブラリには画像URLが表示されている場所がありません。 …

回答を見る
アバター
とも 2020/05/07

他サイトへのリンクの出力について、内部リンクをはっても表示されませんか?

サルカワさん、はじめまして。ご利用させていただいている「とも」と申します。 [sanko href="リンク先のURL" title="記事のタイトル" site="サイト名"] のコードに対して、内部リンクを表示させたのですが、うまく表示されていないようです。 こちらのコードでは、内部リンクは貼れませんか? 私は、「合わせて読みたい」というデザインのコードを探していたところ、サルカワさんの上記コ…

回答を見る
アバター
イシカワ 2020/05/02

吹き出しの三角の形をシャープに、小さくしたい

お世話になります。 タイトルのとおり、吹き出しの三角をシャープに、そして小さくしたいのです。 何卒、ご教示ください。

回答を見る
アバター
さかまたナギ 2020/04/21

日付入り関連記事カード(card2) の日付を消したい

日付入り関連記事カード(card2) の日付を消したいです。視認性がよく使っていきたいのですが、固定ページでも日付が表示されてしまうので消す方法があれば教えていただけないでしょうか。よろしくおねがいします。

回答を見る
アバター
リュード 2020/04/07

target="_blank"を挿入する場所

https://saruwakakun.com/sango/shortcode-list#3 こちらのページの 「3. 他サイトへのリンクを出力」で 「リンク先を別のタブで開くようにしたい場合は[sanko~略~ target="_blank"]というようにtarget="_blank"をショートコード内に追加します。」 とありますが [sanko href="リンク先のURL" title="記…

回答を見る
アバター
一色昴黎 2020/04/04

吹き出し画像下に文字を出したい

お世話になっております。SANGOを使用したところ、僅か6記事でアドセンスの審査に合格、直帰率・離脱率とも20%~30%台を維持しております。 そのような中で記事を書いていたある日、吹き出しをカスタマイズしようと思いました。 SANGOの吹き出し機能は 画像 文字 となっておりますが、これを 画像 文字 にしたいと考え、サルカワ様が公開している吹き出しカスタマイズをはじめ、様々なカスタマイズ方法を…

回答を見る
アバター
manami 2020/03/26

notinが機能しない?

はじめまして。sangoを楽しく使わせていただいています。質問させてください。 >19. 新着記事を好きな数だけ出力 にて、 ショートコード[catpost num="出力する新着記事数" notin="除外するカテゴリー"]を使って特定のカテゴリー除外が出来るとあります。 しかし何度やっても動かず…notinに指定したカテゴリー含め、全カテゴリが表されます。 前半の[catpost num=""…

回答を見る
アバター
ユウスケ 2020/03/16

レビューボックスの配色を変更したい

お世話になります。ありそうな質問でしたが、見つけられませんでしたので質問させてください。レビューボックス青、水色の部分が自分のサイトに合わず、変更したいのですが、どの部分を触ると可能になるのか、触らず追加CSSなどに追加した方がよければそれでも構いませんので、ご教示願います。それとレビューボックスのタイトルのアイコンも変更可能なのでしょうか?あわせてお願いいたします。

回答を見る
アバター
snb 2020/03/07

関連記事のイメージのシャドウを消したい

お世話になっております。関連記事(横長)内のイメージのシャドウをドラッグ前、ドラッグ後共に無くしたいと思っております。方法を教えていただければ幸いです。よろしくお願いいたします。

回答を見る
アバター
headcocoro 2020/02/19

構造化データの「datePublished」「dateModifiled」を削除したい

こんにちは。 自身で作成したカスタム投稿タイプ記事で、表題の構造化データを出力させない方法を探しています。 具体的に出力設定されている箇所は 「/library/functions/entry-functions.php」の372・373行目の "datePublished": "{$date_published}", "dateModified": "{$date_modified}", の箇所…

回答を見る
アバター
アリンコ 2020/01/30

吹き出しショートコードの色を変えたい

いつもお世話になっております。 サンゴのデザインに憧れワードプレスへ移転してきました。 ショートコードの吹き出しを使用する際に、吹き出し部分の枠の色を変更したいのですが、どのようにすれば良いのでしょうか。初歩的な質問で大変恐縮ですが、よろしくお願いいたします。

回答を見る
アバター
こめこめ 2020/01/20

カテゴリーページにサムネイル画像・OGPを設定する方法

お世話になります。 先日は問い合わせにご回答いただき有り難うございました。 サルワカさんの多言語サイトの作り方(https://saruwakakun.com/html-css/wordpress/global-seo)を参考に、サイトを多言語化したのですが、カテゴリーページにサムネイルを設定し、OGPとして設定することはできないのでしょうか。 プラグインを使って、カテゴリにサムネイルを設定できる…

回答を見る
アバター
headcocoro 2020/01/13

レビューボックスを配置した記事のGoogle 検索結果のリッチスニペット表示について

こんにちは。 レビューボックスを配置したpost記事または自身で作成したカスタム投稿タイプ記事が、Googleの検索結果に表示された場合に、 リッチスニペット(リッチレザルト)として星評価(星の数)が、その検索結果に(SERPs上の記事ページタイトル下)に表示されるようになる方法があれば教えて下さいませ。 現在、Sangoを購入して使わせてもらってから4ヶ月ほどになりますが、レビューボクスを使った…

回答を見る
アバター
こめこめ 2020/01/10

「新着記事を好きな数だけ出力」のサムネイル画像が表示されない

申し訳ありません、先ほどエンターキーで誤送信してしまいました。 現在、2このホームページでSANGOを利用しております。 [A]https://julie-dayo.net (SANGO.1.8.7) [B]https://onsen.yoneyonekun.com (SANGO 2.0.3) 「新着記事を好きな数だけ出力」を利用しているのですが、[B]のサイトをChrome/Edgeで閲覧すると…

回答を見る
アバター
あらいぐま 2019/12/30

「18. 指定したカテゴリーIDの記事を好きな数だけ出力に関するご質問」最新記事を除いて一覧表示させたい。

こんにちは。 掲題の件につきまして、ご質問させて頂きたくお願い致します。 指定したカテゴリーIDの「最近記事」を除いて一覧表示させることは可能なのでしょうか?また、指定したカテゴリーIDの「最新記事のみ」を表示させることも合わせて可能でしょうか? 初歩的な質問で大変申し訳ございませんが、ご教示の程宜しくお願い申し上げます。

回答を見る
アバター
headcocoro 2019/12/19

特定のカテゴリーの記事でのみ表示で「親カテゴリーID指定で子カテゴリー記事でも」表示させたい

質問です。 ウィジェット利用時で、 [category id ="◯"]のID指定で親カテゴリーIDを指定した場合に、その子カテゴリー記事を閲覧した場合にも上記ショートコードで挟まれている内容を表示させたいです。 ◯の子カテゴリーは無数にあり、親と子の両方をしてしての組み合わせは大変です。 親カテゴリーのID指定のみで、子カテゴリー記事表示中にもこのショートコードによる条件分岐表示を実現できる方法…

回答を見る
アバター
shokomonk 2019/12/18

ショートコードの表示について

はじめてコメントさせていただきます。 ショートコード [catpost catid="2" type="card"] ですが、表示させると https://redesign-future.com/wp-content/uploads/2019/12/02.jpg こちらのような、右端に白い余白が出てしまいます。 このような事象を解消できる方法はありますでしょうか? よろしくお願いいたします。

回答を見る
アバター
Asano Taiga 2019/11/21

ショートコードで出力したカード型記事一覧をモバイルで横並び(2列)にしたい

お世話になっております. 表記の通り,ショートコード「18. 指定したカテゴリーIDの記事を好きな数だけ出力」でカード型として出力した場合,モバイルで横並びに表示することは可能でしょうか. 力不足で実現できず,お伺いしております.よろしくお願いいたします.

回答を見る
アバター
zaki 2019/11/15

「all shortcode of sango」について

今回のアップデートでプラグイン「all shortcode of sango」が使えなくなりました。 SANGO+PORIPU使っています。 対処方法などありますでしょうか? ご回答よろしくお願いいたします。

回答を見る
アバター
スバル 2019/11/08

3列ショートコードを使用した際の列を均等にしたい

いつもお世話になっております。SANGOはとても使いやすく、重宝しております。 お忙しいところ、大変恐縮ですが、一点ご質問させてください。 [yoko3][/yoko3]を使ったところ、列にズレが生じており、3列並べると凸凹感があります。具体的に申しますと、左側の列・真ん中側の列・右側の列の画像・文字が1cmずつズレております。 そのため、列を整えるタグを調べておりました。しかし、3時間ほど経過し…

回答を見る
アバター
鈴木 2019/11/03

関連記事ショートコード(横長)で出力される記事タイトルを、任意のものに変更したい

お世話になっております。 関連記事ショートコード(横長)で出力される記事タイトルを、任意のものに変更したく調べていたところ、当該記事のコメント欄で以下の質問および回答を見つけました。 ------------------ Q:関連記事ショートコード[card id="投稿ID"]を使用した際に、記事タイトルを指定することはできますでしょうか。 普段、記事タイトルを長めにしていて、ショートコードで出…

回答を見る
アバター
ショー 2019/10/29

レスポンシブ横並びで画像下の見出しが崩れてしまう

いつもありがとうございます。 [yoko2 responsive][/yoko2]を使用して画像を入れます。 その下に次の見出しを入れるとその見出しのデザインが上の[yoko2 responsive][/yoko2]のコンテンツにも影響が出て全体的に見出しデザインが適用されてしまいます。  の改行タグを入れれば、別になり、見出しは見出しでちゃんと表示されるのですが、改行幅が広いので、&n…

回答を見る
アバター
てつ 2019/09/29

吹き出し文字内のリンク装飾

吹き出し文字の中でリンクを貼った場合に、おそらく外部リンクだとリンク下線が表示されないのですが、内部リンクの場合は文字にかかるような位置にリンク下線?が表示されてしまうようです。このリンク下線が出ないようにするにはどうすれば良いのでしょうか。 教えて頂きたく、どうぞよろしくお願いいたします。

回答を見る
アバター
匿名 2019/09/19

ショートコードで出力した関連記事のアンカーテキスト

お世話になります。 ショートコードで関連記事を出力した場合([kanren id〜][card2~]など)、アンカーテキストはどうなりますか? 記事タイトルになるのでしょうか? SEOの観点から確認したいので、お忙しい中恐縮ですが回答よろしくお願いいたします。

回答を見る
アバター
もじこ 2019/09/15

最近の投稿の表示を変更したい

トップページ用1カラム(タイトルなど出力なし)を使っているトップページに [catpost type="card" num="6"]を用いて、最近の投稿を載せています。 横2列だと、大きすぎるので4列くらいにしたいのですが、変更することは可能ですか? また、このページの{CATEGORY : 装飾・ショートコードの使い方}と{コメント数}の間の表示(記事と広告)を設定するにはどのようにしたら良いで…

回答を見る
アバター
フレン 2019/09/09

他サイトへのリンクカードを2つデザインの違うものを用意したい

sangoをいつも愛用させていただいています。 他サイトへのリンクカードのショートコードを2つ用意して、それぞれデザインの違うものにしたいのですが、どのようにしたらよいでしょうか? 回答のほどよろしくお願いいたします。

回答を見る
アバター
headcocoro 2019/07/25

記事一覧の出力やカテゴリーの指定にカスタム投稿タイプも設定したい

こんにちは。 BOOTHの方にもメッセージさせていただきました。 下記のような記事を出力するためのショートコードがありますが、 ・[category id="WebデザインカテゴリーのID"] ・[catpost catid="カテゴリーID" num="出力する記事数"] ここに、自ら作成したカスタム投稿タイプ記事(例:post_type="lemon, melon" も出力されるように追加した…

回答を見る
アバター
ふむふむ 2019/07/17

記事にサブタイトルを入れるプラグイン「WP Subtitle」をカードに反映したい

はじめまして。素敵で使いやすいテーマをありがとうございます! 記事にサブタイトルを入れるプラグイン「WP Subtitle」をインストールしたのですが、サブタイトルをショートコードのカードに表示させるには、どのphpデータを修正すれば良いでしょうか? ↓このコードをphpに入れるようなのですが、ショートコードの場合はどうすればいいか分からず…。 修正したいのは下記のショートコードです。 2. カー…

回答を見る
アバター
オオノ 2019/07/12

関連記事ショートコードで出力される記事タイトルを任意のものに変更したい

お世話になっております。 関連記事ショートコード[card id="投稿ID"]を使用した際に、記事タイトルを指定することはできますでしょうか。 普段、記事タイトルを長めにしていて、ショートコードで出力した際は短いタイトルに変更して表示したいと思っています。 よろしくお願い致します。

回答を見る
アバター
のじ 2019/07/09

ソースコードにシンタックス・ハイライトを適用させたい

こんにちは。お世話になっております。 ソースコードボックスを使用しているのですが、ハイライトをしたり、背景色を変更する方法はありますでしょうか? よろしくお願いします。

回答を見る
アバター
りん 2019/06/07

関連記事を中央に配置

関連記事(横長)[kanren id="投稿ID"]を中央に配置したいのですが、どうすればいいでしょうか? [center]やで囲っても効かないので、ご教示いただければ幸いです。

回答を見る
アバター
ポテ 2019/06/06

YouTubeのライブ配信動画を埋め込みたい

初めまして、いつもお世話になっております。 サルワカさんで用意されているショートコードの[youtube]URL[/youtube]についての質問です。 私はYoutube配信をしていて当サイトからでも見れる、配信用のページを作りたいと思い、こちらのショートコードを利用させていただいたのですが、ページに反映されることがありませんでした。 (例) [youtube]https://www.youtu…

回答を見る
アバター
クリーム 2019/06/05

横並び2列にするショートコードのレイアウトを1:1ではなく1:2にしたい

お世話になっております。 [yoko2 responsive][/yoko2]を使って画像や文章のレイアウトを1:1に表示するショートコードを設けていただいておりますが、こちらの比率を1:2にすることは可能でしょうか? 例えば、小さめの画像を左に置いて詳細の文章を右に書くということをしたいと思っております。 解決方法を検索し、自分なりにphpやcssを工夫してみたのですが実現できませんでした。 お…

回答を見る
アバター
きむら あきらこ 2019/06/02

「新着記事を好きな数だけ出力するタグ」で出力される記事一覧に投稿日を表示したい

サルワカさん、いつもお世話になっております。 新着記事を好きな数だけ出力するタグ、とても重宝しております。 https://akirako.jp/article/ ところで、この新着記事一覧に 投稿日を表示することは可能でしょうか? お手すきの時に、可能でしたらご教示いただけますと幸いです。

回答を見る
アバター
りんご 2019/05/21

「指定したカテゴリーIDの記事を好きな数だけ出力」を複製する際について

いつもお世話になっています。 18の「指定したカテゴリーIDの記事を好きな数だけ出力」のショートコードで、コメント欄で[catpost]の複製[my-catpost]を作れることを知り、お尋ねします。 [my-catpost]のCSS(class)は[catpost]と同じものになりますか? [catpost]も[catpost type="card2"]も使用しておりその2つとは別に、カード・枠…

回答を見る
アバター
taku 2019/05/11

日付を公開日ではなく、更新日で表示したい

別スタイルのカードの日付を公開日ではなく最新の更新日だけ表示することは可能でしょうか?1年前に作った記事を定期的に書き換えていまして、古い日時のままだと読者さんもよく思わないと思うので、できたらありがたいです。

回答を見る
アバター
lazy 2019/05/11

catpost catid でカテゴリー別最新記事を表示した際、子カテゴリーが表示されない

素敵なテーマありがとうございます。 現在、トップを固定ページとして下部にカテゴリー別最新記事を表示するようにしています。 ただ、[catpost catid]を使用した時だけ他のカテゴリーと振る舞いが違い、子カテゴリーが反映されません。 例えばカテゴリー別最新記事のページでは、親カテゴリーのページで子カテゴリーまで含めた最新記事が表示されます。 カテゴリーを複数指定するのは問題が生じる可能性がある…

回答を見る
アバター
としま 2019/04/20

もう一つショートコードを作るときの記述を教えてほしい

いつもお世話になっています まずSANGOのデフォルトで使用しているCSSに変更をくわえて自分なりのデザインにしてみたのですが、ショートコードはどのように変更すればよろしいのでしょうか [open title='ここにタイトル']隠したいコンテンツをここに記載[/open] ちなみに上のショートコードも記事によって使いわけています なので自分でデザインしたアコーディオンはまた別にショートコードを入…

回答を見る
アバター
Tom 2019/04/18

WordPressのリンクカードとSEOについて

おかげさまでウェブサイトが完成に近くなってきました。楽しく作成できて綺麗でもあるし何よりです。プラグインが最低限でいいのも精神衛生上とても助かります。ありがとうございます。 さて、カードで関連記事を貼り付けていましたが、URLを貼り付けても似たようなカードのような形で表示されます。詳細の一部を読むこともできこちらがいいように感じていますが、SEO上は同じでしょうか? どちらもロボットは文字を読むこ…

回答を見る
アバター
YF 2019/04/14

「関連記事を出力する(横長)」にも、投稿日が表示させたい

いつもSANGOを快適に使わせていただいています。 さて、「関連記事を出力する(横長)」にも、投稿日が表示されるようにすることは可能でしょうか? ショートコート"kanren"はスリムで使い勝手がよいので、投稿日も出力されるようになったらよりリッチになっていいなと思った次第です。 ご検討のほど、どうぞ宜しくお願い致します!

回答を見る
アバター
ひろ 2019/04/11

SyntaxHighlighterプラグインの使用について

SyntaxHighlighterを使用していますが、展開がうまくいっていないようです。 具体的にはSyntaxHighlighterのCSSが反映されておらず展開されたHTMLを見ると 本来なら要素で展開されるべきところがになっています。 テーマを変更すると正常に機能するので干渉しているのだと思うのですが、よろしくお願いします。

回答を見る
アバター
みけ 2019/04/09

吹き出しアイコンをぼやけず拡大

SANGOとってもおしゃれで素敵なテーマで、楽しくカスタマイズさせていただいております。 吹き出しについて質問を失礼します。 吹き出しのアイコンをCSSで拡大させた際に、アイコン画像がぼやけてしまいます。 別のテーマではぼやけず拡大表示ができていたため、アイコンの元画像が小さすぎることはありません。 php、cssどちらでも良いので、解決策はありますでしょうか? 現在は以下のようなcssを使い、.…

回答を見る
サルワカくん
サルワカくん 2019/04/09

お手数をおかけしました。 ありがとうございます。 ショートコードの関連記事カードの場合、中央寄せするためには別のコードが必要になります。 具体的には以下のCSSを子テーマのstyle.cssもしくは外観⇒カスタマイズ⇒追加CSSに貼り付けていただければと思います(その後キャッシュの削除が必要です)。 .linkto { margin: 1em auto 1.5em; } ご確認よろしくお願いします…

回答を見る
アバター
Yuki 2019/03/25

スマホでのみ吹き出しショートコードのアイコンサイズを小さくしたい

初めまして、サルワカさん いつもお世話になってます。 以下のご回答通りに修正し直したのですが、スマホではサイズ変更は見受けられず、PCのみ変更が適応されていました。 https://saruwakakun.com/sango/comments?id=84 PCでの表示サイズはそのままでスマホでのみアイコンサイズを小さくすることは可能でしょうか? お忙しいと思いますが、お手すきの際にご教示よろしくお…

回答を見る
アバター
Y 2019/03/22

記事一覧の出力内容をカスタマイズする

サルワカさん、こんにちは。 18. 指定したカテゴリーIDの記事を好きな数だけ出力 についてお伺いしたいことがあります。 [catpost catid="xxx" num="20" type="card2"] で出力し、表示自体はとてもうまくいったのですが、 このカードタイプのタイトル下に抜粋文を表示したいという要望が出てきました。 functions.phpでのオーバーライドが必要だと思うのです…

回答を見る
アバター
雪月 2019/03/18

PCのみ表示について

WP QUADSを使って、広告を表示させています。 そこで、記事下の広告をPCだけ2つ表示させるために、 [yoko2 responsive][cell][/cell][pc][cell][/cell][/pc][/yoko2] と書いてありますが、スマホで見ると両方とも表示されています。 前までは、一つだけ表示されていました。 使えなくなったのでしょうか?

回答を見る
アバター
としま 2019/03/17

吹き出しの文章を画像の下に配置したい

デフォルトでは吹き出しの画像の右か左に文章を入れれるようになっているのですが、画像の下に文章が来るようにしたいと思い質問させて頂きました。 もし可能ならば教えていただきたいとおもうのですが、よろしくお願いします。

回答を見る
アバター
さとう 2019/03/07

ボックス内の文字の翻訳に関して

お世話になっております。 素晴らしいテーマをありがとうございます。 ボックスのショートコードを使わせていただいているのですが、プラグインによる自動翻訳機能がボックス内の文字に反映されません。 ボックス内の文字まで翻訳を適応する方法がありましたら、ご教授頂けますと大変助かります。 プラグインはGoogle Language Translatorという、google翻訳を利用したものを使用しています。

回答を見る
アバター
Tom 2019/02/27

ショートコード とSEO

今まで出会った最高のテーマです。 ありがとうございます。 さて、初歩的で申し訳ないのですが、ショーコードを使用して画像を貼り付けたりブログカードを貼り付けた場合、alt属性とか文字をクローラーは読むことができますか? よろしくお願いいたします。

回答を見る
アバター
きのこ 2019/02/15

吹き出しのアイコンの丸い枠線の色を変えたい

こんにちは。初心者ですが、SANGOを楽しくカスタマイズさせてもらっています。 質問なのですが、吹き出しを使うときの、画像の丸い枠線の色を変えることはできますでしょうか? ブログ内で使っている他のグレー色に統一したいのですが・・・。

回答を見る
アバター
轟元気 2019/02/10

タイトルにrubyタグを含めたい

いつも楽しくSANGOを使わせていただいております。 一点ご質問なのですが、お手すきの際にご回答いただければ幸いです。 ・関連記事をカードタイプで出力した際に、タイトルが表示されますが、タイトルの中に使用したrubyタグがそのまま見えてしまいます。こちらは使用でしょうか?もし対処法がございましたらご教授ください。よろしくお願いいたします。

回答を見る
アバター
リリー 2019/02/05

吹き出しのアイコンが突然表示されなくなった

お世話になります。現在SANGOを使用させていただいております。吹き出しのアイコンが突然表示されなくなり、プラグインもOFFにしたりと試したのですが改善されませんでした。考えられる原因は何でしょうか?お手隙の際にご返答をよろしくお願いいたします。。

回答を見る
アバター
2019/01/26

吹き出しの枠線を太くしたい

こんにちは。 SANGO愛用させてもらっています。 1つ質問よろしいでしょうか。 吹き出し部分の枠線をもうすこし太くしたいのですが、 どのようにすればいいでしょうか。 初歩的な質問ですがご教授いただけると幸いです。

回答を見る
アバター
タイガーさん 2019/01/24

横並びのショートコードの前後の余白を消したい

サルワカさんこんにちは。 貴方様の知識とセンスに毎日助けられております。 ド初心者の質問ですがよろしくお願いします。 こちらの記事の11番、横並び2列について教えてください。 画像を一枚だとテキストと画像の間に余白はできないのですが、こちらの横並び2列を使用しますと、テキストと画像の間に余計な余白ができてしまうのは仕方がないことなのでしょうか。 今度よく横並びを使うことがあると思いますので、もし余…

回答を見る
アバター
たん 2019/01/15

FontAwesome5 PROを使用する場合

いつもお世話になっております。 たいへん素晴らしいテンプレート感謝いたします。 ひとつ質問させて下さい。 よくある質問ページの「トップページなどの記事一覧をスマホでも2列にしたい」というCSSを導入しました。 それで実際にトップページの記事一覧がスマホでも2列となりました。 その後「SANGOで固定ページをホーム固定する方法まとめ」を参考にさせていただき固定ページをホーム固定いたしました。 このよ…

回答を見る
アバター
nanao 2019/01/11

「続きを表示する」を使いたいのにmoreタグが効かない

SANGOを愛用しております。 「続きを表示する」を使いたいのですが、moreタグが効きません。 対処方法を教えて頂けますと助かります。

回答を見る
アバター
watanabe 2019/01/07

「エディターで予期しないエラーが発生しました」と表示される

初歩的な質問で申し訳ありません。 エディターで予期しないエラーが発生しました となり、一歩すすむごとに閉じてしまいます。 何が悪いのでしょう?

回答を見る
アバター
Tom 2018/12/29

リンクカードの画像を変更したい

少しづつ勉強中です。 さて、リンクカードの画像の変更はどうしたらいいでしょうか? どこにも書かれていないようです。 よろしくお願いいたします。

回答を見る
アバター
たんたん 2018/12/29

表の中の1つにだけ星を入れたい

いつもお世話になっております。 SANGOを使わせていただいているものです。 1つ相談させていただけましたら幸いです。 以下のような表の中の1つにだけ星を入れる方法はございますでしょうか? 項目名 〇〇〇〇 項目名 ●●●● 項目名 △△△△ 項目名 ▼▼▼▼ 総合評価 ここに星だけ入れたい 「ここに星だけいれたい」という文章のところにSANGOのレビューボックスのような星をいれられたら嬉しいと考…

回答を見る
アバター
フラッペ 2018/12/27

記事本文のフォントサイズを変更したい

お世話になっております。 カスタマイズからフォントサイズ変更の方法は分かったのですが、全体の文字サイズではなく、sangoでの記事本文のみフォントサイズを変更する方法はございますでしょうか?

回答を見る
アバター
OZ 2018/12/11

吹き出しのアイコン画像を左右反転させたい

いつも素敵なテーマ制作、お疲れさまです。 "10. 吹き出し(右に顔)" について質問させてください。 こちらの設定をした際に、画像ファイルを左右反転処理させることは可能でしょうか。 (右向き画像と左向き画像の元ファイルを、分けておく必要を無くしたい次第です。) お手すきの際にご回答いただけますと幸いです。

回答を見る
アバター
YUKA 2018/12/11

吹き出しショートコードの画像が表示されない

サルワカ様 先日は別件でのご回答ありがとうございました。 度々恐れ入りますが、今回は「吹き出し(右に顔)」について質問です。 ショートコードを用いて画像URLも入力した上で「吹き出し(右に顔)」を表示させようとするのですが、「吹き出しショートコードのデフォルト設定」で設定した画像が表示されてしまいます。 ちなみに「吹き出し(左に顔)」にも同様に画像URLを入力していましたのでデフォルト設定を一旦削…

回答を見る
アバター
フラッペ 2018/12/07

アイキャッチ画像を記事中で非表示にすると、本文の上に余白が空いてしまいます

度々申し訳ございません。 「ヘッダーアイキャッチ画像を表示」のチェックボックスを外し、アイキャッチ画像を記事中で非表示にすると、本文の上に結構な余白が空いてしまいます。 記事タイトル下のシェアボタン用のスペースだと思うのですが、シェアボタンも非表示にすると余白が目立ってしまうため、お時間あるときにそのスペースを埋める方法教えて頂けますと幸いです。

回答を見る
アバター
フラッペ 2018/12/05

特定のページでのみ新着記事を表示させたい

昨日購入させて頂きました。素敵なテーマありがとうございます。 トップページではなく、記事などの下層ページでのみサイドバーに新着記事を表示させることは可能でしょうか?

回答を見る
アバター
おさるくん 2018/11/23

アコーディオン・ショートコードでアイコンを使いたい

アコーディオン機能をQ&Aトピックに使用したいと考えております。 質問で表示される「?」を [open title='ここにタイトル'] 'ここにタイトル'の先頭に表示させたいのですが可能でしょうか?

回答を見る
アバター
ケンジ 2018/11/22

評価ボックスのアイコンやリンクをカスタマイズしたい

こんばんは 非常に使いやすくて、見やすいデザインのSANGOを制作頂きましてありがとうございます。 下記カスタマイズについてアドバイス頂けますと幸いです。 1)ショートコード rate title について サンプルにあります [rate title="この本の評価"] 1.「この本の評価」の部分をアンカーテキストにする方法 2.この前に表示されているアイコンを変更したい(王冠にしたい) 3.アイ…

回答を見る
アバター
マクベル 2018/11/19

画像上に文字を乗せるショートコードの画像自体にリンクを埋め込む

いつもお世話になっております。 画像上に文字を乗せるショートコードの、文字列または画像自体にリンクを埋め込むことはできますか?

回答を見る
アバター
tomoトモ 2018/11/19

「Cannot redeclare…」というエラーが表示される

何度も誠に申し訳ございません。 現在、sangoテーマの英語化を行っているのですが、 著者ページ並びにアーカイブページのtitle 変更が上手くいかず、質問させていただきます。 親テーマにある該当する php内の function を、子テーマの functions.php にコピーペーストし編集してアップすると、Cannot redeclare と出てしまいます。 こちらの変更はどうすればよろし…

回答を見る
アバター
タツゴロウ 2018/11/18

固定ページへのリンクカードをショートコードで表示

お世話になります。 一点教えていただきたいです。 固定ページの内に、別の固定ページをカードタイプで表示させるショートコードはありますでしょうか? お手数をおかけ致しますが、お教えいただければ幸いです。

回答を見る
アバター
あい 2018/11/05

ショートコードがビジュアルエディタで反映されない

いつもありがとうございます 関連記事の出力がうまくいかず困っています。 投稿IDが1257なのですが、 テキスト画面に[kanren id="1257"]と入れてビジュアル画面を見ても[kanren id="1257"]のままなのです。 何か間違えていますでしょうか? 教えていただければと思います。

回答を見る
アバター
D.K 2018/10/14

評価ボックスを横幅100%にしてパソコンで見た時も中央にしたい

お世話になっております。最近レビューボックスを使っているのですが、スマホで見た時は完璧なのですが、PCで見るとどうも違和感を感じます。 横幅100%にrate titleをパソコンで見た時も中央にしたいのですが、使用上難しいでしょうか? 色々カスタマイズwidth: をいじっても全然変わらないので、ご質問させていだきました。ご返事お待ちしております。

回答を見る
アバター
おつじ 2018/10/08

アコーディオンを入れ子にしたい

SANGOのテーマで楽しくブログを作らせていただいてます。 さて、「アコーディオン機能」について質問です。 アコーディオンを入れ子の形で使いたいのですが、うまくいきません。 例) [open title='1階層目'] [open title='2階層目の1'] 隠したいコンテンツをここに記載 [/open] [open title='2階層目の2'] 隠したいコンテンツをここに記載 [/open…

回答を見る
アバター
渡辺 2018/10/08

ショートコードのリンクはSEOに影響があるか

こんにちは。 私は初心者でしたが、素敵で使い勝手のよいSANGOのおかげで、サイト作成がはかどり、本当に助かっております。 「関連記事を出力する(横長)」ためのショートコード、[kanren id="投稿ID"]について2点質問をさせてください。 (1)内部リンク効果について このショートコードを使う場合、理論上、通常の内部リンクと同じSEO効果は得られますでしょうか? 変な質問で申し訳ありません…

回答を見る
アバター
としま 2018/10/03

リンクテキストの下線を消したい

SANGOをつかっており、リンクを貼った時の文字下の線を消したいと思い以下をCSSに入れてみたのですが、消えません a { text-decoration: none;} どうすれば消えるのか教えていただきたいのですが、宜しくおねがいします

回答を見る
アバター
ヘーゲル 2018/09/25

引用タグをカスタマイズしたときにアイコンの色が変更できない

サルワカさん SANGO快適に使わせていただいてます。 カスタマイズガイド大変参考になりました。 ありがとうございます。 調べたのですが解決できないことがあったので質問させてください。 引用タグの装飾を変更したのですがアイコン(”)の色だけがどうしても変えられませんでした。 枠や背景色は追加CSSに以下を追加して対応しています。 .post blockquote { background : #f…

回答を見る
アバター
こんさ 2018/09/15

カテゴリーの説明欄でショートコードを使用したい

すいません、なんで関係があるのかわからないのですが、 Visualizer: Charts and Graphs Liteというプラグインを停止すると、カテゴリーページに記載している関連記事のブログカードが表示されなくなり、ショートコード表記に戻ってしまいます。 記事内のブログカードは正常に表示されています。 もうプラグイン使わないので削除したいのですが、どうすれば良いでしょうか? そもそもカテゴ…

回答を見る
アバター
なつ 2018/09/11

サルワカさま お世話になっております。 他のテーマを使用していたのですが、サンゴがあまりにもかわいいので購入して新しいブログを立ち上げました。 サルワカさんのブログもわかりやすくかわいいので、いつも参考にさせていただいております。 テーマも新しい機能も増えてきて、とても重宝しています。 最初は、元のテーマと使い方がかなり違い戸惑っておりましたが、日を追うにつれてサンゴには細やかな配慮がされているの…

回答を見る
アバター
ちば 2018/08/26

お世話になります。 ショートコードで用意されているgrad1ボタンにonclickイベントを設定して、クリックされたかを集計したいのですが、うまくできません。①のように記述しています。 ①[center][btn href="https://~" class="raised grad1 rippler rippler-default" target="_blank" onClick="ga('se…

回答を見る
アバター
あんん 2018/08/23

評価ボックスを中央寄せする

こんにちは。いつもお世話になっております。 評価ボックスをセンターに表示させる方法ありますか?

回答を見る
アバター
sangoオタク 2018/07/09

アコーディオンを目立つように色変更したい

いつもsangoを使わせております。 質問ですが、アコーディオンを目立つように色を変更したいのですが、可能でしょうか?

回答を見る
アバター
てゃんきょう 2018/07/01

素晴らしいテンプレートをありがとうございます。 私の場合は、もう関係ないのですが、AddQuicktagでショートコードをインポートできるようなファイルをこのサイトのどこかに設置していただくと、新規ユーザーさんの初期設定が楽に終わるのではないかと思いコメントしました。 既出でしたらすみません。

回答を見る
アバター
あにかぶ 2018/06/25

サルカワのように記事の角の部分を丸くしたい

いつもSANGOを使わせていただいています。 お忙しいところ申し訳ないのですがお聞きしたいことがあります。 サルカワのように記事の角の部分を丸くしたいのですがどのようにすれば良いのでしょうか? よろしくお願いします。

回答を見る
アバター
サイソン 2018/05/10

関連記事カードの公開日を更新日に変えたい

サルワカ様、いつもお世話になっております。 Ver 1.4から導入された日付入り関連記事カード[card2]についての質問です。 日付を投稿日ではなく、更新日に変更したいのですが、 CSSのどの部分をいじればよろしいのでしょうか? サポート対応外の場合は [card2]のCSSが書かれている位置だけでも教えていただけると幸いです。 お忙しいところ恐縮ですが、よろしくお願いいたします。

回答を見る
アバター
としま 2018/04/04

ラベルの色のパターンを増やしたい

サルワカさんこんばんは、先日質問をさせていただきましたとしまと申します メインカラーとアクセントカラーの色の変更も簡単にできました。それでまた質問させて頂きたいのですが、このメインカラーとアクセントカラーに加えて何色かラベルカラーを追加したいのですがその方法を教えて頂けないでしょうか。 何卒宜しくお願い致します。

回答を見る
アバター
shunP 2018/04/04

吹き出しショートコードを文字の幅で表示させたい

サルワカさん教えてください! 吹き出しを文字の幅で表示させたいです。 例えば短い言葉をつぶやいた際に現状だと、 画面いっぱいまで吹き出しが表示されますよね。 クロームの検証から自力で弄ってみたものの、なかなか上手く表示されません。 .sc{(~省略) fit-content;} と追記してみましたが駄目でした。 カスタマイズ方法をご教示頂けないでしょうか?

回答を見る
アバター
としま 2018/04/03

メインカラーとアクセントカラーのラベル色を変えたい

サルワカさんこんばんは。 夜分遅く申し訳ありませんが色の変更方法について教えて頂きたい事がありコメント致しました。 どの色かといいますと… フォーマット→スタイル→文字のスタイル→ラベルの部分です デフォルトだとメインカラーとアクセントカラーしか使うことができないようになっているようです。 このラベルの色を他の色へと変更する方法はあるのでしょうか?お忙しい中申し訳ありませんが宜しくお願い致します。

回答を見る
アバター
LIBRA 2018/04/01

FacebookのURLを記入しても 記事上に反映されない

サルワカさん、こんにちは。 度々の質問で申し訳ないのですが、 フォローボックスのカスタマイズでFacebookのURLを記入しても 記事上に反映されません。 Facebookのフォロワー設定は公開になっています。 何か別の原因があるのでしょうか??

回答を見る
サルワカくん
サルワカくん 2018/03/26

問題があるのはIEで見た時の表示のようですね。 IEは色々なバグがあるので・・・。 .shtb3 .cell img { width:100%; } を追加してみて頂けますか?

回答を見る
アバター
lan 2018/03/26

吹き出しショートコードのアイコンを丸くしない

お世話になっております。 吹き出しのアイコンを丸くせずにそのままのサイズで表示させるにはCSSのどこを弄ればよろしいでしょうか?

回答を見る
アバター
MEE 2018/03/17

スマホ表示でのみCSSが効かない

再度質問させていただきます。 SANGO用の子テーマでカスタマイズした内容ですが、PC表示では変更内容が適応されますが、スマホ表示では変更が適応されません。どの様に対処したらいいご回答お願いします。

回答を見る
アバター
MEE 2018/03/15

評価ボックスの枠線を非表示にしたい

初めまして。最近SANGOを購入しブログを始めたばかりです。 [rate] [value 3.5]○○[/value] [/rate] で表示させると、BOX枠が一緒に表示されます。 枠の非表示はどの様にしたらいいですか。

回答を見る
アバター
tomoトモ 2018/02/21

吹き出しショートコードをカスタマイズしたい

使い心地とみやすさの素晴らしいテンプレートをありがとうございます。 「会話吹き出し」で表示されるimg タグにalt タグを入れたく、 style-shortcode.php を拝見いたしました。 当方にて変更はできそうなのですが、親テーマなので、アップデート後上書きされるかと思い躊躇しています。 子テーマ側で制御できないかどうか調べているとこですが、そのようなことは可能なのでしょうか。

回答を見る
アバター
ターク 2018/02/08

目次のアイコンの色を変えたい

先日購入させていただきました。使いやすく、美しく、カスタマイズも簡単で素晴らしいテンプレートで、大変満足しております。 ひとつ気になったのですが、目次のアイコンの色を変えるには、CSSのどの部分を弄れば良いでしょうか? もしかしたらどこかに記載されていたかもしれませんが、御教授お願いします

回答を見る
アバター
素晴らしいテンプレートです 2018/01/11

「他サイトへのリンク」ショートコードで「参考」の文言を変更したい

お世話になります。 「他サイトへのリンクを出力」で「参考」を「みる」などに文言変更はできますでしょうか?

回答を見る
アバター
新田 2017/12/20

画像の上に文字のショートコードでテキストを左寄せにしたい

昨日SANGOを購入させていただきました。目次16番の、「画像の上に文字」についてご質問よろしいでしょうか。 画像の上に文字を表示させる際、自動的に中央寄せになりますよね。 これを、左寄せにするにはどのような方法が有効でしょうか。 また、文字の大きさを変える方法もあれば知りたいです。

回答を見る
アバター
tomo 2017/11/22

吹き出しのアバター画像の表示サイズを変えたい

SANGOを購入させて頂きました。 ふきだしのアバターについて質問があります。 縦横150px〜のアバターを表示させたいのですが、縮小されずそのままのサイズで表示させることは可能でしょうか? また、アバターの周囲の丸い円を消す事は可能でしょうか? お忙しい中申し訳ございません、ご教示頂ければ幸いです。宜しくお願い致します。

回答を見る
アバター
ヒロイキ 2017/10/19

吹き出しショートコードのアイコンサイズを変えたい

お世話になります。 お忙しいところ申し訳ありませんが、質問をお願いします。 ショートコードの吹き出しについてですが、丸いアイコンのサイズは変更できませんか? もう少し小さめの丸いアイコンにしたいと思っています。 よろしくお願いします。

回答を見る

コメントを残す

* は入力必須項目です。
コメント投稿ガイドラインを読んでから投稿してください。
メールアドレスは公開されませんが、名前は公開されます。

HTMLやPHPのコードを掲載するときはHTMLエスケープツールで特殊文字を変換してから貼り付けてください。