るーしーです。 今回は「WordPress(ワードプレス)のデータバックアップをBackWPupで簡単に行う方法」についてです。 早いもので、当サイト「膠原病でした」も開設して半月が経ち ... こんにちは! Font Awesome で提供されているアイコンをテーマ内で利用できるようになります。, 機能を有効にすると Font Awesome のフォントを CDN で読み込む link style タグを html head タグ内へ出力します。, ↑の先頭に というのがありますよね? こんな感じで文中にアイコンを挿入出来るようになっています。, 薄いグレーで表示されているものは利用できないので、それ以外で任意のアイコンを選んでクリックしてください。, 左側のメニューの【 FREE 】をクリックすると、利用できるアイコンの一覧が表示されます。, これを挿入したいページの編集画面でテキストモードで貼り付けます。ビジュアルモードで貼り付けてもタグがそのまま表示されますので注意してください!, WEBフォントアイコンなので色や大きさの変更が画像と違って、とても簡単にできます。, class による変更が可能な方はclassを追加して、CSS 指定してください。. るーしーです。 今日は2018年2月18日に緊急でお伝えした「Quick Adsense(クイックアドセンス)のバージョンアップ」についてです。 ver2.1にバージョンアップすると設定 ... こんにちは! WordPressのフォント部分のCSSを書き換えたのに変更できない!原因と、より簡単なフォントの変更方法を紹介します。GoogleFontsを使用して、気に入ったフォントに変更するのが簡単です。 の2パターンあります。, WordPressテーマ「Lightning」をカスタマイズ(その9)よくある御質問ページの作成, WordPressテーマ「Lightning」をカスタマイズ(その8)スライドショーの調整・他, WordPressテーマ「Lightning」をカスタマイズ(その7)全幅コンテンツの実装, WordPressテーマ「Lightning」をカスタマイズ(その6)インフォメーションの設置, WordPressテーマ「Lightning」をカスタマイズ(その5)3PRの変更・その他, WordPressテーマ「Lightning」をカスタマイズ(その4)見出しの変更・その他, WordPressテーマ「Lightning」をカスタマイズ(その2)WP管理画面からのカスタマイズ, WordPressテーマ「LIQUID CORPORATE」 BootstrapベースのWordPress.org登録テーマ. The following two tabs change content below. ◇CSSで消す Lightningのヘッダーをカスタマイズするパターンをいくつか紹介します。横並びのサイト名とグローバルメニューを上下に表示したり、グローバルメニューのフォントサイズ、ヘッダーの背景画像、ロゴ下の電話番号などを設定してみます。検証したバージョンはLightning 3.0.2です。 これを最近の歯科サイトに多い、淡い明るい色に変えたいと思います。, ここにはウィジェットエリアの3つ、 ◇スマホ・タブレット:OSのデフォルトフォント, Win7では相変わらずメイリオで表示されますが、どうせ今後減っていくOSバージョンですからw, 他にはGoogleフォントの「Noto Sans」を使うという選択肢もありましたが、今回は「游ゴシック」を使用しました。, PCで見るとPタグのフォントが小さく感じるので、PC閲覧時(画面幅992px以上)のフォントサイズを変更します。, さらに、「游ゴシック」に切り替えるとメニュー(ナビゲーション)の文字が見づらくなったので、太字にします。, 「Lightning」で気に食わない点の2番目ですが、背景色がWordPressの設定画面から変更できないんです。 ◇Mac:ヒラギノ角ゴシック なんでしょうね、この残念仕様は。, さて、Lightningの背景色はデフォルトでは白です。 るーしーです。 今回も引き続き「WordPress(ワードプレス)のテーマLightning(ライトニング)の新しいモバイルナビ」についてです。 まとめという事で「最適なモバイルメニュー ... スポンサーリンク カテゴリー記事一覧をインデックスさせる方法 WordPress(ワードプレス)管理画面を開く 左メニューAll in One SEO→一般設定をクリック 下の方にある「Noindex ... Copyright© 膠原病でした , 2020 All Rights Reserved. WordPressを使っていて「デフォルトのフォントが読みにくいな」「お洒落なフォントにしたい」という人向けにフォントを変更する方法をまとめました。プラグインを使うので数分くらいでできます。 テーマの子テーマを使用していれば、親テーマをアップデートしても上書き(追記分がなくなる)はされません, 2017年11月16日:膠原病(こうげんびょう)の外来検査1:血液検査・レントゲン, 2017年12月始め:膠原病(シェーグレン症候群・全身性エリテマトーデス)の検査入院, 【初心者向け】で簡単にデフォルトフォントサイズ、行間、文字間を変更するCSSの操作方法をご紹介, 全く同じ文章、HTMLのタグでもCSSの定義が異なれば皆さんの画面に表示されるデザインは異なります。, 使っているWordPress(ワードプレス)のテーマによってCSSの定義が異なるから, 作業をする直前の状態であるstyle.cssファイル内容をバックアップできました。, テーマを最新バージョンに更新すると追記した分が全て無くなるのでバージョンアップしたら再度追記, WordPress(ワードプレス)のパーマリンク設定を「%postname%」にすべき理由, 【ワードプレス】Quick Adsense(クイックアドセンス)の再バージョンアップがきたぞ!!, WordPress(ワードプレス)のデータバックアップを「BackWPup」で簡単に行う方法, All in One SEO(オールインワンSEO)の設定でカテゴリー記事一覧をインデックスさせる方法. まずはLightningをインストールしましょう。 WordPress管理画面 – 外観 – テーマ – 新規追加と進み、「テーマを検索…」に「Lightning」を入力。 すると、Lightningが出てきますので、インストールボタンをクリック。 次に有効化ボタンが出てくるので、続けて有効化まで行いましょう。 有効化が完了すると、サイトのテーマがLightningに変わります。 (adsbygoogle = window.adsbygoogle || []).push({}); ファイル名は「現在この内容を使っている」という事が分かるように、「【20180201使用中】スタイルシート.txt」という具合にしましょう。, テーマを最新バージョンに更新すると追記した分が全て無くなるのでバージョンアップしたら再度追記しましょう。, たかが文字サイズ、行間、文字間ですが少し変わっただけで印象はガラリと変わりました。, やり方は沢山ありますが、あれこれ試行錯誤した上でこの手順が最も手軽に実行できる手段だと判断しました。, 商用のしっかりしたサイトでやるべきではない手段なのですが個人サイトにつき許して……という感じです。, なので今回の方法もやるやらないは皆さんの判断にお任せします。※結果も自己責任でお願いします。, とはいってもこれからもどんどん役に立つような情報を発信していきますのでまたこのブログを見に来てくださいね!!. ◇スマホ・タブレット:OSのデフォルトフォント, メイリオって嫌いじゃないけど、あの丸っこい感じがなんとも軽々しくて、真面目なサイトや重々しい法人サイトなどでは不向きだと思います。, たまに士業の堅物サイトなどでメイリオで表示されているところを見かけますが、いかにもチグハグで残念な感じを受けますね。, 逆に、ノリが軽妙なサイトや、可愛い系のサイトなどでは向いてると思います。 消して大丈夫です。 これらが左・中央・右と平行3列に入るエリアです。, そもそも何も入れない場合は、自動的に非表示にしてくれればいいのにね・・ ◇Mac(Mavericks以降):游ゴシック Copyright © VK All in One Expansion Unit - WordPressでのサイト構築が飛躍的に楽になる多機能統合型プラグイン - All Rights Reserved. 「フッターウィジェットエリア1」 ©Copyright2020 創kenブログ.All Rights Reserved. 【コピペでOK】WordPressのカスタマイズ集21選【ほぼ必須のカスタマイズあり】. ◇phpファイルをいじる方法 WordPressテーマ「Lightning」をカスタマイズ(その3)フォントの変更・クレジットの非表示, Lightning – シンプルでカスタマイズしやすいBootstrapベースのWordPress公式テーマ, WordPressテーマ「BusinessPress」でWEBサイトを制作:まとめページ, WordPressテーマ「Xeory Extension」をカスタマイズ:まとめページ. 小規模サイトの場合はわざわざ何かを入れる必要性を感じません。, よって、ここはCSSで無理矢理に非表示に変えます。 WordPress, WPプラグイン, WordPressには優秀なテーマがあって自分でデザインを変えるということは滅多にありません。フォントも記事を読んでもらうならデフォルトでも特に問題ないです。, 「ブログに個性を出すためにオリジナルフォントを設定したい」 WordPressテーマ「Lightning」をカスタマイズ(その3)フォントの変更・クレジットの非表示 icon-clock-o 2017.9.4 icon-refresh 2017.10.28 WEBデザイン souken ツイート 2018/5/4 ヘッダーロゴ、グローバルメニュー、タイトル、テキストの4つの項目でそれぞれフォントスタイルを変更できます。フォントスタイルは明朝体とゴシック体、游ゴシックから選択できます。【 カスタマイザー 】>【 Lightning フォント設定 】から設定してください。 「Powered by WordPress with Lightning Theme & VK All in One Expansion Unit by Vektor,Inc. というLightningのクレジット表記があります。, 「いやいや、消して大丈夫なの?」というそこの貴方! たとえば当ブログもWindowsで見ると「メイリオ」で表示されます。, で、この歯科サイトでは真面目さを重視して、フォントは「游ゴシック」をメインにしたいと思います。, ◇Windows8.1及び10:游ゴシック WordPress Popular Postsを記事内に表示する時のカスタマイズ法, おしゃれなリンクボタンが簡単に作れるWPプラグイン「MaxButtons」の使い方, WordPressを一発でhttps化!Really Simple SSL の設定手順, 記事をグリッド表示できるWPプラグイン「The Post Grid」の使い方を解説, 複数ウィジェットを簡単コピー!WP Widget Clipboardを公開しました – Ver1.2.15. 「デフォルトだと読みにくいから読みやすいフォントに変更したい」, そこでWordPressにオリジナルフォントを変更する方法をまとめました。プラグインを使えば数分くらいでできます。, なので下手に自分でデザインとかフォントを変更するのが正解とは限りません。余計な手間とか時間がかかるだけの場合もあります。, まだ記事すら書いていないのにブログデザインを気にするのは気が早すぎます。むしろ余計な作業ばかり増えて挫折する原因にもなるかもしれません。, 次の「挫折しないためのブログ術」でも書いたことですが、初心者の内は記事を書くことだけに集中しましょう。, それぞれのテーマの機能性とかデザインについては各デモページをご覧ください。そのテーマを使うとどういうブログが作れるか大体理解できます。, そして何度も言うようにフォントとかデザインは優先度がかなり低いです。もしブログのコンテンツが少ないなら先に記事作りをしましょう。, お節介なことかもしれないですが、これは本当に大事なことです。デザインに力を入れるのは記事を充実させてからでも全く遅くありません。, 自力でフォントを作るのは現実的じゃないので、次のようなフォントを検索・ダウンロードできるサイトを使うのがオススメです。, 直接zip形式でダウンロードできるフォントもありますが、多くはリンク先のサイトからフォントファイルでダウンロードする形式になっています。, 直接フォントファイル( .ttf や .woff などの拡張子がついたもの)をダウンロードするのではなくリンク先からzipでダウンロードする方式になっています。, 検索フォームからフォント形式・タイプフェイス・対応する文字種類・価格帯などを絞って詳細検索できるので好みのフォントが見つかりやすいです。, フォントの価格は1000円以上なのでただフォントを変えたいという人には向いていませんが、本格的なサイトを作る場合は使う価値があると思います。, なのでダウンロードしたら、解凍ソフトを使って解凍してください。 企業・店舗サイト制作用テーマです 2019/11/17 こんにちは! 「ユーザーは絶対ここにウィジェットを入れます!」と確信して作ってるのでしょうね。, でも、私は入れませんw technology.」 (架空のサンプルサイトです), 「Lightning」は秀逸なWP無料テーマだとは思いますが、幾つか致命的に気にくわない点があります。, ◇Windows:メイリオ 投稿タイプ毎または記事毎に表示内容を変更する事も可能です。 Lightningは twitter Bootstrap ベースのシンプルでカスタマイズしやすいWordPressテーマです。 プラグイン VK All in One Expansion Unit とセットで使う事でビジネスサイトにもブログにも活用できます。 LightningもWordPress自体もGPLライセンスなので、こういうのは表示しなくて問題ありません。 souken, 「Lightning」は株式会社ベクトルが開発した無料のWordPressテーマです。, *Lightning – シンプルでカスタマイズしやすいBootstrapベースのWordPress公式テーマ, *北福岡歯科クリニック | 北福岡駅より徒歩2分の痛くない歯医者 WordPress(ワードプレス)のフォント変更をする方法は、FTPソフトを使用したり追加CSSを編集するなど複数あります。 ここではその方法について、画像付きで丁寧に説明しています。 WEBデザイン 「フッターウィジェットエリア3」 スポンサーリンク Powered by WordPress with Lightning Theme & VK All in One Expansion Unit by Vektor,Inc. 解説記事. Copyright © Lightning - シンプルでカスタマイズしやすいWordPress.org登録無料テーマ - All Rights Reserved. WordPressでサイトを運営している人の中には、文字サイズを簡単に変えられるようにしたいという人も多いでしょう。デフォルトの文字サイズだけではメリハリがなくて読みにくい文章となり、その結果ユーザーにコンテンツを読んでもらうことも難しくなります。 ということは、h4のHTMLタグが付いた文字だけ表示が変わっていたんですね。, その為、全く同じ文章、HTMLのタグでもCSSの定義が異なれば皆さんの画面に表示されるデザインは異なります。, 今回はCSSでpタグに囲まれたフォントのサイズ、行間、文字間を変える設定をします。, そうする事でpタグに囲まれたフォントは全てサイズ、行間、文字間が変わります(例外あり)。, 段落として定義されている部分全てpタグが入っている(はず)なのですがどうなるかは実物を見た方が早いと思います。, ファイル名は中身が何かわかればいいので、「20180201バックアップしたスタイルシート.txt」等で大丈夫です。, 「.txt」は拡張子といいPCの設定次第では表示されません。その場合は気にしないでOKです。, これで今回作業をする直前の状態であるstyle.cssファイル内容をバックアップできました。, 以後の操作でレイアウトが崩れてしまった場合は、現在使用しているテーマのstyle.cssファイルへ今回作成したバックアップファイルの内容をコピペすれば復旧しますので大事に保存してください。. 邪魔者は消しましょう。, 他の方法としては、 ご利用の Internet Explorer は古いブラウザで Microsoft社も利用は危険であると発信しています。このウェブサイトも Internet Explorer での表示は保証しておりません。, 最新のモダンブラウザ(Microsoft EdgeやGoogle Chromeなど)をお使いください。, ヘッダーロゴ、グローバルメニュー、タイトル、テキストの4つの項目でそれぞれフォントスタイルを変更できます。, 【 カスタマイザー 】>【 Lightning フォント設定 】から設定してください。, Google Fonts の日本語フォントを使いたいという要望がありましたので、Lightning Pro 0.7.0 で対応しました。, 今まではメニューのフォント指定について、ヘッダーのグローバルメニューしか指定できませんでしたが、Lightning Pro 0.8.0からグローバルメニューのサブテキストは別のフォントが指定できるようになりました。, また、モバイルメニュー / モバイル固定ナビのフォントもグローバルメニューに指定したフォントが適用されるようになしました。, シンプルでカスタマイズしやすい © 2020 ぴょんなことから All rights reserved. るーしーです。 今回は「WordPress(ワードプレス)のパーマリンク設定を「%postname%」にすべき理由」についてです。 「パーマリンク?どれに設定したらいいのか分からないよ」 ... こんにちは! Lightningのヘッダーをカスタマイズするパターンをいくつか紹介します。横並びのサイト名とグローバルメニューを上下に表示したり、グローバルメニューのフォントサイズ、ヘッダーの背景画像、ロゴ下の電話番号などを設定してみます。検証したバージョンはLightning 3.0.2です。 1.5.0: 20180601 [ 仕様変更 ] Font Awesome5 対応: 1.4.2: 20180508 [ 仕様変更 ] スライドショーに指定された画像サイズが小さい場合でも横幅100%になるように変更 [ その他 ] Lightning JPNSTYLE クイックスタートデータのダウンロードURLとパスワードをreadme.txtに追加 1.4.1: 20180428 さらにセクションの余計な区切り線も消します。, フッター最下部には ◇Mac(Mountain Lion以前):ヒラギノ角ゴシック icon-clock-o2017.9.4 icon-refresh2017.10.28 また、レイアウトが崩れてしまった等の結果についても自己責任でお願い致します。, 「/」は閉じタグと言われ、「/」無しのタグで始めて「/」付きのタグで閉じるのが基本。, このソースを見てみると プラグインやウィジェットの使い方がわからない場合、まずは設定ガイドのページをご確認ください。, Lightningをコンテンツマーケティングやメディアサイトとして活用するためにデザインと機能を強化したのが有料の拡張デザインスキン「Variety(ヴァラエティ)」です。. WordPressをインストールしてLightningを適用したばかりのサイトは、トップページが下記のように … この記事で使った画像: Image.zip ロゴ画像を設定する. 【初心者向け】WordPress(ワードプレス)のデフォルトフォント設定からサイズ、行間、文字間を変更します。全手順画像付きで紹介。個別CSSは使用せず子テーマのstyle.cssを修正する手順です。 WordPressテーマ「Lightning」をカスタマイズ(その3)フォントの変更・クレジットの非表示 icon-clock-o 2017.9.4 icon-refresh 2017.10.28 WEBデザイン souken ツイート 「フッターウィジェットエリア2」 今回は「WordPress(ワードプレス)のデフォルトフォントサイズを簡単に変更する方法」についてです。, 局所的なフォントサイズ変更ならエディタで簡単に出来ますがデフォルトのフォントサイズを変えるのはCSSを操作した方が良いと思います。, やり方は色々とありますが【初心者向け】で簡単にデフォルトフォントサイズ、行間、文字間を変更するCSSの操作方法をご紹介します。, 実行前にCSSファイル(使用テーマのstyle.css)のバックアップを必ず行ってください。