AFFINGER4の記事タイトルや見出し、段落、ぱんくず、カテゴリー、投稿日の文字(フォント)と色を変更したい!ホームパソコンWordPressモバイルサービスそらよりお問合せパソコンの処分にお困りなら!無料回収データを無料ソフトで消去&パソコンを宅配便で回収する国認定「リネット」が安心・かんたんだった。2018年7月5日AFFINGER4の文字(フォント)まわりのことを初心者向けに解説します。文字の変更の多くはダッシュボード>外観>カスタマイズを利用します。一部、style.cssに変更を加えなくてはならないところもあります。この記事ではコピー&ペーストで簡単にできるようにしてあるのでぜひご活用ください。Advanced」の使用を前提としています。この記事はおもに以下の内容で構成されています。【AFFINGER5(WING)ver20180613以降についてはこちらの記事をご参照ください】WING(AFFINGER5)の見出しフォントを細く!記事一覧抜粋文を小さく!続きを見る【コード変更の実施には以下の点をご注意ください】ここで示したコードがデザインに反映されないケースがありますご使用のバージョン、プラグインなどのさまざま要素が影響するようです。コードを変更することでデザイン崩れが発生することがあります。その際は変更を加えた部分を削除してください。そらよりはいかなる損害も責任を負いません。自己責任で実施してください。Chromeなら「設定」画面の最下段から「詳細設定」をクリック。「プライバシーとセキュリティ」の最下段「閲覧データを消去する」をクリック。「次の期間のアイテムを消去」で「過去1日」または「1時間以内」を選び、「キャッシュされた画像とファイル」のみにチェックマークを入れます。最後に「閲覧履歴データを消去する」をクリックします。付属の子テーマではPCサイズ、タブレットサイズ、スマホサイズがわけられます付属の子テーマ(詳細後述)で変更を加える場合、特定のタグ内にコードを記入することで、PCサイズ、タブレットサイズ、スマホサイズ、それぞれに限定して変更を加えることができます。オリジナルの子テーマに同タグを用いても可能です。PCサイズに限定した変更を加える場合、以下のPCサイズ指定のタグスペース内に挿入してください。ダブルクリックで再表示すると選択しやすくなります。--*/}デフォルトでは入っていませんが「PCサイズ限定」の文言を加えました。閉じタグを誤って消してしまわないための予備策です。子テーマのカスタマイズについて作業に取り掛かる前にカスタマイズのおさらいです。今回は子テーマにあるstyle.cssにコードを直接書き入れます。style.cssのカスタマイズはAFFINGER4Childのダッシュボード「外観」→「テーマの編集」からの方が簡単ですが、慌てん坊のそらよりはよく間違って本テーマをいじってしまうので、手順として馴れた古い方法でやっています。フォント「游ゴシック」を解除Windows7など古いOSでは「游ゴシック」が認識できず別のフォント(日本語はMSPゴシック)に置き換わってしまいます。字体そのものが好きではないという方もいらっしゃるでしょう。そんなときはデフォルトで設定されているフォント「游ゴシック」を解除することができます。「ダッシュボード「AFFINGER管理」から「サイト全体の設定」の「各見出しGoogleフォントなど」の項目に行きましょう。フォント一覧の最下段に「見出しやタイトルに游ゴシックを使用しない」があります。ここにチェックを入れます。「save」で確定します。すると日本語フォントはつぎのようになります。本テーマのstyle.cssをチェックするとデフォルトで指定されているフォントを確認できます。0px;}WindowsはメイリオまたはMSPゴシック、Macはヒラギノ角ゴという志向を取り入れた、従来から日本語が最も読みやすいとされている標準的な設定です。これで記事タイトル、見出しh2、見出しh3がすべてメイリオで表示されるようになります。(段落本文は変更前も変更後もメイリオです)でも、そらよりの好みはもう少し細い方がいい。段落本文の文字を大きくし、行間も変えたい。そこで子テーマのstyle.cssに変更したい部分の記述を加えることにしました。記事タイトルと見出し子テーマのstyle.cssに次の記述を加えます。--*/}記事タイトルの文字の太さがboldに指定されていたのでnormalに変えます。子テーマでの上書き変更が確実に反映されるように「!important」も添えておきました。このままコピー&ペーストでご利用いただけます。同様に見出しh2を変更します。--*/}h3(小見出し)、h1(検索結果のタイトル)は上記の「2」の数字を書き換えてください。各見出しの背景や線、色はダッシュボード「外観」→「カスタマイズ」→「各テキストとhタグ(見出し)」で設定・変更できます。「段落」の文字つぎにパソコン表示の「段落」に手を加えます。AFFINGER4のオフィシャルサイトでは基本のフォントサイズの変更方法が公開されています。その方法で「段落」のフォントサイズのみ拡大しようとしましたが、うまくいきません。トップページの記事一覧に表示される導入文章も同時に拡大されてしまいました。そこでここではオフィシャルとは異なる方法をご紹介しています。そのコードは次のとおりです。--*/}数字の部分をお好きなものに変えてお使いください。#000000;」の「#000000」の部分を好みのWebカラーコードにすれば変更できます。色の検討には「原色大辞典」が便利です。文字色はダッシュボード「外観」→「カスタマイズ」→「各テキストとhタグ(見出し)」の「一括テキスト色強制変更」でも変更可能です。イエロー、薄赤、グレーのボックス前項の設定で文字サイズを小さくすると行間が空きすぎると感じるときがあります。イエロー、薄赤、グレーの各ボックスを適用したとき気になったりします。そこでつぎのコードを挿入しました。--*/}AFFINGER4オフィシャルサイトが例示する基本のフォントサイズの変更方法のそのままではうまくいかず「p」を添えてみたら行間のみ反映されました。実際にボックスをつくってみると、こうなります。ボックスをコラムらしく見せたいこれはダミーの文章です。読まないでください、といっても読んでしまう方にお願いです。これはダミーの文章です。読まないでください、といっても読んでしまう方にお願いです。そんなそらよりをよろしくねこれはダミーの文章です。読まないでください、といっても読んでしまう方にお願いです。これはダミーの文章です。読まないでください、といっても読んでしまう方にお願いです。これはダミーの文章です。読まないでください、といっても読んでしまう方にお願いです。ボックスをコラムらしく見せたいそらよりをよろしくね。ブログカード風サイト内リンクを貼るとき「ビジュアルエディター」モードのメニューで「ブログカード風」を使用しています。このときクリカブルを示すアンダーラインがうるさいので消しました。--*/}また「ブログカード風」内の本文に「段落」と同じサイズが適用されていたため文字サイズと行間を変更しました。)」と「関連記事一覧」の各タイトルのクリカブルを示すアンダーラインがうるさいので消しました。記事タイトル上のぱんくず、カテゴリー、投稿日などの文字色や背景色はダッシュボード「外観」→「カスタマイズ」→「各テキストとhタグ(見出し)」の「記事タイトル上のカテゴリ」「投稿日時・ぱんくず・タグ」でそれぞれ変更可能です。これでは投稿日時とぱんくずが同色になり単調です。そこでさらにぱんくずのみstyle.cssで文字色を変えます。--*/}ぱんくずとカテゴリーはこのようになります。内容がかぶるためカテゴリーを非表示にしました。「投稿日・更新日を表示しない」設定も可能です。以上、AFFINGER4の記事投稿スペースの文字まわりの解説でした。こちらの記事もお役にたてるかも、です。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。コメントデータの処理方法の詳細はこちらをご覧ください。Postsが突然停止する不具合が発生しています。...WordPressWordPressでネットワークエラーが表示されバックアップファイルをダウンロードできない?WordPressの無料プラグインBackWPupを使用し手動バックアップを行いました。Consoleのサイト認証タグを設定しようとしました。...WordPressAFFINGER5のおすすめ記事一覧をサイドバーのもっと上に表示する方法AFFINGER5では任意の記事IDを指定し一覧として表示する「おすすめ記事一覧の作成」機能があります。...WordPressWordPressで「テーマの編集」が表示されない?もしかしたらそれマルチサイトじゃありませんかいや~、ずっと不思議に思っていたのです。WordPressをカスタマイズしようと検索すると、多くのページで「『テーマの編集』でうんちゃら」と書いてあるではないですか。...PREV既定の検索エンジンが勝手にYahoo!検索に変更される原因とマカフィー(McAfee)の親切対応NEXTSpotify(スポティファイ)無料版の使い方がすぐわかる!もっと使いこなせる!プレイリストやRadioステーションって何?パソコンの処分にお困りなら!無料回収データを無料ソフトで消去&パソコンを宅配便で回収する国認定「リネット」が安心・かんたんだった。無線LANスポンサーリンクスポンサーリンク快適・親切サポート、絶え間なく進化する安心感から管理する7サイトすべてをエックスサーバーにまとめています。モバイル2019/1/21ZenFoneでアラーム音や着信音、通知音を変更・追加する方法をやさしく解説!Androidスマホの場合、アラーム音の音源はAlarmsフォルダ、着信音の音源はRingtonesフォルダ、通知音の音源はNotificationsフォルダにそれぞれ格納されていると言われます。Goはそうなっていません。ダウンロードした音源ファイル(mp3)をファイルマネージャーで移動しようとしてもAlarmsやNotificationsが見当たらないのです。試し、ようやく設定する方法をみつけたので基本からまとめてご紹介します。モバイル2019/7/1データを無料ソフトで消去&パソコンを宅配便で回収する国認定「リネット」が安心・かんたんだった使わなくなったノートパソコンを安心宅配回収のリサイクル会社「リネット」に引き取ってもらったので、その詳細をシェアします。モバイル2019/4/19スマホの着信音や通知音、ミュートがうまく設定できない!よくわからない!たとえばLINEの通知音がうるさいので無音にするとこんどは電話の着信音が鳴らず気づけない。厳粛な場でミュート(消音)にしたつもりなのに着信音がけたたましく鳴ってしまう。そんなスマホの“音”の管理でお困りではありませんか。毎日使っていて不便だけど調べるのが面倒でがまんしている、という方も少なくないのでは。今回はいまさら聞けない、そんなスマホの“音”まわりのことを整理してみました。決心したつぎに来るアクションといえば独自ドメインの取得、そしてWordPressでの運用となる方が少なくないのでは。そこで問題となるのがレンタルサーバーの選定です。この記事ではコスト優先のロリポップ(LoliPop)と高速・安定稼働のエックスサーバー(XSERVER)のどちらがおすすめであるか、という話をします。結論を先に申し上げれば1年目はロリポップ(LoliPop)ライトでコストを極力抑える。Clipperでクラウドのファイル管理が超快適に!EvernoteがGoogleドライブと連携できるようになりました。うれしいことをやってくれるじゃないですかEvernoteさんというわけで、さっそく使ってみましたよ。いやいやありがたいけどさ」って感じで、狂喜乱舞であります。そのメリットは、Evernoteで仮想的に使えるデータ容量が一気に拡大したこと。両者のファイルを一括管理できるようになりました。587と安全性の低いアプリと2段階認証2019/12/18サービスAmazonで注文した商品を間違った届け先へ送ってしまった?2019/12/12パソコンExcelで「貼り付けのオプション(Ctrlキー)」が邪魔でペーストできない?2019/12/11sunnydayfunny初めてのパソコンはMacintoshQuadra700。ポストスクリプトのモノクロプリンターなど100万円超の大投資でした。その後MacはCUBE、G4までおつきあいしましたが、コスパ重視でWinに。日々の壮絶なブレイクスルーの成果をシェアしております。免責事項及び著作権Amazon.co.jpアソシエイトそらよりホームお問合せ本サイトでは利便性向上や閲覧の追跡のためにGoogle・他提携サービスによりCookieが使用されています。サイトの閲覧を続けた場合Cookieの使用に同意したことになります。