AFFINGER

AFFINGER5でトップページをカードデザインにする方法

  1. HOME >
  2. ブログ >
  3. AFFINGER >

AFFINGER5でトップページをカードデザインにする方法

AFFINGER5でトップページをカードデザインにする方法

AFFINGER5でトップページのデザインをカードデザインに変えるためには、自作でカードデザインを作るか、ショートコード「st-catgroup」を使いスライドショーでの実装しかありません。

ちなみにスライドショーのイメージは次の通りです。

Word(ワード)応用編 仕事で使える報告書の作り方~後編~

Word(ワード)応用編 仕事で使える報告書の作り方~後編~

Word応用編 報告書の作り方 ~ 後編 ~ 本記事は「Word(ワード)応用編 仕事で使える報告書の作り方~前編~」の続きです。 前回はタイトルと印鑑枠部分の作成方法を紹介しました。本記事では報告書の内容部分の作成方法を紹介します。 [前回作成した内容]     [報告書完成例] Wordで報告書の作り方 それでは報告書の内容を作成していきます。 報告書用の表を追加する ( 1 ) 表を追加する位置にカーソルを合わせます。 ( 2 ) 「挿入」→「表の追加」→「6行×4列」を選択しま ...

ReadMore

Word(ワード)応用編 仕事で使える報告書の作り方~前編~

Word応用編 報告書の作り方 ~ 前編 ~ 前回までの記事ではWord(ワード)の基本操作を紹介しました。 【1時間目】文書の作り方 【2時間目】表の作り方 【3時間目】棒グラフの作り方 【4時間目】折れ線グラフの作り方 【5時間目】円グラフの作り方 【6時間目】画像や図形を挿入する 本記事は、前回までの記事で紹介した操作の応用編です。実際に仕事でよく使う報告書を作成する方法を紹介します。 [報告書完成例]     Wordで印鑑枠の作り方 まずはタイトルと印鑑枠の部分を作成します。 ...

ReadMore

Word(ワード)で画像や図形を挿入する

初心者でも簡単 Word(ワード)で画像や図形を挿入する

【6時間目】画像や図形を挿入する ~Word(ワード)初心者向け講座 基礎編~ 前回の記事(5時間目)では「Wordで円グラフを作り方法」についてを紹介しました。6時間目は「Word(ワード)で画像や図形の挿入する方法」を紹介します。 今回、作成する完成例は以下です。 [6時間目の完成例] Word(ワード)に画像を挿入する まずWord(ワード)に画像を挿入します。インターネット上に画像を利用する場合は、許可されているフリー画像を使用するようにしましょう。 ( 1 ) 画像を挿入したい位置にカーソルを合 ...

ReadMore

 

カードデザインを簡単に作る方法は、AFFINGER5EXにアップグレードするか、子テーマのJETを使うかです。

本記事では、AFFINGER5EXを使ったカートデザインの作成方法について紹介しています。

AFFINGER5のトップページデザイン(カートデザイン反映前)

カートデザイン反映前のトップページのデザインは次の通りです。

カードデザイン適用前

 

AFFINGER5EXのカートデザイン

そして、AFFINGER5EXで作ったカートデザインは次の通りです。同じデザインでもカートデザインの方がだいぶオシャレになりました。

カートデザイン適用後

AFFINGER5EX カートデザインの設定方法

ここからはAFFINGER5EX カートデザインの設定方法を説明してきます。

まずはAFFINGER5の設定から「投稿・固定記事」を選択します。

カートデザインの設定手順1

 

「投稿・固定記事設定」画面には、記事一覧のカードデザイン化[EX]の項目があるので「トップページ及びアーカイブの記事一覧をカートデザインにする」にチェックをいれます。

カートデザイン手順2

そして、列数設定にお好みの数値を入れます。ここの数値は3を入れると3列、2を入れると2列、1を入れると1列となり「n,n,n」形式で入力します。※nは数値

数値の1番目は960px以上、2番目は959~600px、3番目は599px以下と閲覧サイズにより縦数の数を変えることができます。

また、カードデザインには次の2パターンあります。

  • 「カードデザインパターンをBタイプに変更」にチェックを入れた場合のデザイン

カートデザイン適用後

  • 「カードデザインパターンをBタイプに変更」にチェックを入れなかった場合のデザイン

カートデザイン例

AFFINGER5EXでカートデザインを作成する方法は以上です。

AFFINGER5EXを使えば簡単にカートデザインを作ることができます。

helpful

-AFFINGER

S