WordPressでAffinger6を使用しています。
最近よくみかける、トップページで記事がタイル状に並んだレイアウトにしたいのですが、
Affingerの中の設定ではできず、html,css,phpなど新規で作る必要があるようです。
こちらのサイトのようにしたいのですが、
ガジェマガ
https://2week.net/
やり方の説明をしているサイトなどありませんでしょうか?
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
こんばんは
WordPressもAffinger6も存じませんけれど・・・
レイアウトだけに関してのご質問ですよね?
実際がどうなっているのか不明ですので、概念的な話になりますが・・
ご提示のサイトはどちらも、記事を適当な大きさの矩形要素(前者のサイトはdiv要素、後者はa要素)に設定して並べておいて、flexレイアウトにしているだけです。
wrap 可(=複数行に配置)にしておけば、溢れたものは順次次の行に配置されてゆきます。
概念的には、記事の幅を50%にしておけば2列、33%にしておけば3列・・といった具合にレイアウトされます。
(floatと似ていますが、こちらの方がいろいろと便利です)
Affinger6がどのようなものか知りませんので、そちらで設定可能かはわかりませんが、少なくともWordPressなら可能なのではないでしょうか?
具体的な方法としては、以下のような感じです。
https://doku-pro.com/css-tile-layout/
「flexレイアウト」でググってみれば、いろいろな情報が見つかると思います。
同様な方法としては「gridレイアウト」も考えられるところでしょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- UNIX・Linux 【初心者】aws lightsail で自作のオリジナルテーマのwordpressを設定する方法 1 2022/07/14 09:46
- その他(プログラミング・Web制作) .htaccessファイルの修正がこれで問題ないかどうか 1 2022/04/21 08:42
- その他(IT・Webサービス) WEBサイト内のファイルを探す方法は? 1 2022/11/11 16:38
- WordPress(ワードプレス) Wordpressの記事URLを自由に決めたい 3 2022/06/02 12:05
- WordPress(ワードプレス) WordPressのメニューについて 1 2022/10/22 01:10
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- gooブログ ブログの記事を書きだしのみに表示したい 1 2022/06/25 19:11
- SEO 複数のサイト(別々のサーバー)を1代のPCで管理する方法 4 2022/11/27 09:40
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
12月のカレンダーを表すHTMLを...
-
ビルダーソフトの不用タグ
-
HTML 特殊文字の タブ:	...
-
ブラウザで一定時間が過ぎると...
-
embedタグでFirefox右クリック禁止
-
別ページをベージを写す
-
個人HPにログイン機能付けられる?
-
うっかり</body>と</html>を消...
-
このプログラミング誰か教えて...
-
API、OCX、DLLって何でしょう?
-
全豊田作業責任者
-
機械工学専攻の院卒でSEになる...
-
Excelで用語辞典を作成するには?
-
VBプログラムをEXCEL VBAに移植...
-
現在プログラミングの研修中な...
-
C++で何ができるのでしょうか?
-
1年無職の彼氏 別れるべきですか?
-
損害保険募集人 資格について
-
ExcelとWordの検定の資格について
-
パソコン 資格について。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTML 特殊文字の タブ:	...
-
12月のカレンダーを表すHTMLを...
-
Affinger6でトップページに記事...
-
cssでclass名に大文字、アンダ...
-
個人HPにログイン機能付けられる?
-
htmlで検索を回避するには?
-
textarea 内に IFRAME を読み込...
-
【HP作成】クリック音が鳴るよ...
-
HTMLのタグは閉じなくてもいい...
-
theadはあまり使わないものです...
-
VBで簡単なゲームをつくるサイト
-
iframe の代用で objectタグを...
-
携帯のサイトに、パスワードで...
-
文字が消える?
-
embedタグでFirefox右クリック禁止
-
wordファイルをhtml形式で保存
-
DWでのCSSの使い方について。
-
googlemapへのリンクを作りたい
-
携帯用HTMLで文字の背景色を指...
-
インラインフレームを使用した...
おすすめ情報
テーマは何をお使いか分からないのですが、こちらのサイトもレイアウトが似ています。
MASK iRacing
https://simracer.tokyo/
どこかにテンプレートがあったりするのでしょうか?
設定を見直したところ、改変することができました!ありがとうございました!