WhiskyStudios

そもそもパーマリンクとは、記事ごとのURLのこと。 パーマリンク設定はアフィンガー5の独自設定ではなく、WordPressの共通設定です。 設定の仕方を以下で解説します。 step 1WordPress管理画面の左メニューより「設定」をクリック その中の「パーマリンク設定」を選びます。 step 2「カスタム構造」にチェックを入れます テキストボックスを「/%postname%」に書きかえてください。 以上でパーマリンクの設定は完了です！ そもそもなぜこのような設定をしたのかというと「/%postname%」とすること … 記事が見やすくなる、堅苦しさが減る、伝えたいことがわかりやすく伝わるなどのメリットがあるよ！, リンクをブログカードとして表示することにより、【視認性が上がりクリック率向上】などのメリットがあるよ！, アフィンガー5でコピーライトを調整する方法【プラグインあり・無しでどちらの方法も紹介】, Googleアドセンスの審査に受からない人必見！合格するポイントを解説【2020年版】, 【アフィンガー5】吹き出し会話の使い方・カスタマイズ方法まとめ【無料・プラグイン不要】, アフィンガー5で＼Follow me／をプロフィールのSNSボタン上に表示する方法, 【アフィンガー5】サイトの表示速度をアップする方法【本当は教えたくない秘策を公開】, 【AFFINGER5】お問い合わせフォームを超簡単に設置する方法。3分でできます！, WordPressテーマでAFFINGER5(アフィンガー5)が一番おすすめな理由7つ. この記事ではWordPressのテーマ「AFFINGER5（アフィンガー5）」の機能を使ったトップページの作り方・カスタマイズについて紹介しています。トップページを作るのはたったの3ステップ。「アフィリエイトサイトのトップページの作り方がわからない」という方はぜひ参考にして下さいね。 それ意外はなにも入力しなくてOKです。, フォントの種類については【その他(優先)】のところに下のテキストをコピペして下さい。, アフィンガー5にはデザインなどのカスタマイズが調整済みの、デザインテンプレートというものがあります。, テンプレ適用後も調整や色の変更が可能。 以上5つをチェックしましょうね！ 次は『Change Frequencies』の項目までスクロールしましょう！ 上記のように設定すればバッチリです！絶対的に上の画面と同じようにする必要もないですが、、、笑 . 公式マニュアルは【AFFINGER管理 → はじめに】のところに【公式マニュアル】というボタンがあるので、そこからアクセスすることができます。, カスタマイズをすることは時間がかかるという若干のめんどくささはありますが、基本的にメリットしかありません。, 当記事に書かれた方法を実践するとお金がかけずにカスタマイズができるので、ぜひこれを機会にアフィンガーを進化させてみましょう！, 設定や説明は以上ですが、最後に、アフィンガーをまだ導入しておらず今回の記事で興味を持たれた方は、参考までにAFFINGER5(アフィンガー5)の正直なレビューとお得な限定特典の入手方法の記事を是非読んでもらえると嬉しいです！, 上記のレビュー記事にも書いてありますが、ただいま当サイトよりアフィンガーを購入された方限定で7つの素敵な特典をプレゼントさせていただいております！, また、これから購入を検討されている方はアフィンガー5の購入〜インストール方法を徹底解説を参考に手順通り進めると失敗せずに安全ですので、よろしければこちらもどうぞ。, 関連記事AFFINGER5(アフィンガー5)の正直なレビューと特典の入手方法をご紹介！, ブログ開設2ヶ月で月収5桁 ▶︎ 4ヶ月目で月収5万達成。本業はWEBデザイナー & SEOコンサル & WEBサイト制作。AFFINGER公式サイトに当ブログが紹介されました。ブログ関連・デザイン関連、アフィンガーについて主に発信します。. 時間は有限である。時短・便利グッズが大好きな日傘ねこです。不器用&めんどくさがりなので、簡単・楽ちんという言葉に反応しちゃいます。どうぞよろしく。, 購入してダウンロードしたZIPファイルの中に「クレジット消去プラグイン」というファイルが入っていて、その中の「credit-remover.zip」を、Wordpressのプラグインからインストールして有効化すると、「by AFFINGER5.」が消えます。, フッターを横幅いっぱいにしたい場合は、「フッターの背景色を100％にする」にチェックを入れる。, ロゴ画像を入れたい時は、「外観」→「カスタマイズ」→「ロゴ画像」→「画像を選択」の「ヘッダーロゴ画像を使用する」にチェックを入れる。, これはフッターじゃないけど、右下にボタンが出て、それを押すとびゅい〜んと一番上までワープしてくれるボタン。, 最初は四角なので、丸くしたい方は、「ページトップボタンを丸くする」にチェックを入れる。. 常時表示されるメニューがあると、回遊率がグッとあがります。３分で設定できるので、ぜひお試しください！, アフィンガー4の固定フッターメニューは、こちらの記事（【アフィンガー４】３０分で完成！スマホでメニューを固定する方法）で紹介しています。アフィンガー4を使っている人は、こちらをご覧ください。, スマホ用固定メニューがあるときは、スマホのみ『上に戻るボタン』が表示されません。アフィンガー5の仕様です。, カスタムリンクの『#wrraper』の意味はわからなくて大丈夫です。そのまま書いといて！, スマホの画面幅は狭い。固定フッターメニューに、どんどんリンクを増やすと、押しにくくなります。見た目も悪いし。, 今の作業で、スマホには、固定メニューが表示されているはずです。自分のスマホで確認してみよう。, アイコンは、fontawesome4（Font Awesome Icons）のアイコンを使います。もちろん無料やで。, fontawesomeとは、こんなアイコンや、あんなアイコンを無料で使えるサービスです。たくさんのアイコンがあるので、見てるだけでも楽しいんですよね。, 注意点として、fontawesome5は使えません。アフィンガー5が対応していないのです。, さて、まずはfontawesome4（Font Awesome Icons）で使いたいアイコンを探します。, コピーしたら、外観　＞ メニュー　から、先ほど作ったスマホ用メニューの編集画面に移動。,
　は『改行』の意味です。アイコン（改行）ホーム と表示するわけです。忘れないでね。, スマホ用フッターメニューの色が濃いと、メニューに目が留まりやすい。逆に、本文をきちんと読んで欲しい場合は、メニューの色を薄くするといいと思います。, WEBマーケティングと、公務員に関するニュースサイト。新しい働き方を目指す貴方に、最新のニュースと考察をお届けします。, 1994年生まれ。月商1億円規模のECサイト運営しているWEBマーケター。複業ではSNSマーケで130万円の利益をあげたり、実店舗のWEB集客コンサルしたり。前職は市役所と北海道庁の併任勤務をしたキャリア公務員でした。公務員として培った税金の知識・マネーリテラシーを活かしたFPもやるなんでも屋です。, 画面1番下、『スマホ用フッターメニューを表示する（※スマホ閲覧時の「ページTOPへのボタン」は自動で非表示になります）』にチェック。, https://item-for-you.com/wordpress/wp-content/uploads/2020/11/logo1.png. affinger5（wing）にはデフォルトで吹き出し風会話を作成することができます。画像の設定や、吹き出しアイコンの色の変え方、アニメーションon／offの切り替え方法などを解説しています。 SEOに強いアフィリエイト向けWordPressテーマ「WING（アフィンガー5）」のカスタマイズ講座サイトです。, WP管理画面⇒AFFINGER管理⇒トップページの設定⇒挿入コンテンツ　へと進みます。, WordPressのカスタマイズが好きです。 Affinger5（Wing）のカスタマイズは、「外観」→「カスタマイズ」（カス ... Affinger5（Wing）はカスタマイズできる項目が多いがゆえに、最初にデザ ... WordPressのブロックエディター(Gutenberg）には、画像の上にボタ ... オンラインのプログラミングスクール「テックアカデミー」に興味があっても、どのコー ... ルクセリタスにはテーマの中に目次機能が付いています。 でも、デフォルトはちょっと ... こんにちは。 ブログ記事を書くよりも、WordPressのカスタマイズのほうが好 ... WoradPressのテーマ「ルクセリタス」には、ブロックエディターでしか気づか ... WordPress Luxeritas Theme is provided by "Thought is free". 【ブレソル】フリック？アカウント連携？取りあえず始めてみた人向け疑問解決【BLEACH Brave Souls】. ブログなどでは必要ありませんが、ミニサイトでは必須の目次です。 affingerでトップページに目次を作ってみましょう。 affinger管理でトップページに目次を作る wp管理画面⇒affinger管理⇒トップページの設定⇒挿入コンテンツ へと進みます。 ここに、トップページに表示する目次を記入します。 もちろんCSSやHTMLなどの特殊な知識も必要なし！, そこで、設定に自信のない方はアフィンガーにデザインテンプレートを設定する方法を参考に設定してみて下さい。 当記事では、このような疑問を解消するべくアフィンガー5の目的別カスタマイズ方法を完全紹介いたします。, アフィンガー5は初心者にとっては設定が難しいと言われているWordPressテーマ。 WordPressテーマ「AFFINGER」のデザインカスタマイズのコツを知りたいですか？ブロガー・アフィリエイターが愛用しているアフィンガーを、Tsuzuki Blog風にカスタマイズする方法について解説します。 Copyright© もちろんウェブ , 2020 All Rights Reserved. AFFINGER4にもこの吹き出し機能がありましたが、AFFINGER5ではパワーアップされていて、8つまでアイコンを登録できるようになり、さらにぽよぽよと動くようになりました。, さて、今回の目的ですが、せっかく吹き出し会話のお話なので吹き出しで説明していきましょう。, この吹き出しはAFFINGER5のデフォルト機能で作成しています。吹き出し会話のアイコンの設定と、吹き出しの色の変更方法をご紹介していきます。, 8つのアイコン画像を登録できるので、表情が異なる同じキャラを登録しておけば感情が表現できますし、8つ別々のキャラを登録するとたくさんのキャラをブログに登場させることが可能です。, このアニメーションはON/OFFの切り替えが可能で、WP管理画面⇒AFFINGER5管理⇒会話・ファビコン等のところから設定できます。, オプションカラーの真ん中少し下あたりに、会話風吹き出しのカラーという項目があります。, 吹き出しのカラーがここまで自由に変えられるのはAFFINGERの強みでもあります。, エディタ画面にはショートコードが挿入されるので、表示を確認したいときはプレビューから見てくださいね。, 右側から（反対向きに）会話文を表示させたいときは、「 r」（半角スペース・小文字r）を使います。, ブログアイコンや会話風アイコンはブログの顔とも言われていて、アイコンを見ただけで「あ！あの人だ」と思ってもらえるようになるとファンを獲得しやすくなります。, 最近では、ココナラで簡単にイラスト依頼ができるので、自分で絵が描けないけどアイコン欲しいなぁなんて思っている方にはおすすめ。, 当ブログのイラストを描いてくださった、かーちさんも商用利用OK・1,000円～で、ココナラで販売しています。, 「もちろんウェブを見た！」と言っていただくとオプション1つ無料にしていただけるそう！出品者にお問合せより相談してみてくださいね。, オプション無料をご検討の方は購入前にお問合せより相談をお願いいたします。オプション無料は出品者「かーち」さんの販売商品に限り有効ですのでご注意ください。, AFFINGERはどちらかというと、カチっとした堅い雰囲気のあるテーマだと感じています。, 個人的にはそこが好きで使っているのですが、あまりにも堅い雰囲気だと読者が取っつきにくく感じてしまうこともあるようで。会話風アイコンを使ったりして、オリジナリティを出してみてくださいね。. （自分は下記の方法でほぼ全ての問題を解決してきました）, まず、設定でわからないことがあれば、隅々までテーマのことを調べたり確認しましょう。, そうすればどこを設定すれば何が変わるのかが大方わかってくるので、次に設定でつまずいた時にも楽に解決できるようになります。, 【カスタマイズ】の場所では、プロフィールカードやサイドバー、メニュー、各部分の色変更などが設定できるので、見た目に関する部分の設定で困ったらここを覗いで見るのが良いです。, 【AFFINGER管理】のところでは、「更新日と投稿日を両方表示」や「アイキャッチをタイトルの下に表示する」など内部の設定を主に行うことができます。, 一番確実な情報や解決策を知りたい場合は、公式マニュアルをチェックしましょう。 設定次第でもっと読みやすくなる可能性があるのに、知らないとなにも変わらずそのままでもったいないですよね。, 続きで具体的なカスタマイズ方法についてご紹介いたしますので、是非参考に設定していただければと思います。, WordPressのプラグインは、サイトのセキュリティ向上や読み込み速度アップ、お問い合わせフォームの追加など色々な機能を追加させることができます。, プラグインは無料で有能なものが多くあるので使わなきゃ損！ アフィンガー5の【スタイル】はボタンひとつで記事の装飾ができます。使い方&カスタマイズをまとめた【保存版】です。読みやすい記事、読まれる記事にすべくぜひ活用してください。 フッターの設定. 7月25日 今日の成果｜サイツヨblog 2020年7月25 ... 実は昨日ブログ開設を行い、今日記事を編集していたのですが、目次の設定方法がわからなかったところ、こちらの記事を見つけました。 初心者でもわかりやすくて本当に助かりました。ありがとうございます！ 返信する. 当サイトを参考にするとHTMLやCSSなど特殊な知識がなくてもカスタマイズができるので、安心して参考にして下さい！, カスタマイズ方法を説明する前に「カスタマイズをすることによるメリット」について理解しましょう。, アフィンガー5は利用者が多いですが、カスタマイズすることで他の人と差別化を図ることができます。, 逆に言うと、初期設定だけ、テンプレートを適用しただけなどでは他の人と被り差別化ができず、印象に残らないものになってしまいますね。, そうなるとサイトの訪問者数やPV数にも影響してきます。是非カスタマイズして「印象に残り、読みたくなるサイトづくり」を目指し差別化を図りましょう。, これは個人差がありますが、自分でカスタマイズして作り込んだサイトやブログは、愛着を感じ好きになることが多いです。笑, 見た目でブログが好きになると、もっと育てたい！と思ったり作業が楽しくなりブログのモチベーションも保てる可能性が高まるので、オススメです。, アフィンガー5のカスタマイズ方法を詳しく知ることで、テーマの良さを最大限に活かして運用することができます。, 例えば、フォントの設定方法がわからずデフォルトにしていた場合。 是非こちらを参考にプラグインを選んで導入してみましょう！, アフィンガー5はデフォルトの状態だと文字の上下左右の余白が小さく、若干読みにくい印象を受けます。, なので、文字が読みやすいサイトにしたいかたは「フォントのサイズとフォントの種類」を設定しましょう。, フォントのサイズと種類について、一体どんな数値にすればいいの？という疑問にぶち当たるかと思いますので、当ブログでも設定しているオススメの値をお教えします。, この設定をするだけで、MacでもWindowsでも見やすい文字設定にすることができますよ。, まず、フォントサイズは【PC(960px以上)閲覧時】の【基本】のところにサイズは17px、行間は34pxに設定しましょう。 当サイトのサイドバーカスタマイズについてお問合せをいただいたので、AFFINGER5でどのように設定しているか、可能な限り詳細にご紹介していきます。 子テーマはJETを使用しておりますが、サイドバー部 ... この度、当サイトのトップページにスライドショーを挿入し、それぞれの画像に別々のリンクを設定してみたので、そのやり方をまとめておきます。 「MetaSlider」というプラグインを使ってスライドショーを ... 気が付けばもう5月。 2017年12月の暮れに開始したこのブログ、もう運営期間が半年になります。 2018年4月末日時点での総記事数は36。びっくりするほど少ないですね…。1か月しか運営してないんじゃ ... WordPressのメニューを階層表示（ドロップダウン、入れ子）にする方法をご紹介します。やってみるとCSS編集も必要なく、実に簡単なのですが…方法にたどり着くのに苦労しました。メニューの表示がすっき ... 2017年の12月にWordPressで開始したこのブログですが、2018年の3月にやっと20記事を超えました。3か月で100記事とか作ってしまうブロガーさんも多い中、随分とのろのろ生きているちろでご ... (adsbygoogle=window.adsbygoogle||[]).push({}); PCやスマホ、タブレットからもアクセスできて便利なWordOnline。外出先でも文書の作成・編集ができてかなり重宝しています。 文字を書く仕事に付き物の『文字数』、WordOnlineでなぜかカウン ... 日本最大規模を誇るアフィリエイトサービスのA8が、ついにスマホアプリになりました。 私も早速取り入れていますが、使いやすさはなかなかいい感じ。スマホからさくさくっと確認できるので、PCを逐一開く手間が ... かれこれ１年半ほど運営している「もちろんウェブ」ですが、久しぶりにPVと収益を開示しようと思います。 数十万PVとか収益7桁とかそういった情報ではありませんが、近しいところでやっているブロガーさんの参 ... ついに！WING（AFFINGER5）を当サイト『もちろんウェブ』にも導入しました。 WordPressのテーマは無料テーマのSTINGER8、そしてその次にAFFINGER4を使用して、そして今回W ... AFFINGERでカエレバのCSSをカスタマイズする方法をご紹介します。 Style.cssにコードを追加しても反映されず、右往左往したので備忘録として残しておきます。 反映方法は非常に簡単で、方法さ ... ついにAffinger4が大型アップグレードされ、颯爽と登場した『WING（Affinger5）』を導入してみました。こちらのサイトはまだAffinger4を使用していますが、いずれ移行しようかなと考 ... 購入前に出品者（かーちさん）にお問合せで「もちろんウェブから」と言うとオプションが500円引きになります。. 2019年4月24日 2020年5月19日 . Copyright © TOMOKIBLOG , All Rights Reserved. アフィンガー（AFFINGER）でサイトの色設定をする方法をご紹介します。 アフィンガー4Proでは、かなり細かい色設定をする事が出来ます。 超大量の設定項目がありますが、全てを設定する必要はありませ ... AFFINGERは、簡単に商品ランキングを作る事が出来ます。 アフィンガーでの商品ランキングの作り方をご紹介します。   目次1 商品ランキングを作る1.1 ランキング基本設定1.2 商品ラ ... アフィンガーがバージョンアップされ「ver20161209」からデフォルトでフキダシ会話を作れるようになりました。 ネコティーチャーこんな会話が ライオンくん簡単に表示出来ちゃいます そんなアフィンガ ... 記事ページ（投稿ページ）の設定方法を解説します   目次1 AFFINGER管理で記事ページの設定をする1.1 アイキャッチ画像を記事上部に表示する1.2 アイキャッチのキャプションをクレジ ... AFFIGER（アフィンガー）でスライダーを表示させる方法をご紹介します。 スライダーとは、このページのトップに表示されている、一定時間で変更される画像の事です。 ↑これがスライダー   設 ... Copyright© WING（アフィンガー5）カスタマイズ講座 , 2020 All Rights Reserved. 魔改造したりプラグインやテーマを作ったりしています。, トップページに目次を作りたいのですが、アフィンガーに設定済みのタグへのリンク先が404になっています。, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。. Affinger5（Wing）のカスタマイズは、「外観」→「カスタマイズ」（カスタマイザー）と、「Affinger5 管 ... https://blogfarming.jp/affinger_logo/1028/, パソコン版のロゴの位置は、「Affiger5 管理」→「ヘッダー」でセンタリングだけ出来ます。, タイトルとキャッチフレーズの色の変更は、カスタマイザーの「基本エリア設定」→「サイトタイトルとキャッチフレーズの文字色」で変更できます。, また、タイトルとキャッチフレーズの上下は、「Affiger5 管理」→「ヘッダー」→「サイト名とキャッチフレーズを上下反対にする」で変更できます。, iPhoneなどのアイコンは、「Affiger5 管理」→「会話・ファビコン等」→「apple-touch-icon画像」で設定します。, ヘッダー画像も、カスタマイザーと「Affiger5 管理」→「ヘッダー」の両方にカスタマイズ項目があります。, ヘッダーの構成はちょっと複雑です。画面で見ると下のようになっていて、ヘッダー画像は真ん中の電車のイラスト部分です。, このヘッダーをカスタマイズする箇所は色々な場所にあるので、整理しきれませんでした。, カスタマイザーの「ヘッダー画像」「基本エリア設定」「メニューのカラー設定」「ウィジェット（メニューの「外観」からも行けます）」。, 初期設定ではヘッダーをカスタマイズしてもトップページ以外は画像が小さくなってしまいます。, AFFINGER5管理の「ヘッダー」→「表示設定」で全記事のヘッダーを大きくできます。, 背景画像を入れず、単色で塗りつぶしたいときはカスタマイザーの「基本エリア設定」で設定します。, ヘッダーに電話番号を記載するときは、「Affiger5 管理」→「ヘッダー」の一番下に電話番号を登録する欄があります。, 電話番号の文字の色は、カスタマイザーの「基本エリア設定」→「電話番号とヘッダーリンク」で変更できます。, 640px→700pxに変更になり1行の文字数は増えますが、記事エリアの背景の大きさは変わりません。, これは、サイドバーウィジェット部分しか背景色を変更できないからです。この部分は何かっていうと、新着記事です。, 非表示にするには「Affiger5 管理」→「トップページ」→「記事一覧」 →「トップページのサイドバーの新着記事一覧を非表示にする」にチェックを入れて保存します。, ページャーとは、記事一覧の下に出てくる記事送り機能のことです。ここで色を編集できます。, ここでいう「メニュー」は、サイト内を巡回しやすくするためのカテゴリーや固定記事のタイトルのことを言います。, どのタイトルやカテゴリーをメニューに表示するかは、「外観」→「メニュー」または、カスタマイザーの「メニュー」で編集できます。, メニューを設定する時には階層をつけて、メニューの種類が増えすぎないようにするのがオススメです。, ここでは、記事内の段落ごとの見出しを設定できます。見出しには画像を使うことも出来ます。, 画像サイズは、公式サイトで見本画像をダウンロードできるので、それを参考にしてみてください。, 記事投稿の上部の「スタイル」→「アイコン」で表示されるアイコンのからーを決めます。, 「on-colorクラス」は、表示したい文字をなぞって、青く反転させてから表示したいアイコンの名称をクリックすればOKです。, きじを作成する画面をテキストモードにしてみて、 はてなマークこのようになっていればOKです。, Webアイコンの下の「チェックボックス」「チェックボックス（枠）」は、「スタイル」→「ボックス」→「チェックボックス（番号なしリスト）」の色です。, このチェックボックスは先に箇条書きを作っておいて、その後でコードで挟まないと作れないようです。, 同じく、「数字リストのカラー」「チェックリストのカラー」も、この「スタイル」→「ボックス」の「チェックリスト」「ナンバリング」のカラー設定です。, カラーはカスタマイザーで設定し、表示する記事番号や場所は「Affinger5管理」→「おすすめ記事一覧」で設定します。, また、記事の途中などに「おすすめ記事一覧」を挿入したい場合は、記事上の「タグ」→「記事一覧」→「おすすめ記事一覧」をクリックで挿入できます。, 記事上の「タグ」→「ボックスデザイン」→「こんな方におすすめ」のボックスをカスタマイズできます。, 記事上のタグからメモボックスに行けるのですが、カスタマイザーをいじってもこのメモボックスは何も変わりません。, 8個以上登録したいときは、有料版の「会話ふきだしプラグイン 」を購入するか、「WordPress　吹き出し」で検索すれば無料でも作れます。, 有料プラグイン「SUGOIMOKUJI」でなくても、無料プラグイン「Table of Contents Plus」もここでカスタマイズできます。.

山下達郎 アコースティックライブ セトリ 4, ま もうさ 医者 小説 10, 栃木県 事件 未解決 9, Why Bother Why Not 意味 14, プラド 265 65r18 5, Twitterヘッダー おしゃれ 作り方 7, 豚 ニラ ピリ辛 7, 50代 髪型 女性 白髪 6, Android One X3 歩数計 4, 猫 シルエット 壁紙 4, Esprimo K553 分解 11, 告白 振 られた 未練 4, Prettyia Jp 追跡 5, D 01g Mhl 対応 5, 啓林館 英語 Element 和訳 46, アパホテル チェックアウト 荷物 4, I'm Back 35 購入 6, Spotify 中島みゆき ない 11, ライチュウ でんきだま 効果 6, Html サムネイル 並べる 12, 黒い砂漠モバイル 黒い太陽 ポイント 6, デッキ パネル デメリット 7, ソフトバンク 交流戦 強すぎ 4, Csv グラフ化 Web 50, 犬 逆くしゃみ 寝てる時 7, コン ユ 釣り 11, マイクラ サトウキビ 高速 29, 筆ぐるめ ダウンロード版 パソコン買い替え 4, 脳性麻痺 赤ちゃん 足をクロス 20,