次の画面でテーマのアップロードをクリック。PLUS2の親テーマを選択し、今すぐインストールをクリックします。選択したら「今すぐインストール」をクリックします。インストールが終わったら「テーマのページに戻る」をクリック。子テーマも「新規追加」から同様の手順でインストールし、インストールが完了したら有効化をクリックします。これで子テーマが有効化され利用可能な状態になりました。3.Wordpressの設定をする。以下をざっくりとやっておく。※パーマリンク設定はだけは必須、他は後からでも。4.STINGER+2管理を設定する。PLUS2の基本管理画面で必要な部分を変更・保存します。トップページのタイトルの表示方法を変更。タイトルを改行させたくない場合は「ヘッダーを分割しない」を有効化します。「ヘッダーを分割しない」にすると、電話番号、ウィジェット等が非表示になります。フッターメニューをトップにも表示させたい時はオフにします。デフォルトで右サイドバーに表示される新着記事の表示、非表示などが設定できるので下二つを非表示に設定。Googleの設定もこの管理画面からできるので、アナリティクスなどのトラッキングIDなどがすでに取得済みであれば済ませておきます。あとは外観>カスタマイズと行き来しながら設定を詰めます。5.サイトのカラーを決める。ウェブサイトのテーマカラーを3つぐらい決めておき、ロゴやファビコンを作っておきます。いつも、配色えらびを手軽に行うことができる無料カラーツールを使って決めています。以下、良く使う無料カラーツールも覚書。#RandomMaterialPalettewww.threebu.itクリックするだけで色の組み合わせを自動的に提案してくれます。code.colorsupplyyy.com補色や類似色、3色配色など、実際にアイコンなので色が確認できるのでイメージしやすいです。testercolorable.jxnblk.com文字色と背景色の組み合わせの確認に。6.外観をざっくりとカスタマイズする。細かいデザインは最終的にstyle.cssに追加する事で変更していきますが、ここで出来る事はまずここでやっておきます。カスタマイズをクリック。すると左にこのような設定画面、右には実際のサイトが表示されるので、必要な部分を確認しながら設定していきます。タイトルをロゴにするタイトル用のロゴを透過PNGで用意します。サイズに決まりは無く、アップしたサイズがそのまま表示されます。「画像を選択」からタイトル用のロゴを選択します。フッターにも同じ画像を使用したい場合は下の「ヘッダーロゴ画像を使用する」にチェックを入れます。するとこのように表示されるので必ず「公開」クリックして保存します。フッターはこのように表示されます。次のカスタマイズを続けて行いたいので赤枠のマークをクリック。上の×マークをクリックするとWordpress管理画面に戻ります。ファビコンを設定する512x512ピクセルの透過PNGで用意しておきます。サイトの基本情報をクリック。「画像を選択」から、用意していた画像を選択します。「公開」をクリックして保存します。すると、アドレスバーにファビコンが表示されるようになりました。カスタマイズ画面に戻ります。ヘッダー画像をクリック。PLUS2では、デフォルトではこのようなヘッダー画像(赤線で囲まれた部分)が表示されています。これを「画像を非表示」にしたいのでここをクリック。するとヘッダー画像そのものが無くなります。「公開」を忘れずクリックして保存します。500ピクセルの画像を用意します。背景画像を設定する必要に応じて、サイト全体の背景画像を設置します。基本エリア設定で背景色を設定する必要に応じて、サイトの背景色を設定します。ここで、先に決めておいたテーマカラーを入力してみたり、色々試します。基本エリア設定をクリック。ここに「PC時の記事エリアの幅を広げる」という設定があり、チェックを入れると記事エリアが700pxになるのでチェックを入れておきます。メニューとその他のカラーなどを設定する必要に応じて、サイトの背景色を設定します。各テキストのカラーなどもここで設定できます。先に決めておいたテーマカラーを入力してみたり、色々試します。ウィジェットをクリック。ここで、サイドバーに表示する項目や、アドセンスの設定をします。PLUS2)を使用しています。AdSenseの広告を配置してくれるウイジェットもありますが、今回はトップページの記事一覧の間にインフォード広告を設定してみま...michinari.work2018.04.03ウィジェットのサイドバーウィジェットにプロフィールを入れる1、プロフィール画像を用意する。サイドバーウィジェットに「カスタムHTML」を任意の場所にドラッグ&ドロップし、プロフィールをhtmlで書く。3、そのhtmlに対するcssを外観>カスタマイズの「追加CSS」に記述する。サイドバーの「アーカイブ」と「カテゴリー」が二重になる問題を解決するもしサイドバーの「アーカイブ」と「カテゴリー」をドロップダウンにするなら、タイトルが二重になるのでcssを追記して解消する。PLUS2を別のブログで使っているのですが、サイドバーの「アーカイブ」と「カテゴリー」をドロップダウンにした時に、タイトルが二重に表示されてしまうのが気になったので対策をしてみました。FlywheelでインストールされるWordPressは、デフォルトでプラグインが何も入っていないので、必要なプラグインを入れて設定します。Akismetコメントスパムを防ぐプラグイン。Akismetの設定方法と、複数サイトでAkismetを使う方法WordPressに標準搭載されているプラグイン「Akismet」。自動的にコメントスパムをふせいでくれる非常に便利なプラグインなので必ず有効化しておきたいところです。Patch日本語の不具合解消に、必須。PLUS2では、デフォルト状態で、文字装飾に使えるCSSの拡張クラスが使えますが、WordpressプラグインのAddQuicktagに登録して利用することにより、より手軽に利用できるとの事。Posts」ワードプレスを導入しているサイトやブログには「よく読まれている記事」や「人気ページ」などが設置されているのをよく見かけます。Order」の使い方WordPressはデフォルトでは、カテゴリーの並び替えが出来ません。ウィジェットでサイドバーにカテゴリーを表示すると、デフォルトだと作成時間順に並んでしまい任意の順に変更できないのです。新しいサイトをグーグルサーチコンソールに登録するも、インデックスされなかったりエラーが出たりで、どうにもスムーズに進まなかった事がありました。SitemapsをVe...michinari.work2018.02.19PubSubHubbubGoogleにほぼリアルタイムに更新を通知してくれるプラグイン。記事のindex促進に。WordPressを使っていました。WP4.5)に移行する手順と、手間...2018.02.28WordPressWordPressの無料テーマ、Cocoonに変更しました。Simplicityの作者さんが、新しくWordPressの無料テーマCocoonを公開しました。Consoleに登録したサイトのサイトマップページがエラーになっていました。PLUS2と子テーマをダウンロードする。PLUS2をインストールし有効化する。3.Wordpressの設定をする。4.STINGER+2管理を設定する。5.サイトのカラーを決める。6.外観をざっくりとカスタマイズする。PLUS2と子テーマをダウンロードする。PLUS2をインストールし有効化する。3.Wordpressの設定をする。4.STINGER+2管理を設定する。5.サイトのカラーを決める。6.外観をざっくりとカスタマイズする。"https://michinari.work/wp-content/plugins/table-of-contents-plus/front.min.js-end");タイトルとURLをコピーしました。