ワードプレス(テーマはスティンガー3)を使用しています。
今回ご教授願いたい内容なんですが、
記事一覧の抜粋記事の背景をカテゴリー毎に設定したいというものです。
自分なりに検索して調べたところ、記事につけたスラッグを使って条件分岐させてcssでクラスごとに指示を出す。
と色々試してみましたが、できません。(php、cssともに初心者です。)
http://akaandmore.com/blog/archives/12
こちらのサイトなども参考にさせてもらったんですが、上手くできませんでした。
なにか不足している情報がありましたら追記していきますので、解決の手助けを宜しくお願いします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
スラッグがうまく設定出来ていない可能性も考えてカテゴリーIDでの分岐を提案してみます。
■HTML
<!--ループ-->
<div class="bgcolor-<?php $cat_now = get_the_category();$cat_now = $cat_now[0];$now_id = $cat_now->term_id ;echo $now_id; ?>">
記事内容
</div>
<!--ループここまで-->
■CSS
.bgcolor-1 {
background-color:#ff0000;
}
.bgcolor-2 {
background-color:#ffff00;
}
※「1」「2」の部分はカテゴリーのIDを入れて下さい。
カテゴリーのIDの確認はWPの管理画面でカテゴリーを編集するときのURL内のtag_ID=となってる箇所を確認するのが早いと思います。
ご教授ありがとうございます。早速、記入していただいたコードを入れてみました。
私なりの言い方(専門知識がないのですいません)になりますので、上手く伝わるか分かりませんが・・・。
結果を先に言いますと、レイアウトが崩れてしまう現状です。
<div class="entry" data-href="<?php the_permalink();?>"> ←ここを変更しました。
<script>
(function($){
$(function(){
$('div.entry').click(function(){
window.location = $(this).data('href');
});
});
})(jQuery);
</script>
一部を抜粋するとトップページ部分はこうなっているので上記「←部分」をとりあえず
<div class="bgcolor-<?php $cat_now = get_the_category();$cat_now = $cat_now[0];$now_id = $cat_now->term_id ;echo $now_id; ?>">
に変更し、
cssの方も
.bgcolor-1 {
background-color:#ff0000;
}
このまま追記、変更してみました。
崩れ方が自分で検索して試した時と全く一緒なのでやはり、変更部分が間違っているのでしょうか?
<div class="entry"
これが抜粋記事の装飾をしている部分なのでこちらだと思っているのですが・・・。
ちなみに、自分なりで検索して試みた時の参考サイトがこちらになります。
http://simplehack.net/wordpress/recommend-css-re …
こちらのまま、function.phpにコードを追加してhome.php(同じ箇所)を変更しました。
そしてこちらが今やろうとしているサイトになります。
http://arromanches-ngy.sakura.ne.jp/wp/
※IDにつきましては、=category&tag_ID=4&post_type=postでしたので
.bgcolor-4
でcssに記入しておりました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- その他(プログラミング・Web制作) ワードプレスのプラグインであるAddQuicktagを使いたいが… 3 2022/04/18 15:03
- HTML・CSS ワードプレスで太字が反映されません PC(MacBook)の画面上には、太字は反映されるのに、スマホ 3 2022/12/18 18:56
- WordPress(ワードプレス) ワードプレスのパーマリンク設定について 1 2023/02/11 19:08
- カスタマイズ(車) (続き)初めてカーナビの取付にチャンレジします。アドバイスください。 3 2022/12/10 15:13
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- その他(ブログ) Brogger独自ドメインから独自ドメインへ変更する 1 2022/09/22 13:21
- 歴史学 米国における女性の歴史についての記事があるサイト 2 2023/02/21 14:02
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
index.phpって何ですか? 具体...
-
index.phpに入るには、どうすれ...
-
phpでcookieがうまく保存されない
-
awsにApacheとPHPを入れて、何...
-
値の取り出し方について教えて...
-
オススメのプログラミングスク...
-
PHPSpreadsheetを使って関数を...
-
ワードプレスサイト PHP8.0.25...
-
PHPで訪問回数を表示するカウン...
-
imageフォルダに、画像をリサイ...
-
ECCUBE4のページ管理でPHPを実...
-
入力フォームの空白や改行を制...
-
htmlのエラーについて(デバッグ)
-
PHP8を使うと、大量のWarningが...
-
ファイルアップロードに関して...
-
Q&Aサイトを作成していてURLの...
-
アップロード画像数でCSSを分け...
-
掲示板を作成しておりアップロ...
-
PHP一覧表示した項目にリンクを...
-
PHPでユーザー情報を入力して簡...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
WordPressのLighting(テーマ)に...
-
アップロードファイルの数に応...
-
PHPのソース変更が反映されない
-
Wordpressで記事がない場合にメ...
-
phpの表示領域をしていしたい!
-
変数で日付を指定し、新しい順...
-
DreamweaverとWordPressの連携
-
外部ファイルの読み込み
-
wordpress投稿内でcgiを動かしたい
-
ワードプレスでカテゴリー毎に...
-
WP/ 記事タイトルをクリックさ...
-
Smarty コンバートエラー??
-
wordpress カスタム投稿タイプ...
-
CentOSでhtaccessを使用してmod...
-
PHPのクッキーによるリダイレクト
-
wordpressのリンクでの質問です。
-
Webデザイナー向けLinuxユーザ...
-
URL短縮ツール「楽々URL」をさ...
-
PHP初心者です。
-
ランキングを表示する際の画像...
おすすめ情報