WING(アフィンガー5)カスタマイズ講座アフィンガー5カスタマイズ講座WING(アフィンガー5)基礎知識WING(アフィンガー5)初級編WING(アフィンガー5)中級編WING(アフィンガー5)応用編WING購入者限定記事アフィンガー専用プラグインアフィンガー5オリジナル子テーマアフィンガーFAQAFFINGERの口コミ・レビューSEOに強いアフィリエイト向けWordPressテーマ「WING(アフィンガー5)」のカスタマイズ講座サイトです。2018年1月13日このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。パスワード購入特典「オリジナル子テーマ」付きアフィンガー5最新版WING(アフィンガー5)に対応した、オリジナル子テーマ付き購入特典は上記のページをご参照ください。HatenaLINEこの記事を書いた人ネコティーチャーWordPressのカスタマイズが好きです。魔改造したりプラグインやテーマを作ったりしています。PM昨日、特典付きでアフィンガーを購入し、今日色々やってみたのですが「記事一覧がカード型に表示させる方法」のやり方がわかりませんので教えてください。PMすみません、もう一つ。PM記事一覧をカード型に表示するには、このページの手順通り、子テーマ適用⇒プラグインインストール⇒affinger4-child-export.datをインポートしてください。ブラウザのキャッシュが残る場合がありますので、別ブラウザなどで更新してみてください。PMこのページに書かれた通りにやってもできませんでした。次の方法で試したらできました。tokuten.zipを解凍して出てきた「affinger4-child」というフォルダをZIP化し、それを子テーマとしてアップロード設定したら無事カード型に表示されました。正しいやり方かどうか分からず不安ですが、出来たので良かったです。ありがとうございました。さま手順に漏れがあったようで、申し訳ありません!試していただいた、やり方であっています。記事の該当部分を修正しておきました。AMお世話になります。質問なのですが、H2(見出し2)タグのところの色設定が反映されないのですが、私だけなのか他にエラーがあるのか分からないので確認して頂けますか?参考画像(http://i.imgur.com/EKz8N16.png)あと、カード型配置以外のデザインは全てアフィンガーに任せたいので、デザインなど含まないカード型配置だけの子テーマを頂けると嬉しいです。PM購入者さんH2タグの色変えは、このページの「見出しの色を変更する」にありますように、CSSを編集する必要がございます。http://affinger.7oxd.com/child/set/#i-11カード型だけの子テーマ差分についてご意見ありがとうございます。購入者さんのようにカード部分だけを反映したいという需要が有りそうですから作成しましたら、購入者限定ページで配布しますね。PM色の変更方法、アフィンガーの管理画面でできるとばかり思っていたので見逃してました。ありがとうございました。お返事も遅れてしまい大変失礼いたしました。PMカード型にならないし、SNSボタンは見本のものみたいにグレーの小さいものにならない。カード型にだけなるもの欲しいです。それとSNSボタンのサイズやカラーも変えれるカスタマイズ記事お願いします。AMポテコさんカード型だけの物、需要あるようですね。カスタマイズについてのリクエスト、必ずお応えできるわけではありませんが、ありがとうございます!このページの手順に従ってもカード型とSNSボタン実装されませんでしょうか?キャッシュが結構しつこく残りますので、別ブラウザなどで見てみてください。それでも、変更されない場合はこちらのページからお問い合わせください。PMカード型だけできました!!!tokutenのZIPファイルを解凍後、さらにsffinger4-child.zipを解凍して、functions.phpとitiran-thumbnail-on.phpをサーバーへ。jsフォルダをサーバへ。style.cssをクロームで表示させて、その中のカードのところをコピペで、できました。するとトップページに使ってる固定ページも幅がそろってしまったので、今はどこを修正もしくは足せばいいか探しています。したら、記事に対して表示するように指定しているのかと思っているので、新しく固定ベージは反映させないというコードを入れるのか、固定ページはこう反映させるというコードを入れる必要があるのか、ググっているところです。ヘッダーのところも追加できましたが、今はまたカスタイズ中です。PMポテコさんカード型にするだけのカスタマイズ方法をアップしましたので、よろしかったらご参照ください。AMお世話になります。このAffingerカスタマイズ講座のトップページのボックスの見出しである「アフィンガー基礎知識」や「アフィンガーのレビュー」は具体的にどうやって作成されているのでしょうか?どういったタグ・ショートコードを使ったか知りたいです。AMミヤさんトップの見出しは、アフィンガーに使われているfontawesomeを利用して作りました。http://fontawesome.io/icons/上記ページのコードをコピペすることで、好きな場所にアイコンを表示することができます。見出しは上記のような、コードで作成しています。この部分がアイコンの表示部分です。「fa-comments」部分を変更することで、好きなアイコンを表示させることが可能です。アイコン種類については、fontawesomeページをご参照ください。見出しの背景色をトップにだけ表示させないようにするCSSカスタマイズを少ししています。下記のcssを子テーマ内のstyle.cssに追加してください。absolute;}トップページのボックスの中の個別記事へのリンクは、最初は手動で付けていましたが、今はfunction.phpに追加して外観メニューの内容を表示させています。こちらに、アフィンガーカスタマイズ講座の子テーマをアップしましたので、よろしかったらご利用ください。PMミヤさんdatファイルの1行目に改行が入っていることがエラーの原因のようでした。修正データを上書きしましたので、そちらのデータをインポートしていただけますでしょうか。AMありがとうございます!無事反映しました。Export/Import)のインストールするところまでいったのですが,affinger4-child-export.datをインポートさせようとすると,「このファイルタイプはセキュリティの観点から許可されていません。AM確認してみました。WPで最新版にアップデートすると、datがインポート出来なくなるようですね。外観カスタマイズで手動でカード型の色味を設定できる手順を追加しておきます。AMはじめまして!アフィンガーのカスタマイズについて、お聞きしたいことがあるのですが。コメント蘭のcommentの文字を変更したい。アフィンガー側の関連記事の抜粋を削除したい。スマホのみ記事タイトルの文字の大きさを変えたい。あつかましい質問ですが、よろしかったらご教示お願いします。Export/Import)から「affinger4-child-export.dat」をインポートすることが出来ません。ヘッダーメニューが横に2個しか表示されなく縦長になってしまいます。ヘッダーメニューが横に2個表示されてしまうのは「affinger4-child-export.dat」をインポート出来てないからなのでしょうか。申し訳ありませんが「affinger4-child-export.dat」をインポートできない際の対処法をご教授頂けないでしょうか。Export/Importでdatファイルをインポートできない時の設定方法の記事を追加しました。http://affinger.7oxd.com/gentei/customizer/ヘッダーメニューが横に二個表示されてしまうという現象は、おそらくdatファイルと関連は無いかと思います。外観カスタマイズの設定をしても直らない場合、お問い合わせフォームから該当URLとインフォトップの購入者IDをお知らせの上、個別にご質問ください。PM文字がずれている状態は、どのような状態でしょうか?該当のページを教えて頂けますと、具体的なアドバイスができます。PMお世話になっております。datをアップロードしたタイミングでサイト名とヘッダー画像が「×」のような表示になります。ヘッダー画像は選べば普通に出来るのですが、サイト名の表示がどうすれば戻るのかわからず苦戦しています。助言をいただけないでしょうか。PMWP管理画面⇒外観⇒カスタマイズ⇒ロゴ画像この部分でロゴ画像をアップロードして頂けますでしょうか。PMお世話になっております。初心者のくせにいきなり5サイト作って全てこちらのカード型テーマを使わせていただいているほど気に入っております。使っていく上で、サイト内容によっては、スマホトップ表示がカード型だと多少利便性が悪くなってしまうものが出てきました。こちらの子テーマで、スマホだけカード型を解除する設定などは初心者では厳しいでしょうか?もし、難しいようなら、カード型じゃない子テーマに変更するのがベストでしょうか?子テーマでも変更すると記事やらカテゴリーやらの設定を色々やり直す必要が出ますでしょうか?もし、そんなんじゃなくて、スマホでこういうやり方すればスッキリ見やすくなるんじゃない?という提案がネコティーチャー様からありましたら、そのへんを是非ご教授願いたいのですがよろしくお願いします。PMスマホですと画像の分、スクロールが長くなって見ずらいという感じでしょうか?スマホのみ、カード型で無くすには、CSSのメディアクエリを利用すればできると思います。ご自身でやられるには、CSSに精通している必要があるため、かなりの上級者向けのカスタマイズになるかと思います。子テーマのみの変更は記事やカテゴリの設定をやり直す必要はないと思います。PMはい、そういう意味でしたが、上級者向けなのですね。AMサイドバー扱いの新着5記事のようなスタイルをカード型の上に表示することは、PHPのカスタマイズを行うと出来ます。CSS以上に上級者向けのカスタマイズですが、PHPを勉強すればできない事はないです!PHPやCSSの勉強をするよりも上部に充実したメニューを設置する方が現実的かもしれないです。コメントをキャンセルメールアドレスが公開されることはありません。アフィンガーカスタマイズ講座と同じレイアウトを作成するこの投稿はパスワードで保護されているため抜粋文はありません。記事一覧をカード型にするだけの子テーマカスタマイズこの投稿はパスワードで保護されているため抜粋文はありません。Export/Importでdatファイルをインポートできない時の設定方法この投稿はパスワードで保護されているため抜粋文はありません。購入特典2018/05/02アフィンガー5(WING)を簡単にアップデートする方法2018/04/28WING(アフィンガー5)便利なオリジナルタグ・コード一覧をご紹介2018/04/27WING(アフィンガー5)でサイト全体の色を設定する方法2018/04/27WING(アフィンガー5)で「オプションカラー」の色を変更する方法2018/04/27WING(アフィンガー5)で「メニューのカラー」の色を変更する方法アフィンガーの基礎知識アフィンガー4初級編アフィンガー4中級編アフィンガーPro購入特典、オリジナル子テーマの紹介AFFINGER(アフィンガー)の口コミ・評判・レビューアフィンガーFAQお問い合わせWING(アフィンガー5)カスタマイズ講座SEOに強いアフィリエイト向けWordPressテーマ「WING(アフィンガー5)」のカスタマイズ講座サイトです。