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ランキング
-
iframe の代用で objectタグを...
-
12月のカレンダーを表すHTMLを...
-
リンクの下線を消して、文字色...
-
タグの左揃えと波型の違いで・
-
1年無職の彼氏 別れるべきですか?
-
6~7割の正解で、なぜ合格?
-
今職業訓練のパソコン教室行っ...
-
損害保険募集人 資格について
-
Visual Basic と VC++ のちが...
-
PICのI2C通信のプログラムについて
-
stdio.hのバッファについて。
-
ファイナンシャルプランナー
-
GoogleAppのアカウントの有効の...
-
ビジコンって役に立ちますか?
-
ftpで「ホストが見つかりません...
-
Rubyでのプログラミング言語作成
-
自動で施設の空きを通知するプ...
-
IT業界に勤めていた人の末路は?
-
SAPの資格SAP ERP6.0について質問
-
メル画という待ち受け知ってる...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
12月のカレンダーを表すHTMLを...
-
HTML 特殊文字の タブ:	...
-
embedタグでFirefox右クリック禁止
-
CSSでindex.htmlをクリックする...
-
個人HPにログイン機能付けられる?
-
ビルダーソフトの不用タグ
-
cssでclass名に大文字、アンダ...
-
CSV内のhtmlタグを文字のママ表...
-
theadはあまり使わないものです...
-
VBで簡単なゲームをつくるサイト
-
HTMLのタグは閉じなくてもいい...
-
EUC文字体系のhtmlから、mailto...
-
ブラウザで一定時間が過ぎると...
-
textarea 内に IFRAME を読み込...
-
HTML用語わからず
-
うっかり</body>と</html>を消...
-
HTMLとスタイルシートのタグの違い
-
【HP作成】クリック音が鳴るよ...
-
別ページをベージを写す
-
Affinger6でトップページに記事...
おすすめ情報
テーマは何をお使いか分からないのですが、こちらのサイトもレイアウトが似ています。
MASK iRacing
https://simracer.tokyo/
どこかにテンプレートがあったりするのでしょうか?
設定を見直したところ、改変することができました!ありがとうございました!