PLUS+」のトップページの作成方法は、新たにリリースされた「AFFINGER4」でも応用することができます。WordPress初心者の方は、初めてテーマを有効化した瞬間、あまりのシンプルさに驚かれる方も多いのではないでしょうか。「サンプルデザインと同じようにしたいけど、どうやってやるの?」もしかすると、そんな壁に突き当たってしまう方もいらっしゃるかもしれません。実は、数年前の私自身がまさにその張本人でした。PLUS+は、もうすぐ配布終了だそうですね。今後は、コードのわかりやすさや機能強化などのニーズに対応した新しいテーマ、「STINGER8」や「micata2」などがリリースされる予定とのこと。それもまた楽しみですね。気に入っているので使い続ける予定でいますが、これからカスタマイズの記事を書いても?もしかしてほとんど需要はないのかな?・・とか思いつつ。書いちゃったので更新します。PLUS+「Sample03-女性向けデザイン02」のトップページは、ヘッダー画像の代わりに大きなアイキャッチ画像を表示させたデザインとなっています。▶DEMOサイトデモサイトと全く同じトップページの設定方法を順に説明していきます。必要に応じて表示したい項目を変更しながら進めてみてくださいね。※子テーマの使用は任意ですが、とても便利な機能なので使用することをおすすめします。ブラウザのアドレスバーで確認できます。サイトタイトルをロゴにしたい場合は、WordPressダッシュボード→外観→カスタマイズ→「ロゴ画像」でアップロード※左寄せで表示する場合は、幅300px以内、白以外の背景の場合は透過画像でトップページ用固定ページの文章は入れずアイキャッチ画像だけを表示したい場合は、記事の文章欄は空欄のままアイキャッチ画像の設定だけ行えばOKです。更新の際にはindex変更を「noindex,nofollow」にします。コンテンツ部分の表示設定WordPressダッシュボード→STINGER管理→トップページのレイアウトあらかじめ作成しておいたトップページ用固定ページのIDを入力、「トップページのレイアウトをリセットする」にチェック※WordPressの表示設定→「フロントページの表示」は、「最新の投稿」のままにしておきます。「お知らせをTOPページの一番上に表示する」にチェック、その他の欄は必要に応じて書き換えてください。投稿または固定ページのIDを入力、「トップの挿入固定記事下に表示にする」にチェックその他、見出しのカラー設定、おすすめ記事の番号表示設定などは、WordPressダッシュボード→外観→「カスタマイズ」にて行ってください。【6月20日追記】この記事を更新後、Twitterにてステ子ちゃん@WPSTINGERのツイートでヘッダーのセンタリング方法を拝見しました。【ヘッダーを分割しない(タイトルなどが改行されません)】にチェックを入れるだけです。ししっ!知らなかった・・こんな便利な機能があったのですね。下記のカスタマイズ方法は、悩みに悩んで時間をかけて考えた方法ですので、自身の備忘録の意味も含めつつ、未練がましくそのままにしておきます。優しくスルーしてくださいね。(笑)こちらのカスタマイズは、CSSの勉強不足で、子テーマに書き込んだコードのみを反映させる方法がどうしてもわかりませんでした。親テーマのコードをコメントアウトすることでセンタリングを反映させることができたので、そのカスタマイズ方法をメモしておきます。※WordPressダッシュボード→外観→テーマ→テーマの編集→右上に「編集するテーマを選択」という欄があるので、そこで編集するテーマを切り替えることができます。{float:left;max-width:380px;}*/※パソコンの「Ctrl」キー+「F」で表示される検索欄に「ヘッダーコンテンツ」と入力するとマークされる部分のすぐ下にあるコードです。auto;max-width:***px;}※***pxは、サイト名と説明文のどちらか長い方の横幅を指定してください。Dropper」があると便利です。Sans"の部分は、WordPressダッシュボード→STINGERの管理→「英数字のGoogleフォント」でお好みで選択したフォント名を入力してください。(他のフォントを表示させることもできます。)子テーマのstyle.cssに追加したコードが反映されない場合は、キャッシュをクリア及び、追加場所を先に入力しているコードの前に変更して再度お試しください。当ブログのトップページは、アイキャッチ画像の下におすすめ記事(aboutページとprofileページ)、その下に新着記事を30件表示させています。?!トップページの最新記事の見出しが表示されないという状況に。「あれ?同じ見出しが2つ並んで表示された」・・・。(home.php)を開いて、どこも変更をせずにそのまま更新ボタンを押してみると、もしかすると表示されるようになるかもしれません。新着記事の見出し表示は、トップページに固定ページを挿入している場合に反映される仕様ですので、その点もご確認くださいね。トップページのSNSボタンを非表示にする方法トップページのSNSボタンを非表示にする方法は、下記ページをご参照ください。PLUS】トップページと固定ページのSNSボタンと投稿日を非表示にする方法まとめWordPressには、シンプルなテーマを自分の好きなようにカスタマイズしていく楽しさがあります。一方で、初心者の方の中には、わからないことが多すぎて初期段階で挫折してしまう方もいらっしゃるのではと思います。それはとても残念なこと。記事を置く場所を作る作業と文章を書く作業は別物ですからね・・。そんな方にとって、WordPressへの挑戦の入り口のひとつになることができたら嬉しいな。思いこの記事を書きました。いえ、私自身もCSSは何とか理解できてはいますが、PHP関してはまだまだ知識不足で「謎の暗号状態」です。サイトタイトルのセンタリングやトップページの見出しの他にも、初期設定段階でいくつか躓いたり悩んだりしたポイントがありますので、今後はそこを優先して追々記事にしていこうと思っています。今後配布終了となりますが、その他のSTINGERシリーズに応用できる部分もあるかもしれません。カスタマイズの方法やコードの書き方など、「それ違うよ~」とお気づきの点などがございましたら、Twitter、Facebookページにて優しくお知らせ頂けると幸いです。meKanami(かなみ)40代、4児の母、認知症の義母と同居中です。何気ない日常に幸せを感じるマイペースなヒト。子育てと介護の傍ら「自分にできることってなんだろう?」を模索しながらブログを書いています。Posts1,176view【AFFINGER4】AMPページの関連記事の見出しとカテゴリ表示の背景色&文字色変更方法こちらのカスタマイズは、AFFINGER5「WING」でも応用できます。...1,748view【AFFINGER4】AMPページも自分色♪カスタマイズまとめ当ページでご紹介しているカスタマイズは、AFFINGER5「WING」でも応用できます。...1,479view【AFFINGER4】AMPページのヘッダーのカスタマイズ~サイトタイトルとキャプションの文字色変更方法~こちらのカスタマイズは、AFFINGER5「WING」でも応用できます。...1,747view【AFFINGER4】AMPページの見出し(h2~h4)のカスタマイズこちらのカスタマイズは、AFFINGER5「WING」でも応用できます。WordPressテーマ「AFFINGER4」のAMPページの見出し(h2~h4)のカスタマイズ方法をご紹介します。...897view【AFFINGER4】AMPページの記事タイトルの上(アイキャッチ画像の下)にアドセンスを追加する方法こちらのカスタマイズは、AFFINGER5「WING」でも応用できます。専用子テーマ【JET】記事タイトルの文字数変更などのカスタマイズ前記事では、WordPressテーマ「AFFINGER4」の専用子テーマ「JET」の導入手順、カスタマイズの引継ぎ方法、注意事項などをご紹介しました。...1,899view【AFFINGER4】記事タイトル上のカテゴリとフリーボックスの背景を画像にする方法WordPressテーマ「AFFINGER4」の記事タイトル上のカテゴリとフリーボックスウィジェットの背景を画像にする方法をご紹介します。PLUS」「STINGER8」「AFFINGER4」のカスタマイズ情報です。現在見ていただいている当ブログで行っている全てのカスタマイズ方法を記録しています。※AFFINGER5「WING」のカスタマイズにつきましては、現在確認作業とまとめ記事の作成中です。備忘録(WordPress)ウィジェットに追加したアドセンスが保存できない・余白ができる場合の対処法WordPressのウィジェットエリアにアドセンスコードを追加する場合、つい最近までは「カスタムHTML」を利用するのが一般的でしたが、WordPress4.9よりHTMLのエラーチェック機能が新たに加わったことで、エラーにより保存できない状態になることがあるようです。上記のように「!」の警告が表示されていても保存できる場合は問題ありませんが、保存ボタンをクリックしても保存されない場合は「カスタムHTML」ではなく「テキスト」にアドセンスコードを貼りかえることで対処することができます。備忘録(WordPress)カエレバ・ヨメレバを女性向けのかわいいデザインにCSSカスタマイズ記事内でおすすめの商品や書籍を紹介するときには、Amazonや楽天、Yahooショッピングなど、複数の商品リンクをひとまとめにすることができるブログパーツ「カエレバ・ヨメレバ」がとても便利。カエレバは商品の紹介用、ヨメレバは書籍の紹介用に使い分けることができます。利用されている方も多いですよね。当ブログでも導入を検討中に、お世話になっている方からタイムリーなご質問を受けたことをきっかけに、CSSカスタマイズに挑戦してみることにしました。N」ver20180117を追加しました。style.css及びst-amp-css.php内の画像パスに拡張子(.png)の記載もれがあり、コードの修正を行いました。...ReadMoreSTINGER・AFFINGERカスタマイズ【AFFINGER4】関連コンテンツを通常ページとAMPページに設置する方法こちらのカスタマイズは、AFFINGER5「WING」でも応用できます。WordPressテーマ「AFFINGER4」の通常ページとAMPページにアドセンスの関連コンテンツユニットを設置する方法をご紹介します。最近になって、新たに「インフィード広告」や「記事内広告」などのネイティブ広告が追加されたことで、どこにどんな風に広告を置けばいいんだろう?と戸惑っている方も多いのではないでしょうか。ページ以外のアイキャッチ画像(トップページ含む)」にて設定可能になりました。先日Twitterでトップページをシェアしていただいたことをきっかけに、トップページのみ「Twitterカードの画像が表示されない」ことに気がつきました。下記は、TwitterとFacebookのOGPチェックツールでの検証結果です。数年前、右も左もわからず挑戦したWordPressでのサイト作成。当時はWeb上の沢山の情報に助けられました。初心に戻り、WordPressにゼロから挑戦したい方を応援!難しい説明や専門用語は極力省いて、初心者さん目線でレクチャーします。ゼロからのWordPress入門【21】プラグインの設定方法について加筆修正を行いました。前回までは、更新情報の受け取りツールとして、サイト名で登録することができる「Facebookページ」の作成方法とページプラグイン設置方法、さらに、Twitterのフォローボタンと埋め込みタイムラインの設置方法をお伝えしました。WordPress.comを利用して、FacebookページとTwitterへ更新情報を自動投稿する方法をいくつかの注意点などを含めてお伝えしていきます。前ページでは、ユーザーさん向けの更新情報受け取りのツールとして、サイト名で作成することができる「Facebookページ」の作成方法とページプラグインの導入方法をご紹介しました。今回は、サイドバーやフッターへのTwitter埋め込みタイムラインウィジェットとフォローボタンの設置方法、さらに埋め込みタイムラインの背景を透明にする方法を説明していきます。・・実は埋め込みタイムラインの設置方法については、以前にも記事内で一度お伝えしているのですが、その後変更があったようです。前ページでは、WordPressのカスタマイズと子テーマについてご紹介しました。次のステップは、ブログの『更新情報発信』についてのお話しです。無料ブログサービスのように、コミュニティ間での「読者登録」のツールがないWordPressでのサイト運営では、更新情報の受け取りに必要なツールは自身で設定する必要があります。前ページでは、WordPressのファイルとデータベースのバックアップ方法をご紹介しました。トラブルに備えてバックアップ方法をマスターしたら、次のステップはテーマのカスタマイズです。WordPressでは、自分の好みに合わせてテーマファイルを自由にカスマイズすることが可能となっています。このカスタマイズ時に便利なのが「子テーマ」です。ここでは、実際に「FFFTP」を利用したファイルのバックアップとWordPressプラグイン「WP-DBManager」を利用したデータベースの自動バックアップ方法を順を追って詳しく説明していきます。バックアップ作業はいくつものステップがあって大変ですが、2回目以降は面倒な設定がないのでとても楽チンです。子育て心は一緒に♪娘へのプレゼントはお揃いのくまのお守りに決めましたクリスマスまであと1か月を切りましたね。お子さんをお持ちの方はプレゼント選びや準備にワクワクの季節。それも含めてクリスマスは親子の一生の思い出に残る楽しいイベントだと思っている私です。我が家では毎年、4人の子供たちが小さな頃からサンタさんからのプレゼントの他に、母企画の「家族Deビンゴ大会」というイベントをクリスマスイブに開催しています。一人ひとりが驚くような。嬉しいサプライズプレゼントはなんだろう?と心を弾ませるこの季節。AdSenseフォローアップセミナー(札幌)に参加してきました。当日は受付を担当させていただいたものです。参加者の方々には謎の人物だったかもしれませんね。んくらさん(@matari39)とは8年前、無料ブログサービスで子育てブログを書いていた頃に出会い、私にとっては、恩師でもあり...そうですね。友人というよりも、先生というよりも「お兄さん」という位置づけがぴったりの。備忘録(WordPress)カエレバ・ヨメレバを女性向けのかわいいデザインにCSSカスタマイズ記事内でおすすめの商品や書籍を紹介するときには、Amazonや楽天、Yahooショッピングなど、複数の商品リンクをひとまとめにすることができるブログパーツ「カエレバ・ヨメレバ」がとても便利。カエレバは商品の紹介用、ヨメレバは書籍の紹介用に使い分けることができます。利用されている方も多いですよね。当ブログでも導入を検討中に、お世話になっている方からタイムリーなご質問を受けたことをきっかけに、CSSカスタマイズに挑戦してみることにしました。今までブログやSNSでのプロフィール画像は、フリー素材でお借りしたものを使っていましたが、2018年のスタートと合わせて似顔絵アイコンに変更しました。周囲にはご自身で綺麗に絵が描ける方もいらっしゃって、常々「すごいなぁ。そんなことができたら素敵だな。」と思っているのですが、なんせ人一倍絵心がなくてですね。