WordPressテーマ「STINGER PLUS」「AFFINGER4」の、ヘッダー右上のメニュー位置の微調整、サイドバーの余白を広くする方法、カテゴリー階層に段差をつける方法、見出し（h2）と文字サイズの変更方法、標準の埋め込みカードのカスタマイズ方法を、CSSの基礎と一緒に詳しく説明しています。 こんにちは。世界のヘイショーです。本日も引き続きStinger8のカスタマイズについて。前回トップページをカスタマイズしましたが、今回はサイドバーを修正していきたいと思います。, ＞＞【過去記事】Stinger8のカスタマイズ。トップページにオリジナルの文章を入れる, 一つ目のカスタマイズは、サイドバー上方に位置されている新着記事一覧をトップページでのみ非表示にする方法。ご存知の通りStingerのトップページには記事一覧がメインカラムにあるので、サイドバーの新着記事一覧は必要ないと判断しました。, デフォルトのサイドバーの見出しがすごくプレインだったので、はっきりと見出しだと分かるようにデザインを変更したいと思います。変更前がこれ。, 見出しのデザインはOKですが、各セクションの感覚が狭すぎるのここを上手くグルーピングしたいと思います。, あとこれは好みの問題ですが、カテゴリーリストのテキストの青色＋下線が気になったので普通の黒色に変更します。, サイドバーのコンテンツはあまり目立たせたくなかったので、フォントの色は抑えめの黒に設定しました。, 次にWordPress Popular Postsというプラグインで付けた人気記事一覧のスタイリングへ。元の見た目はこんな感じです。, ちなみに、Stinger7（ブログ型）からStinger8（ミニサイト型）に変更してからトラフィックが8倍くらいに増えました(^_^)まあデザインの変更だけでなく、キーワード選定してサイトのタイトルやコンセプトを変更、カテゴリーの整理など、いろいろ行った結果ですが。ミニサイトは今のGoogleのアルゴリズムにあっているかもしれませんね。, 専門サイトは回遊率とか滞在時間が伸ばせれるから、今回のアップデートで少し有利になったかな。ブログ人気減速→専門サイト加速の流れになるといいけど。, — 世界のヘイショー (@heyshoworldwide) 25 February 2017. CSSの基礎を学ぶには十分な内容だと思います。, ここからは、STINGER PLUS+ のカスタマイズとなります。 第1回の受講が終わってから、 各コードの下に『どこの→なにを→どうする』の解説を入れています。 WordPressのウィジェットエリアにアドセンスコードを追加する場合、つい最近までは「カスタムHTML」を利用するのが一般的でしたが、WordPress4.9よりHTMLのエラーチェック機能が新たに加わったことで、エラーにより保存できない状態になることがあるようです。 上記のように「！」の警告が表示されていても保存できる場合は問題ありませんが、保存ボタンをクリックしても保存されない場合は「カスタムHTML」ではなく「テキスト」にアドセンスコードを貼りかえることで対処することができます。 Kanamiコー ... 記事内でおすすめの商品や書籍を紹介するときには、Amazonや楽天、Yahooショッピングなど、複数の商品リンクをひとまとめにすることができるブログパーツ「カエレバ・ヨメレバ」がとても便利。 カエレバは商品の紹介用、ヨメレバは書籍の紹介用に使い分けることができます。 利用されている方も多いですよね。 当ブログでも導入を検討中に、お世話になっている方からタイムリーなご質問を受けたことをきっかけに、CSSカスタマイズに挑戦してみることにしました。 ここでは、コピーペーストだけで「カエレバ・ヨメレバ」のカスタマ ... お知らせ AFFINGER4 ver20171227bより追加された新パーツのAMP表示に対応した「Kanamii for AFFINGER C」「Kanamii for AFFINGER N」ver20180117を追加しました。（2017年1月17日） 2017年11月30日追記 style.css及びst-amp-css.php内の画像パスに拡張子（.png）の記載もれがあり、コードの修正を行いました。 有効化後、各所の背景画像が正常に表示されている場合は修正前のままお使いいただけますが、表示されな ... こちらのカスタマイズは、AFFINGER5「WING」でも応用できます。 WordPressテーマ「AFFINGER4」の通常ページとAMPページにアドセンスの関連コンテンツユニットを設置する方法をご紹介します。 最近になって、新たに「インフィード広告」や「記事内広告」などのネイティブ広告が追加されたことで、どこにどんな風に広告を置けばいいんだろう？と戸惑っている方も多いのではないでしょうか。 私自身も例外でななく、アドセンス、WordPressテーマ、AMP、SSL... 時代の流れについていくのは大変 ... 【AFFINGER4】トップページのTwitterカードに画像が表示されない場合の対処法. CMでもやってる、格安のネット印刷屋さんですね。 分かりやすいですが、おすすめは下の２。, この行の無効化は非常に簡単で 【AFFINGER4】前の記事・次の記事へのページナビゲーションをサムネイル付きにする方法, 【AMPページ】Googleの検索結果に表示されないときのチェックポイントと注意点, 【STINGER PLUS】トップページと固定ページのSNSボタンと投稿日を非表示にする方法, AFFINGER4 専用子テーマ【JET】に変更しました ～カスタマイズの引継ぎ・注意点など～. ・会計ソフ... 首こり、肩こりに悩まされている私なのですが・・・ WordPressテーマ「AFFINGER4」の前の記事と次の記事へのページナビゲーションをサムネイル付きの表示に変更する方法をご紹介します。 こちらのカスタマイズは、参考サイト様のコードをほぼそのま ... WordPressテーマを「AFFINGER4」に変更して、一部のページをAMP対応しました。 AMPテストも問題なし。素早くインデックスされるようにサーチコンソールの「Fetch as Google ... STINGER8・AFFINGER4でのカスタマイズ方法を追加しました。 STINGER PLUS・STINGER8・AFFINGER4 のトップページの「SNSボタン（ソーシャルボタン）」を非表示に ... WordPressテーマ「AFFINGER4」のサイドバーの見出し。 日本語の場合はそうでもないけど、アルファベットにするとちょっと小さいかな？...。 ということで、今回は見出しの文字サイズを変更す ... 当ブログで利用しているWordPressテーマ「AFFINGER4」に専用子テーマ「JET」を導入しました。 「JET」は、トップページ・アーカイブページ・記事下の関連記事をカード型で表示することがで ... こちらのカスタマイズはSTINGER8・AFFINGER4でも応用できます。 現在のバージョンでの設定方法（日本語）に加筆修正を行いました。 無料WordPressテーマ「STINGER PLUS+」 ... WordPressのウィジェットエリアにアドセンスコードを追加する場合、つい最近までは「カスタムHTML」を利用するのが一般的でしたが、WordPress4.9よりHTMLのエラーチェック機能が新たに ... 記事の見出しごとに目次を自動生成してくれるWordPressプラグイン「Table of Contents Plus」を当ブログでも使用してみました。 なんだか、記事ページが華やかになったみたいでウッ ... 2016年10月現在、STINGER PLUSのテーマ及び子テーマのダウンロードが停止中となっています。 それに伴って、「子テーマだけを今から入手したいけどできません。何か良い方法はありませんか？」と ... こちらのカスタマイズは、AFFINGER5「WING」でも応用できます。 WordPressテーマ「AFFINGER4」のAMPページの記事下に表示される関連記事の見出しとカテゴリ表示の背景色と文字色 ... WordPressテーマ「旧STINGER PLUS」「STINGER8」「AFFINGER4」のカスタマイズ情報です。 現在見ていただいている当ブログで行っている全てのカスタマイズ方法を記録しています。 気に入ったカスタマイズが見つかりましたら是非参考になさってください♪※AFFINGER5「WING」のカスタマイズにつきましては、現在確認作業とまとめ記事の作成中です。. サイドバーウィジェットの「最新の投稿」が消えない. 2019年3月13日、「のんくらセミナー」ことGoogle AdSenseフォローアップセミナー（札幌）に参加してきました。 当日は受付を担当させていただいたものです。 「受付で強制的に名刺渡してきたおばちゃん、誰やねん？」 参加者の方々には謎の人物だったかもしれませんね。 のんくらさん（@matari39）とは8年前、無料ブログサービスで子育てブログを書いていた頃に出会い、私にとっては、恩師でもあり...そうですね。 友人というよりも、先生というよりも「お兄さん」という位置づけがぴったりの。そんな大切な ... 今までブログやSNSでのプロフィール画像は、フリー素材でお借りしたものを使っていましたが、2018年のスタートと合わせて似顔絵アイコンに変更しました。 周囲にはご自身で綺麗に絵が描ける方もいらっしゃって、常々「すごいなぁ。そんなことができたら素敵だな。」と思っているのですが、なんせ人一倍絵心がなくてですね。 何年前かな？ 「顔のほくろを取りました」といった内容の記事を書いたときに自分の似顔絵を堂々と公開したことがあるのですが.... これですからね。 「・・・・・。」 さて。 前置きが長くなりましたが、新 ... Copyright© Kanamii , 2020 All Rights Reserved Powered by AFFINGER5. （赤穂温泉「潮彩きらら 祥吉」で牡蠣会席を堪能してきました♪） 前ページでは、ユーザーさん向けの更新情報受け取りのツールとして、サイト名で作成することができる「Facebookページ」の作成方法とページプラグインの導入方法をご紹介しました。 今回は、サイドバーやフッターへのTwitter埋め込みタイムラインウィジェットとフォローボタンの設置方法、さらに埋め込みタイムラインの背景を透明にする方法を説明していきます。 ・・実は埋め込みタイムラインの設置方法については、以前にも記事内で一度お伝えしているのですが、その後変更があったようです。 友人から「Twitterのタイム ... サイト名でのFacebookページ作成とページプラグイン導入方法 - ゼロからのWordPress入門【19】. 子育てと介護の傍ら「自分にできることってなんだろう？」を模索しながらブログを書いています。. ・・最初は眩暈がしますよね。(笑), STINGERは作者が日本の方ですので、スタイルの適用先を示すコメントが日本語表記になっているのでとてもわかりやすいんですね。, そこに書かれているCSSコードのほとんどが、『どこの→なにを→どうする』になっているかと思います。 「データベースってなに？」 WordPressテーマ「STINGER PLUS」「AFFINGER4」の、ヘッダー右上のメニュー位置の微調整、サイドバーの余白を広くする方法、カテゴリー階層に段差をつける方法、見出し（h2）と文字サイズの変更方法、標準の埋め込みカードのカスタマイズ方法を、CSSの基礎と一緒に詳しく説明しています。 (adsbygoogle=window.adsbygoogle||[]).push({}); 1988年生まれで兵庫県に在住してます。気になることをただひたすらに書き続けて、ブログ運営10ヶ月目で月間10万PV超えを達成。 将来的な資産を作る為に資産運用も実践中。, ブログで気になることをただひたすらに書き続けて、10ヶ月目で月間10万PV超えを達成。. だけど、上手くいかないことも多々あってションボリ。。そんな感じでしたね。, 前置きが長くなりましたが、ここでは無料WordPressテーマ「STINGER PLUS+」のヘッダー・サイドバー・コンテンツの細かい部分、微調整的なカスタマイズ方法をご紹介します。, その前に、『謎の暗号』が解読できるようになるための道しるべ。 AFFINGER5「WING」をお使いの場合は、WordPressダッシュボード→AFFINGER5管理→SNS→OGP設定→「投稿・固定ページ以外のアイキャッチ画像（トップページ含む）」にて設定可能になりました。 先日Twitterでトップページをシェアしていただいたことをきっかけに、トップページのみ「Twitterカードの画像が表示されない」ことに気がつきました。 下記は、TwitterとFacebookのOGPチェックツールでの検証結果です。 《 Card Validator-Twitter Dev ... 数年前、右も左もわからず挑戦したWordPressでのサイト作成。当時はWeb上の沢山の情報に助けられました。 初心に戻り、WordPressにゼロから挑戦したい方を応援！難しい説明や専門用語は極力省いて、初心者さん目線でレクチャーします。, WordPressとFacebook・Twitterを連携して更新情報を簡単に自動投稿する方法 - ゼロからのWordPress入門【21】. これでも私、簿記2級は20年ほど前に（歳を感じる・・・）... 名刺はラクスルで作ろうと前から決めてました。 左メニューの「外観」→「テーマの編集」を押します。 一つ目のカスタマイズは、サイドバー上方に位置されている新着記事一覧をトップページでのみ非表示にする方法。ご存知の通りStingerのトップページには記事一覧がメインカラムにあるので、サイドバーの新着記事一覧は必要ないと判断しました。 サイトタイトルの長さの関係で、逆に下の方に表示されているときは、「-**px」といったように、マイナスの値に変更すると表示位置が上に上がります。, WordPressダッシュボード→外観→テーマ→テーマの編集→「style.css」に下記コードを追加, ※『ヘッダーリンクの→上の余白を→15pxにする』（px数はお好みで変更してください）, 親子階層がわかりやすいように、子カテゴリーを少し右側にずらし段差をつけて表示させるようにしました。, WordPressダッシュボード→外観→ウィジェット→カテゴリーの「階層を表示」にチェックを入れます。, 続いてWordPressダッシュボード→外観→テーマ→テーマの編集→「style.css」に下記コードを追加してください。, ※『子カテゴリーの→左の余白を→10pxにする』（px数はお好みで変更してください）, 上記、WordPressダッシュボード→外観→ウィジェット→カテゴリーの「階層を表示」にチェックを入れるだけでOKです。, ※『ドロップダウン表示のアーカイブの→下の余白を→20pxにする』（px数はお好みで変更してください）, デフォルトでは、サイドバーの各項目の間がキツキツな感じがしたので、余白を少しだけ広くしました。, ※『サイドバーのリストの→下の余白を→10pxにする』（px数はお好みで変更してください）, AFFINGER4では、親子階層で作成した子カテゴリーにも適用されてしまうため、下記コードを追加して調整します。, ※『見出し（h2）の→上の余白を→30pxにする』（px数はお好みで変更してください）, コンテンツ内の基本の文字サイズの変更については、当ブログでは今のところ実践していませんが、最近、老眼が進ん・・目の不調で細かい文字が見えにくくなりつつあるので、今後変更するかもしれません。(笑), px数はデフォルトのままにしています。

Ã�イキュー Ť�小説 ʼn�世 5, ɢ�水 2020 Ɯ� 4, Ã�イキャパ Dor Â�リップ交換 4, Ã�ムスター Ź�齢 ĺ�間 4, ŭ�猫 ƚ�れる Á�つまで 4, Ã�ーダー Ã�ンズ 3 Ã�ス 7, Ʌ�管 Ɲ�質 Stpg 32,