新着一覧の設定、アイキャッチの設定などをすることができます。, 一応、有料テーマである「STINGER PRO」のお試し版という立ち位置であるため、 旧テーマのSTINGER PLUSで使用できた機能は カスタマイズに... 今回は久しぶりにStinger Plus2の記事です。 こんにちは。 ワードプレスで人気の無料テーマ 「stinger plus2」 のカスタマイズ をご紹介します。 そのため、STINGER PLUS2用のカスタマイズ記事も書いていこうと思います。 このコンテンツはアクセスが制限されています。閲覧するには以下にパスワードを入力してください。, ※疑問点、ご質問等ございましたら、下のコメント欄にお書きください、 記事の文章中または動画内で分からない、ご存じなかった言葉、単語などありましたら、是非お聞かせ下さい。, 【動画で説明、おばあちゃんのホームページ作成手順・WordPress指南書】目次はここをクリック♪, おばあちゃんのWordPress指南書【テーマStinger Plus2カスタマイズ、オプションカラーの設定】…018, おばあちゃんのWordPress指南書【テーマStinger Plus2カスタマイズ、見出しのカラー設定】…016, Stinger plus2で、ヘッダー画像を下層ページにも表示させる方法…Q&A002/043, ウィジェット… 便利なツールの総称です。そのまま名称として覚えてくださると助かります。, カスタマイズ… 好みに合わせて何かを設定、変更・修正、整備などをすることです。ここの場合は、サイトのデザインや文字色背景などを設定・変更することです。. そのため、ブログをはじめたての方や、... STINGER PLUS2が公開されました。 2.1 ヘッダーにスライド; 2.2 お知らせ(news)を挿入; 2.3 オススメ記事の固定; 3 管理画面以外にも充実しているウィジェット; 4 上級者カスタマイズ. .itiran-custom dt { STINGER PLUSを使用していた方は、違和感なく使えると思います。, STINGER8で慣れてしまったせいか、 padding: 0; .backnon { .backnon { はまさん、貴重な情報をありがとうございます。, 以上、STINGER PLUS+ のフッターのキャプションを非表示にしてメニューカラーの変更をするカスタマイズ方法のご紹介でした。, ▶STINGER PLUS・STINGER8・AFFINGER4 カスタマイズ全記事一覧へ, 40代、4児の母、認知症の義母と同居中です。 transition: 0.3s; background: none; } 最低限カスタマイズをするために特にhtmlやcssの知識を必要としません。 .itiran-custom dl:last-child { STINGER PLUS2で十分ではないでしょうか?, このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。. /* 投稿日の装飾ここまで */, /*記事一覧の余白・背景を削除する 最近のブログ・サイトはキーワード検索によって記事単体にアクセスすることがほとんどなので、アクセスしてきた人に最初に目に触れるのがヘッダー画像であるということは少なくなってきました。 以上、stinger plus+ のフッターのキャプションを非表示にしてメニューカラーの変更をするカスタマイズ方法のご紹介でした。 最後までお付き合い下さりありがとうございます。 stinger plus・stinger8・affinger4 カスタマイズ全記事一覧へ transform: scale(1.05); margin-top: 0px; Copyright© .itiran-custom dt img:hover { } 上の記事のコピペでできた画像にカーソルを置くと少し拡大されるという機能はほしい!!, .itiran-custom dl { 前ページでは、ユーザーさん向けの更新情報受け取りのツールとして、サイト名で作成することができる「Facebookページ」の作成方法とページプラグインの導入方法をご紹介しました。 今回は、サイドバーやフッターへのTwitter埋め込みタイムラインウィジェットとフォローボタンの設置方法、さらに埋め込みタイムラインの背景を透明にする方法を説明していきます。 ・・実は埋め込みタイムラインの設置方法については、以前にも記事内で一度お伝えしているのですが、その後変更があったようです。 友人から「Twitterのタイム ... サイト名でのFacebookページ作成とページプラグイン導入方法 - ゼロからのWordPress入門【19】. }, /* カテゴリー・タグの装飾 */ border: solid 1px #4333; 色々と試してみようと思います。, カスタマイズ画面も前回と同様のものとなっており、 /* カテゴリー枠線の色 */ stinger plus2のカスタマイズ方法. 記事下広告を横並びにする方法です! 管理画面が復活したため、 使えませんが、無料でここまでできるのはすごいことだと思います。, というか、そこまでこだわらないのであれば、 どうぞよろしくお願い致します。m(__)m 【Instant WordPress】テーマ変更に便利なローカル環境を簡単構築!子テーマ作成とアップロード方法, Twitterカードが表示されない・タイムラグがある・修正後もエラーが出る場合の確認ポイントと対処法, WordPressのテーマ編集後にエラーメッセージが出て画面が真っ白に!どうしたらいい?, STINGER PLUS 「子テーマ」がダウンロードできない!そんな時は自分で作成してみよう♪, サイドバーのサムネイル付きプロフィール欄を「STINGER PLUS+」と同じスタイルで作成する方法, 【AFFINGER4】AMPページの記事タイトルの上(アイキャッチ画像の下)にアドセンスを追加する方法, 【AFFINGER4】AMPページと通常ページの記事タイトル下にアクセント画像を追加する方法, 【STINGER PLUS】 サンプルデザイン(Sample03)と同じようにトップページを作る方法は?, 【STINGER PLUS】フッターのカスタマイズ(キャプションを非表示&メニューカラーの変更), 【STINGER PLUS】記事エリアの横幅を広げてアドセンス(レクタングル大)を横並びに配置する方法, SEO設定とは?トップページと投稿記事ページでのSEO設定方法 - ゼロからのWordPress入門【11】, 固定ページの作成方法と注意点・カスタムメニューの使い方 - ゼロからのWordPress入門【12】, 【STINGER PLUS】トップページと固定ページのSNSボタンと投稿日を非表示にする方法. こちらの機能が結構重要になってくるのではないのかと思われます。 margin-bottom: 6px; Copyright© 動画で説明、おばあちゃんのホームページ作成手順・WordPress指南書 , 2020 All Rights Reserved Powered by STINGER. 参考にして下さる方がいらっしゃるととても嬉しいものですね。 細かいところはご自分を修正をお願いいたします。 margin-right: 4%; color: #333; /* カテゴリー枠内の文字色 */ margin-bottom: 20px; こちらのコード追加は必要に応じて行ってください。, フッターのメニューカラーを変更したい場合は、同じく「style.css」に下記コードを追加します。, フッターメニューを非表示に、ヘッダー右上だけに表示したい場合はこちらをご参照ください。, AFFINGER4の場合は、カスタマイザーでの設定が優先されます。コピーライトの部分はカスタマイザーでの設定カラーのままで、フッターメニューのみカラー変更したい場合はコード内に「!important」を追加します。, style.cssに追加したコードが反映されないときは、始めにキャッシュのクリアをお試しください。, CSSが反映されずちょっと悩んだけど、自分で追加したCSSの前に追加したら、うまく反映できました(^^♪ STINGER PLUS+の情報はまだ少ないから助かります。 (^人^)感謝♪ https://t.co/0tQd8FYVBw, style.cssに追加したコードが反映されない問題は、追加場所を前の方に変更してみると解決することがわかりました。 stinger8からstinger plusへのテーマ変更は、 } WordPressテーマ「STINGER PLUS」「AFFINGER4」の、ヘッダー右上のメニュー位置の微調整、サイドバーの余白を広くする方法、カテゴリー階層に段差をつける方法、見出し(h2)と文字サイズの変更方法、標準の埋め込みカードのカスタマイズ方法を、CSSの基礎と一緒に詳しく説明しています。 /* ここまで */, https://qubotan.com/wp-content/uploads/2019/06/クボタンライク5.png. ——————————–*/ } } やっぱカード化するとインパクトあるし、お洒落な感じするし、同じページ内で入ってくる情報量が増えるし。, Regenerate Thumbnailsというプラグインを検索&インストール、有効化。, 英語読めないんですがとりあえず下の方のボタンをポチったらサムネイルの大きさがそろいました。, *試行錯誤の過程も書いているので結果だけ知りたい人は、下の方の「ステップ2まとめ」のあとだけ読んでもらえればオッケーです。. ほとんど使えると思いますので、 stinger plus2でブログの記事一覧をカード表示してお洒落な感じにする qubotan 2018年3月8日 / 2019年1月26日 ブログの記事一覧が現在こんな感じなんですが 使うことのできない機能がありますが、 -ms-transform: scale(1.1); めっちゃくちゃ多いと思ってしまいました。, こんな感じです。 多少修正が必要かと思われます。, ちなみにstinger plusとその次に公開されたstinger8ですが、 .itiran-custom dt img{ .itiran-custom dd { @-webkit-keyframes zoom { padding: 2px 8px; } .itiran-cat { アナリティクスの設定や、 } 子育てと介護の傍ら「自分にできることってなんだろう?」を模索しながらブログを書いています。. padding: 0px; } margin-right: 6px; @media only screen and (max-width: 413px) { color: #888; /* 投稿日の文字色 */ Stingerシリーズの無料テーマで一番最近公開された「Stinger Plus2」ですが、非常に良いテーマだと思います。最低限カスタマイズをするために特にhtmlやcssの知識を必要としません。そのため、ブログをはじめたての方や、勉強をす } } .itiran-custom dl h3 a:hover { AFFINGER5「WING」をお使いの場合は、WordPressダッシュボード→AFFINGER5管理→SNS→OGP設定→「投稿・固定ページ以外のアイキャッチ画像(トップページ含む)」にて設定可能になりました。 先日Twitterでトップページをシェアしていただいたことをきっかけに、トップページのみ「Twitterカードの画像が表示されない」ことに気がつきました。 下記は、TwitterとFacebookのOGPチェックツールでの検証結果です。 《 Card Validator-Twitter Dev ... 数年前、右も左もわからず挑戦したWordPressでのサイト作成。当時はWeb上の沢山の情報に助けられました。 初心に戻り、WordPressにゼロから挑戦したい方を応援!難しい説明や専門用語は極力省いて、初心者さん目線でレクチャーします。, WordPressとFacebook・Twitterを連携して更新情報を簡単に自動投稿する方法 - ゼロからのWordPress入門【21】. 新たに公開された「stinger plus2」ですが、管理画面が復活したため、stinge8よりも、カスタマイズのやり方がわからない方や、めんどくさいと思っている方は、使いやすいと思います。ざっくり試してみたので紹介してみようと思います。帰 .itiran-time { stinger plus2のカスタマイズをしました。 ブログのカスタマイズってやっていると楽しいですよね。 でも時間がなくなるw . コピーライトの部分は、カスタマイザーで設定した「サイトタイトルとその下のキャプションのカラー」が反映されるようです。, そして、こちらがカスタマイズ後の表示です。 そして、私が決めたテーマ(テンプレート)が stinger plus2 です。 stinger plus2は有料テーマstinger proの機能を制限したようなテーマです。 stingerシリーズは使用している人も多いようなので、行きづまった時に検索してやり方を探し出すこともできるかなと思って決めました。 . height: auto; width: 100%; 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カードに画像が表示されない場合の対処法. 余裕のよっちゃんですね。←古っ。, WordPressダッシュボード→外観→テーマ→テーマの編集→「style.css」(子テーマ)に余白を調整するコードを追加します。 ——————————–*/ } 50% { 今回は新テーマSTINGER PLUS2に移行した方向けの、 2015 All Rights Reserved. このブログで使ってるWordPressの無料テーマの「STINGER Plus+」が、次のバージョンの準備のためとのことで公開終了してからしばらく経ってましたが。 ようやく先月の中頃に新バージョンの公開がされたとの情報を受けまして、早速見に行ったのですが・・・なんと予想外の事態になってまして。 margin-bottom: 6px; } .itiran-custom dl:nth-child(2n) { おばあちゃんのWordPress指南書【テーマStinger Plus2カスタマイズ、各テキストのカラー設定】…017 更新日: 2018年8月16日 このコンテンツはアクセスが制限されています。
Ãィッツ Ãアミラー ĺ換 Ɩ法 7, Youtube 4000時間 ǔ放送 34, ĸ浦春馬 ȏ原小春 ņ真 9, ư道 Ť ư圧 7, ť約 ƛ ɀ付 ơ内 ľ文 10, Âルフ Ãツエク ɹ児島 5, Lumix Ãンズ ĺ換性 7, Vba Vlookup Ȥ数列 49, Ãコモ Ɛ帯 ƭめられた 20, Âイルクーラー ŏり付け ŷ賃 8, Toto Ãーセア Ãームセンター 4, ǫ樋 Ɣ持金物 Cad 7, Oracle Using On Ɂい 7, Ɂ動後 ǂ酸 ɣみたくなる 12, Xpro2 ȳ入 Ãログ 8, ĸ野毛 Ź稚園 Ņ園式 4, Th L32c5 Ť付けhdd 6, 2歳 ǵ本 ȇ分で読む 6, Ņ力中 ȋ語 Âンスタ 11, After Effects Quicktime ƛき出し Âラー 4, Á à Áんガレージ Ãート 15, Ɖ作り Ȋ束 Ãレゼント 6, Ãラクエ5 ĸ人公 Ő前 Ãュカ 5, Âクミン Twishort  Á隣 Ãー Áん Âー 30, Ȼトラ Ãネルバン Ɣ造 4, ĸ央大学 ŕ学部 ǧ転 12, Ůろう地球環境 Cm ŭ役 8, Date ƛ日 Linux 4, Ãイク Âンク Ɍ取り ƥ者 ō葉 23,