Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › リストページの各項目位置を
- このトピックには8件の返信、2人の参加者があり、最後に
さやにより11年、 8ヶ月前に更新されました。
-
投稿者投稿
-
-
2015年1月28日 11:49 AM #18593
さや
ゲストわいひらさん、いつもありがとうございます。
リストページのタイトル、カテゴリ、アイキャッチ画像等の場所を
変更したいのですが、どこをいじればよろしいでしょうか?よろしくお願い致します。
-
2015年1月28日 6:29 PM #18640
わいひらキーマスターまず、ブラウザで、スタイルを変更したい箇所を右クリックしてメニューを出します。
メニューの中から、「要素の調査」みたいなメニューをクリックします。
各ブラウザについでの方法は、以下に書いてあります。
ブラウザ毎の「開発者ツール」の起動と知っておくべき要点 : logical errorそして、ブラウザの下部に出てくるね、添付画像の赤枠部分を見れば、編集すべきCSSセレクタがわかると思います。
Attachments:
-
2015年1月28日 6:33 PM #18643
さや
ゲストありがとうございました。
-
2015年1月28日 9:26 PM #18674
さや
ゲストわいひらさん、こんばんは。
この項目の最初の位置は、どのファイルに書かれているのでしょうか?
よろしくお願いいたします。
-
2015年1月28日 9:29 PM #18675
さや
ゲストわいひらさん、こんばんは。

この項目の最初の位置は、どのファイルに書かれているのでしょうか?
よろしくお願いいたします。
Attachments:
-
2015年1月28日 9:45 PM #18678
わいひらキーマスター申し訳ないですが、「この項目の最初の位置」がどこのことを指しているのかよくわからないです。
もう少し具体的に説明していただけると助かります。 -
2015年1月29日 8:42 AM #18727
さや
ゲストわいひらさん、おはようございます。
例えば、今日はシャンプーDAYが上にきて、その下に画像、その横に文章といった具合にしたいです。
よろしくお願いします。 -
2015年1月29日 11:54 AM #18748
わいひらキーマスターこの項目の最初の位置は、どのファイルに書かれているのでしょうか?
それらのスタイルシートも書かれている位置は、最新版のSimplicity1.4.5でstyle.cssの以下のような部分になります。
/************************************ ** index.phpのリスト ************************************/ #main .entry{ clear:both; margin-bottom:40px; margin-right:10px; } .entry-thumb{ float:left; margin-right:10px; margin-top:3px; margin-bottom:40px; } .entry-thumb img{ border:0; width:150px; height:150px; } /*大きなサムネイル表示スタイルでのサムネイル*/ .entry-large-thumbnail img{ width: 320px; height: 180px; } .entry-content{ margin-left:160px; } .entry .post-meta{ text-align:left; margin: 7px auto; } .entry .post-meta a{ color:#000; } .entry h2{ margin-bottom:5px; } .entry h2 a{ color:#333; font-size:24px; text-decoration:none; font-weight:bold; } .entry-title{ } .entry-snippet{ margin:0 0 5px 0; line-height:150%; color:#555; } .entry-read{ margin:0; } .entry-snippet, .related-entry-snippet{ word-wrap: break-word; }ここらへんのスタイルを変更すれば、位置を変更することができます。
-
2015年1月29日 12:12 PM #18753
さや
ゲストありがとうございます。
早速、やってみます。
-
-
投稿者投稿
- フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。

