はじめまして投稿します。よろしくお願いします。
標記の件で困っています。最近はじめたばかりで、本を何冊か読んだもの
慣れないもので…
TOP画面にカテゴリ別の写真をいくつかのせて、そこの画像をクリックするとそれぞれの記事(ブログ)の詳細ページに飛ぶようにしたいのですが。
たとえば、「旅行」「スポーツ」「ドライブ」「趣味」などのメニューがあって、それぞれの最新の写真をTOPにアップさせて、そこをクリックすると、詳細のブログに遷移するようにしたいのです。
基本的な質問かもしれないですが、以上よろしくお願いします。
No.3ベストアンサー
- 回答日時:
試しに、テンプレート「メインページ」の
<$MTInclude module="ヘッダー"$>
の下に、下記を貼り付けてみてください。
<ul class="widget-list">
<MTCategories>
<MTIfNonZero tag="AssetCount">
<MTSetVarBlock name="CatImg"><MTCategoryLabel></MTSetVarBlock>
<MTEntries category="$CatImg" lastn="1">
<MTEntryAssets>
<li class="item"><a href="<MTEntryLink>"><img src="<$MTAssetURL$>" height="70" class="asset-img-thumb" alt="<$MTAssetLabel$>" title="<$MTAssetLabel$>" /></a></li>
</MTEntryAssets>
</MTEntries>
</MTIfNonZero>
</MTCategories>
</ul>
保存と再構築をして、サイトを確認します。
ヘッダーの下に、各カテゴリの最新画像が表示されていれば成功です。
あとはMTの機能というより、デザイン的な話になるでしょう。
もし画像が表示されなければ、記事に使われている画像がMTのシステムの管理下にない(「一覧」-「アイテム」で管理されていない)ことが考えられます。
この場合はプラグインを使って画像を抽出するほかないと思います。
Muller3さんありがとうございました。
上記方法で解決いたしました!いったん締め切ります。
またよろしくお願いします(__)
No.2
- 回答日時:
「エントリー内の画像をリストアップするプラグイン(MT4専用版)」です。
http://www.h-fj.com/blog/archives/2007/07/12-080 …
「最近の画像をカテゴリーごとにまとめて表示する」の説明
http://www.h-fj.com/blog/archives/2006/08/10-130 …
…でも、もっと根本的なところで躓いておられる気がするのですが…。
MTタグの使い方とか、テンプレートの構成とかは、おわかりになりますか?
「どのようにやってうまくいかなかったのか」を補足していただければ、具体的に(それこそ手取り足取り?)お教えできることもあると思うのですが。
どこからどこまでわからないのか(質問者様のMTスキル)が、まずわからないので…
Muller3さん、たびたびすいません…
>…でも、もっと根本的なところで躓いておられる気がするのですが…。
>MTタグの使い方とか、テンプレートの構成とかは、おわかりになります
>か?
正直あまり理解していませんでした。ですが、この土日でずいぶん理解しました。
>「どのようにやってうまくいかなかったのか」を補足していただけれ
>ば、具体的に(それこそ手取り足取り?)お教えできることもあると思
>うのですが。
>どこからどこまでわからないのか(質問者様のMTスキル)が、まずわか
>らないので…
まだはじめて4日目で、HTMLが少し分かる程度です。稚拙な質問に返答していただきありがとうございます。これからもっと勉強します。
No.1
- 回答日時:
単にカテゴリごとの最新画像を表示し、画像から各ブログ記事(各カテゴリアーカイブではなく)にリンクさせるということなら
<ul class="****">
<MTCategories>
<MTIfNonZero tag="AssetCount">
<MTSetVarBlock name="hoge"><MTCategoryLabel></MTSetVarBlock>
<MTEntries category="$hoge" lastn="1">
<MTEntryAssets>
<li class="****"><a href="<MTEntryLink>"><img src="<$MTAssetURL$>" height="画像の高さ" class="****" alt="<$MTAssetLabel$>" title="<$MTAssetLabel$>" /></a></li>
</MTEntryAssets>
</MTEntries>
</MTIfNonZero>
</MTCategories>
</ul>
こんな感じでできるんじゃないかなと。
TOP画面だけに入れるなら、メインページに入れるか、もしくはテンプレートモジュールに入れて<MTIf name="main_template">で上記を囲めば、メインページの時のみに出ると思います。
#「hoge」とか「****」他、適当な文字列に入れ替えてください。「hoge」2箇所は同じ文字を入れないといけません。MTSetVarBlockタグでカテゴリ名を取得して、MTEntriesにカテゴリ名を放り込んでいるので)
#MTAssets使うので、「画像の挿入」使って<form mt:asset-id=…で画像が記事中に入っている必要があると思います。(「ブログ記事の編集」で各ブログ記事をフォーマット「改行を変換」で見てみるとわかります)
上記は本当に各カテゴリの最新画像を表示させているだけなので、カテゴリ名などもメニューとして入れる場合はこの中に適宜入れる必要があります。
あとはこのへんの記事が参考になると思います。
6Aの技術情報提供ブログです。
http://www.sixapart.jp/pronet/developers/movable …
http://www.sixapart.jp/pronet/developers/movable …
#<img src="<$MTAssetURL$>" height="画像の高さ" ・・・で、参考URLにある通り<$MTAssetThumbnailURL height="70"$>としなかったのは、画像をアップする時画像のサムネイルを作成していないと、画像が表示されないためです。画像のサムネイルを作成する前提なら、MTAssetThumbnailURLを使ってみたらいいかもです。
他にも方法はいろいろあるかもしれません(プラグイン使うとか)
この回答への補足
プラグインを使う方法をご存知の方いらっしゃいませんでしょうか?
4.1はまだ情報が少ないうえに、はじめて間もないのでなかなかうまくいきません。本を数冊買って読んでみたのですが…
以上よろしくお願いします。
Mullerさんはじめまして。
ありがとうございます。(__)
まだはじめて間もないので、まったっくの素人ですが、これから土日かけて勉強したいと思います。
また何かありましたらよろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- gooブログ ブログの記事を書きだしのみに表示したい 1 2022/06/25 19:11
- gooブログ 誰かのブログとダブっているようです。 3 2023/06/25 09:48
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Google+ スマホのgoogle チャットで画像を大きくできない 1 2022/07/13 05:36
- その他(ブログ) 画像をクリックしたら別の画像に飛ぶ仕様に出来るブログ 2 2022/08/12 16:44
- バックアップ Windows11パソコンのデータを数クリックで完全に引っ越しするにはどうすれば良いでしょうか? 5 2022/10/11 14:08
- Excel(エクセル) Excel2019 マクロを使用し画像を貼り付けした際のリンク切れについて 2 2022/11/15 16:14
- WordPress(ワードプレス) ワードプレスのパーマリンク設定について 1 2023/02/11 19:08
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- Visual Basic(VBA) 【VBA】写真の縦横比を変えずに貼り付ける 5 2023/06/13 11:42
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ブログに載せる写真のサイズが...
-
gooブログで複数写真を投稿した...
-
レンタルサーバーを借りて、物...
-
写真の複数枚載せるやり方
-
早く答えてください。
-
自信のブログ(アメブロ)に画...
-
ビットマップ(bmp)形式で背景...
-
FC2ブログで、画像の画面中...
-
画像のペイントについて
-
2MBに画像を縮小したいです...
-
アメブロの動画プレーヤーの位...
-
こんな<form>って、基本的にあ...
-
PNG 形式の画像をつぎはぎ編集
-
画像に人の目では見えない文字...
-
HTMLプログラミングについて
-
ペイントでgifファイルに保存...
-
YYMMDD
-
本当に困っているのですが、僕...
-
編集が出来ません(JPEGフ...
-
バナーの持ち帰り方と貼り方。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フル画像に拡大できるリンクが...
-
アメブロの画像アップロードに...
-
レンタルサーバーを借りて、物...
-
画像審査中とはどういう意味で...
-
アメブロの画像挿入について
-
URLはどこを見ればわかる
-
早く答えてください。
-
アメブロのヘッダーが変わらない
-
[アメブロ]クリックできない...
-
アメブロcss 画像を好きな...
-
FC2ブログの画像サムネイルが変...
-
アメブロのCSS編集・ヘッダ...
-
gooブログ.クリックした画像の...
-
gooブログ。過去の記事から写真...
-
ブログの見出し画像が小さい
-
リンク先URLとは何を意味し...
-
gooブログのプロフィール画...
-
サムネイルをクリックで拡大す...
-
スマホ(アンドロイド)から画...
-
gooブログの写真を大きくしたい...
おすすめ情報