SIRIUS裏技|サイドメニューにアイキャッチを設定する方法

目安時間:約 7分

ws0202こんにちは、橋詰です。

 

今回はサポートフォーラムで載ってなかったのですが、「SIRIUSを使っていて、サイドメニューにアイキャッチを設定する方法」を発見したので紹介します。

 

SIRIUSのサポートフォーラムでは、「サムネイル画像」という言い方をされていることが多いです。ワードプレスとかでは「アイキャッチ画像」と言われていることが多いです。

 

私の中では同じものと認識しています。

 

やっぱりサイトを見に来てくれた人に文だけじゃなくて、画像である程度イメージしてもらうってのはホント大切だと思います。(^^)/

 

なので「どうにかならないかなー」って考えていたらヒントがいくつかあって解決しました。(^^)/

 

 

 

サポートフォーラムでの悩み

 

Q・・・サポートフォーラムのページで使われているようなサイド部分のメニューを、アイコン画像を追加した形にするための操作方法がわからずに困っています。

どのような操作方法で、作成できるのかアドバイス頂けると助かります。
A・・・上記の件ですが、メニュー表示に画像を使うことで対応が可能です。

SIRIUSオンラインマニュアルのページのサイドメニューは、以下のような画像を貼り付けた形になっております。

ws0194上記と同じような画像をご自身で作っていただき、カテゴリページ(またはエントリーページ等)の詳細設定の「メニュー上の表示」にて、<img src="<% pageDepth %>img/logo.png" alt="" />

といった画像タグを挿入いただくことで実現できるかと思います。

 

画像は、SIRIUS搭載の「ロゴ/テキスト画像編集ツール」で作成することができますのでお試しいただきますようお願いいたします。

 

 

SIRIUSのサポートページより引用

 

ロゴ画像を作るのは結構めんどくさい(笑)

 

上記のQ&Aではアイコン画像を使いたいという悩みの解決方法ではありますが、私も画像を作って一度してみましたが、嫌になりました(笑)

 

 

いやホントに楽しくサイトを作って行きたいのにしんどい。( ゚Д゚)

 

また画像を作ってもタイトルなどを変更しようとした時に、めんどくさい。( ゚Д゚)

 

 

どんだけめんどくさがりなんだよって思うかもですが、ラクしたいんですよ(^^)/(笑)

 

 

で、今回、私がお伝えする方法は、ワードプレスのように画像などをアイキャッチ画像として表示する方法をお伝えします。

 

 

SIRIUSでアイキャッチ画像をサイドバーに設定する方法

 

 

ws0195

スポンサーリンク


 

1、個別記事の所で右クリック

 

2、項目が出てきた中の「詳細設定」を左クリック

 

ws0196

 

3、「サムネイル画像」を選択してください。

選択の仕方が分からない方は下の記事を参考にしてみて下さい!(^^)!

SIRIUS|ブログタイプでトップページの記事一覧に画像を表示させる方法

 

4、「サムネイル画像」で選択したものをコピーし「メニュー上の表示」へペーストする

「サムネイル画像」で選択した物

<img src="<% pageDepth %>img/〇〇" alt="" />

このような形のリンクをコピーします。

 

そしてそれを「メニュー上の表示」へペーストすれば完成。

 

5、完成!!しかし・・・

ws0200

 

このままだと、トップページはいいのですが、個別記事を開いたときに、パンくずリストに大きな画像が表示されてしまいます。

 

そこでそれの回避方法を紹介。

パンくずリストに画像が表示されるのを回避する方法

エントリーページなどのサイドメニューに画像を使いたいのですが、
なにかいい方法ありますでしょうか?

【詳細設定】 メニュー上の表示 で画像パスを強引に設定すると、パンくずリストまで画像になってしまいます。
上記の件に関してですが、
テンプレートをカスタマイズすることで対応が可能です。

SIRIUSの上部メニューにある「テンプレート」→「HTMLテンプレート編集」から
下記のような独自タグを編集してみてください。

<% pageNavigation %>

こちらを、

<% pageNavigation2 %>

と変更することで対応が可能ですので
ご確認いただきますようお願いいたします

SIRIUSサポートフォーラムより引用

 

ws0201

 

こんな感じでスッキリして表示されています。

 

みなさんもSIRIUSを使うのをあきらめず、ぜひどんどん活用していってください。

 

私が紹介していく方法は、いかにラクに、早くきれいなサイトを作れるかを考えています。(^^♪

 

 

 

スポンサーリンク


━━━━━━━━━━━━━━━━━━━━━━━━━━
このメルマガは月1000円以上を稼げていないって方や
ポイントサイトで稼いでいて、しんどいと思っている方に
私だけの情報を発信していきますので
ぜひメルマガに登録してください。
もちろん無料です。
メルマガ登録
メールアドレス
名前
powered byメール配信CGI acmailer
━━━━━━━━━━━━━━━━━━━━━━━━━━

スポンサーリンク


この記事に関連する記事一覧

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
橋詰ってどんな人?
カテゴリー
最近の投稿