AFFINGER5デザイン済みデータの設定方法

アフィンガー公式サイトでダウンロードできるデザインサンプルは10種類(EX版含む)あります。

デザイン済みデータの種類

AFFINGER5及びEX専用

 

AFFINGER5EX専用

デザイン済みデータのサイトを再現するために、別途プラグイン(無料)が必要なものもあります。

詳細はダウンロードページで確認してください。

ダウンロードページ

 

デザイン済みデータのダウンロード

ダウンロード

 

まずはダウンロードページへ移動し、使いたいと思うデザイン済みデータをダウンロードしてください。

ここからはデザインサンプル「NOTE」を例に説明していきます。

 

ファイルを開く↓↓

ファイルの中身

  • ウィジェット用
  • カスタマイザー用
  • テーマ管理用
  • ご利用前に必ずお読みください

ファイルがダウンロード出来たら、ウィジェット用、カスタマイザー用の中に入っているファイルを取り出して保存します。

 

ウィジェット用、カスタマイザー用ファイルを取り出して保存

  • affinger5-child-export.dat
  • wing-wp.com-sample-3-widgets.wie

ウィジェット用、カスタマイザー用の中に入っているファイルを取り出して保存してください。

ファイルから取り出しておかないとアップロードできません

 

デザインサンプルを使う時の注意点

デザインが崩れて元に戻せなくなりました」などのお問い合わせをときどき頂きます。

不安な方は練習用のサイトを用意して下さい。

 

デザインサンプルを適用させるために必要なプラグイン

Customizer Export/Import

Customizer Export/Import

カスタマイザー用ファイルのインポートに使用。

Widget Importer & Exporter

Widget Importer & Exporter

ウィジェット用ファイルのインポートに使用。

上の2つのプラグインを追加して有効化してください。

 

デザイン済みデータをインポートする

カスタマイザー用ファイルをインポート

  1. カスタマイズボタンをクリック
  2. エクスポート/インポートを選択
  3. 画像ファイルを…インポートしますか?にチェック
  4. ファイルを選択「affinger5-child-export.dat」をインポートする

インポート出来ればサイトの配色が変わります。

 

ウィジェット用ファイルをインポート

  1. ダッシュボード画面>ツールをクリック
  2. 「Widget importer&Exporter」をクリック
  3. ファイルを選択「wing-wp.com-sample-3-widgets.wie」をインポートする

インポート出来ればウィジェットが追加されます。

上記の手順通りに設定できれば、デザイン済みデータのインポート完了です。

 

デザインが上手く反映されない場合

カスタマイズ>全体カラー設定

デザインが上手く反映されない場合は、カスタマイズの全体カラー設定で一度リセットしてからやり直してみてください。

どうしても反映されない場合は、新しくサイト作った方が早いです。

最新記事

2020/2/16

【簡単】mixhostの登録手順を画像付きで解説します

以前から気になっていたレンタルサーバー「mixhost」に登録しました。 mixhostの登録手順を記事にしたので、良ければ参考にしてください。 登録手順 契約プランを選ぶ 初期ドメインを取得 契約オプションの設定 お客様情報の入力 アカウント設定完了のメッセージ確認 ⇒mixhost 目次契約プランを選ぶプラン内容(抜粋)プラン共通の特徴初期ドメインを取得契約オプションの設定ドメイン設定の確認お客様情報の入力アカウント設定完了のメッセージ確認ミックスホストの管理画面ミックスホストまとめ 契約プランを選ぶ ...

ReadMore

2020/2/16

AFFINGER5最新テーマのアップデート方法

アフィンガーを最新テーマにアップデートする方法です。 ぼくが使っているのはEX版なので、EX版を例にして説明します。 目次初めてアップデートする場合購入ユーザー限定ページへ最新アップデート手順購入ユーザー限定ページマイページ最新テーマのダウンロードワードプレスにテーマを追加テーマのバージョンを確認する管理画面からアップデート 初めてアップデートする場合 アフィンガーのアップデートが初めての場合は、「テーマアップローダー」をダウンロードしてください。 ダウンロードした後、プラグインに追加します。 テーマアッ ...

ReadMore

2020/2/8

無料で使える画像サイト

目次pixabayO-DAN写真AC1ZOOM.MEイラストACFLAT ICON(アイコン)FLAT ICON DESIGN(アイコン)toptal(背景画像) pixabay pixabay お洒落な海外画像の宝庫。無料動画も有り。 当サイトのアイキャッチ画像でも、かなりお世話になってます。   O-DAN O-DAN 世界中の無料写真素材の中から理想の一枚を検索。 pixabayで写真が見つからなかったときはここ。かなり重宝すると思います。   写真AC 写真AC 日本人モデルを ...

ReadMore

2020/2/14

AFFINGER5アイコン付きボックスメニューの作り方

アフィンガー5「アイコン付きボックスメニュー」の作り方を紹介します。 目次アイコン付きボックスメニューの種類ボックスメニューの設定ボックスメニューのカスタマイズサブあり(4列)縦並びタイプ(サブあり)サイドバーにメニューを表示させるウィジェットにテキストを追加ボックスメニューの色を変更する無料で使えるアイコン画像サイト アイコン付きボックスメニューの種類 基本(4列) メニューA メニューB メニューC メニューD サブあり(4列) メニューA サブテキスト メニューB サブテキスト メニューC サブテキ ...

ReadMore

2020/2/16

エックスサーバーにサブドメインを設置してサイトを追加する方法

目次サブドメインとは?エックスサーバーでサブドメインを追加するサブドメイン名を入力サブドメイン設定完了画面サブドメインにWordPressをインストール サブドメインとは? サブドメインは、本体の独自ドメインをいくつかの分野別に分けたもので、企業サイトなどによく使われています。 分割したものですが、独立した存在として運用でき、メインサイトとは異なる内容のWebサイトを作ることができます。 ⇒Udemyより転用   エックスサーバーでサブドメインを追加する エックスサーバーにログイン後、サブドメイ ...

ReadMore

-カスタマイズ
-

Copyright© アフィ基地 , 2020 All Rights Reserved.