, , 'before_widget' => '
', 'before_title'  => '

', WordPressのテーマSTINGERで、ファビコン設定やったら簡単過ぎて感動した, WordPressのテーマSTINGER7でサイドバーの「NEW POST」を消す2通りのやり方, WordPressのテーマSTINGER7で記事の文字の大きさを変更する簡単な方法, 大長レモンの風味【パンレビュー】木村屋總本店「ジャンボむしケーキ 瀬戸内レモン」を食べた, 何か違う感?【カップ麺レビュー】「日清焼そばU.F.O.濃い濃いソースペースト付き チーズ焼そば」を食べた, 濃厚メロン【パンレビュー】ヤマザキ「薄皮メロンゼリー入りメロンクリームパン」を食べた, 杏仁霜の香り濃厚【パンレビュー】木村屋總本店「ジャンボむしケーキ 杏仁豆腐」を食べた, 豚骨テイスト【カップ麺レビュー】サッポロ一番「塩らーめん 濃厚タンメン タテビッグ」を食べた. 2020 All Rights Reserved. ----------------------------------------------------*/ ----------------------------------------------------*/ }, ブログタイトルとブログ内容の文字位置を少し右に寄せたかったので、子テーマのCSSの「PCサイズ」のところに以下の記述を追加しました。, header .sitename a {          ----------------------------------------------------*/ @media only screen and (min-width: 600px) {             

wp_nav_menu( $defaults ); Template: stinger8 /*-- ここまで --*/              Theme Name: STINGER8 Child          先日の記事で、WordpressのStinger8というテーマをインストールするという内容のものを書きました。テーマをインストールする中で、親テーマ... 最強ブックマークレット「ShareHTML」 /*media Queries PCサイズ(960px以上)             'after_title'   => '

', , 「is_home」と「is_front_page」の関数でトップページを判定して、「is_archive」の関数で月別・カテゴリページを判定して、それぞれのページでは非表示になるようにしたわけです。, サイドバーのタイトル(見出し)のデザインを変更するために、子テーマのCSSに以下の記述を追加しました。, p.menu_underh2 { kanren dt */             'name' => 'ヘッダーウイジェット', @import url('../stinger8/style.css');          /*-- ここまで --*/ Stinger8をカスタムしているのですが、どうしてもサイドバーの背景が反映されません。     padding: 0px; kanren dt img     background-repeat: no-repeat;
, 「Fontawsome」のアイコンは無料で使える便利なフリーアイコンセットなんですが、この「STINGER8」ではそれがすぐに使えるように既に設定がされてるんで、何も準備無しに上記の記述だけで使用できるところが良いですね。, ここでは鉛筆のアイコンをセットしましたが、他のアイコンの種類は「Fontawsome」のサイトで確認できます。, 記事の下に表示される執筆者を消すために、親テーマのディレクトリから子テーマのディレクトリにコピーした「single.php」ファイルに、以下の黄字の2行を追加しました。,                      楽ブログ , /*-- ここまで --*/ } 2018年4月1日から新サイトをオープンしようと息巻いていましたが、僕の体力不足でリリースが難しくなってしまいました。          $defaults = array(     font-size: 16px !important;          ヒダリでは4枚のアルバムを全国リリース。アイカワラズミーでは関西国際空港開港20周年公式ソングを制作しました。 色々とサイトをみていると、あんまり難しくないカスタマイズみたいなので、僕も行ってみることにしまし... WordpressのStinger8をカスタマイズ。先ずは基本的なところ3つをご紹介   :東京都杉並区 記事一覧に「続きを読む」ボタンを作る ノンカスタマイズした画面. 無料WordPressテーマ「STINGER」のカスタマイズまとめとして、トップページ,ヘッダー,フッター,サイドバー,コンテンツ部分,プラグイン,SNSボタン,アドセンス配置,エラートラブル対処法など、カスタマイズに関する計24記事をご紹介しています。             'before_widget' => '
', kanren dd この記事に関してはかなり反省しています。 テーマ変更ついでにseo見直しを兼ねて. , 「STINGER8」にも十分なウィジェットエリアが付いてますが、それ以外にも希望の場所にウィジェットが追加できるようにしたい場合がありますね。, そんなときは以下のようにしますが、例としてヘッダー部分にウィジェットを表示するためのエリアを作る場合を考えて見ましょう。, if(function_exists('register_sidebar')) {          詳しくはこちら→プロフィール. , 今回はヘッダ部分にウィジェットを追加できるようにしましたが、同様にすればフッタや記事の上下部分などに追加できるウィジェットエリアも作成できますね。, まだまだカスタマイズが必要なところがあるんですが、なかなか簡単にとはいかなくて、アレコレ試しながら調整していくことが必要なテーマですね。, せっかくブログをやるならついでに【チョット小遣い稼ぎ】アフィリエイトをやるのがおすすめ(お得な自己アフィリエイトも), こういうシンプルな細かいカスタマイズ方法を探してもなかなか見つからず、、、。助かりました。, Google検索より飛んできました。 @media only screen and (min-width: 600px) { ... 僕のブログ記事にはちょっとした弱点が     

                 「よろしくお願いします!」.     line-height: 1.4em;     /* 行間 */             

どうすればいいでしょうか?, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。, ( twitter:@hidarinohi )ヒダリ、アイカワラズミーなどのバンドで主にギター、ボーカル、作曲を担当。     background: #330000;     margin-bottom: 1.2em;   /* 段落間 */             'before_title'  => '

', $GLOBALS['stdata60'] = 'yes'; このブログを始めてからブックマークレットにとってもお世話になっています。ブックマークレットという言葉を聞いたことがない方もいるかもしれないので、ちょっとここで確認 画像自体のサイズが幅150pxになっているためでした。, 外観→テーマの編集→テーマのための関数 (functions.php)                  Theme Name: STINGER8 Child                  Version: 20161115 STINGER8のデフォルトではトップページの記事一覧のサムネイル画像のサイズが幅100pxと小さいので幅200pxに変更したいと思います。, で記事一覧が「kanren」というclassで囲まれているので } の部分を以下のように変更しました。, これでいけるはず、と思ったのですがトップページを確認してみるとサムネイル画像が微妙にボヤケています。 このブログで使ってるWordPressの無料テーマの「STINGER Plus+」が、次のバージョンの準備のためとのことで公開終了してからしばらく経ってましたが。 ようやく先月の中頃に新バージョンの公開がされたとの情報を受けまして、早速見に行ったのですが・・・なんと予想外の事態になってまして。     height: 180px;   /* 画像の高さと同じ */     height: 180px;   /* 画像の高さと同じ */ ということで今回はその辺の言い訳ついでに、新サイトについて紹介をします。     'container_class' => 'footermenubox clearfix ', ?> header, #headbox-bg { STINGER8の記事一覧のサムネイルサイズは、デフォルトだと150pxの画像を100px四方の正方形に縮小して表示しています。スマホでの閲覧のことを考えれば、この仕様のほうがスマートで一見よさそうですが、画像の中心以外が大きく削られてしまうのはちょっと残念です。 子テーマはstyle.cssとheader.php、sidebar.phpおよびFunction.phpを編集しています。, 頂いたコメントの内容だけだと状況が分からないので何とも言えないのですが、CSSの他の部分で「!important」による意図しない設定がされてる可能性は無いでしょうか?, あるいは実際に設定は反映されているのに、ブラウザで見てみるとキャッシュのせいで反映されてないように見えるということがよくあります(私もコレで何時間も悩んだことがあります・・・)。, ブラウザのキャッシュをクリアするとか、「Ctrl+F5」などの(ブラウザによってショートカットキーは違いますが)スーパーリロードをして再確認してみてはいかがでしょうか。, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。, WordPressのテーマにSTINGERを使ってるんですが、そのファビコン設定やったら簡単過ぎて感動しました。ファビコン作成には、2つの便利サイトを利用させて頂いたんで、そのへんも参考にして頂ければ。, 新しくテーマをインストールして見た目の体裁を変更したら、次はプラグインで使い勝手等を改善しようかなと。ちょっと調べてみたんですが、とりあえず入れるべきプラグインは、以下の2つだけという結論になりました。他にも便利なプラグインはたくさん..., WordPressのテーマに「STINGER7」という素敵テーマを利用させて頂いてるんですが、このテーマのサイドバーに「NEW POST」という新規投稿の一覧を表示する機能が付いてまして。それがサイドバーの一番上に固定されてて、移動も..., WordPressが無事インストールできたんで、今度は見栄えをカッコ良くしたいなと。初心者にも優しくて、シンプルでクールなテーマはないかと探して、「STINGER」というのを見つけました。現時点の最新バージョンは、「STINGER7」..., WordPressのテーマSTINGER7の記事の文字サイズを変更する方法を調べてやってみたので、記事にしてみました。プラグインを使って、簡単な2つの手順でできましたので、ご参考になればと。, スーパーマーケットで見つけました、木村屋總本店「ジャンボむしケーキ 瀬戸内レモン」です。木村屋の「ジャンボむしケーキ」シリーズから、今月の新商品として発売になった品ですが。このシリーズで既に発売されたことのあるただの「レモン」とは違っ..., ドラッグストアで見つけました、「日清焼そばU.F.O.濃い濃いソースペースト付き チーズ焼そば」です。「日清焼そばU.F.O.」シリーズから、おととい発売になった新商品でして。カップ焼きソバ好きで、しかもチーズ好きの私としましては外せ..., スーパーマーケットで見つけました、ヤマザキの「薄皮メロンゼリー入りメロンクリームパン」です。私の好きなヤマザキの薄皮シリーズから今月の新商品として発売になった、メロンゼリー入りのメロンクリームが入ったパンでして。そういえば同じ薄皮シリ..., スーパーマーケットで見つけました、木村屋總本店「ジャンボむしケーキ 杏仁豆腐」です。木村屋の「ジャンボむしケーキ」シリーズから、今月の新商品として発売になった一品。パッケージにはパンダのイラストと共に「アジアンスイーツ」とありまして、..., スーパーマーケットで見つけました、サッポロ一番の「塩らーめん 濃厚タンメン タテビッグ」です。サッポロ一番のカップ麺の「タテビッグ」シリーズから、今週発売になった新商品ですよ。より強い刺激を求めがちな昨今では辛さが売りの「タンタンメン」..., 辛いっ!【カップ麺レビュー】明星「一平ちゃん夜店の焼そば カラムーチョホットチリ味」を食べた, コメディー?【映画レビュー】『教授のおかしな妄想殺人』あらすじ&感想(ネタバレ無し), 岩瀬 治務     

執筆者:

                               margin: 1em; }             更新日: , サイドバーにデフォルトで表示される「最近のエントリ」は、トップ・月別・カテゴリページで表示されるのは意味無いかなと思いました。, それで、それぞれのページで非表示にするように、親テーマのディレクトリから子テーマのディレクトリにコピーした「sidebar.php」ファイルに、以下の黄字の2行を追加しました。,                   これはトップページの記事一覧と各記事ページの記事下の関連記事一覧が同じ「kanren」というclassで囲まれているためです。こちらは小さいままでよいので区別します。, で「kanren」のclassに「kizi_bottom」というclassも付け加えました。kanrenの後に半角スペースを空けてkizi_bottomです。, .kanren ddの後ろ辺りに以下を書き足します。(.knrenと.kizi_bottomは空白を空けずに。), これで各記事ページの記事下、関連記事一覧のサムネイルは幅100pxのままでいけました。, 【WordPress】テーマSTINGER8をカスタマイズ。ヘッダーメニューを画像の下にもってくる。, はじめましてなまっちゃ(@namatcha_)です! 2ページ目以降は記事一覧のみを表示させる. @import url('../stinger8/style.css'); Copyright©         array( }, ただこれを「親テーマ」の同ファイルと比較するとサイズの指定が違ってまして、気にしなければ気にしないでいいとは思うんですが、後々不都合が生じて修正する必要が出てきたりすると嫌なので、以下のように「親テーマ」と同じになるように書き換えましたよ。, /* @media print, screen and (min-width: 960px) {     font-size: 18px;        /* 文字サイズ */          /*media Queries タブレットサイズ(960px以下)     width: 800px;    /* 画像の幅と同じ */ 子テーマでも設定しているのですが、!importantをしても反映されないのです。 */     display: inline-block;          もともと僕は2... Stinger8のカスタマイズの一つに、記事下にGoogleAdsenseの広告を横並びに2つ設置するカスタマイズをされている人が多いです。     'container'       => 'div', }, 記事内画像の周りの余白を調整するために、子テーマのCSSに以下の記述を追加しました。, .entry-content p img {     width: 440px;    /* 記事エリアの幅 */ } }, header .descr {     margin-bottom: 10px;     'menu_class'      => 'footermenust',          Copyright© ヒダリのヒ , 2019 All Rights Reserved. }, まず黄字部分の指定によって、文字サイズを調整するんですが、親テーマのメディアクエリによる指定のほうが強いので、普通に指定すると有効になりませんでした。, それで、こちらでもメディアごとの指定をしてやればいいんですが、面倒だしPCやタブレットで共通に指定してやりたかったので、「!important」指定をつけてやりましたよ。, それから、「border-radius」の値によって角丸の丸め具合が調整できて、ここの数値が大きいほど丸くなるので、必要なら好みに応じて変えると良いでしょう。, 数値の並びは、左から順に「上・右・下・左」の余白のサイズを指定していますが、この記述方法は「margin」の指定をする場合も同様ですよ。, それで、親テーマのディレクトリから子テーマのディレクトリにコピーした「footer.php」ファイルに、以下の黄字の2行を追加しました。, このブログで使ってるWordPressの無料テーマの「STINGER Plus+」が、次のバージョンの準備のためとのことで公開終了してからしばらく経ってましたが。, ようやく先月の中頃に新バージョンの公開がされたとの情報を受けまして、早速見に行ったのですが・・・なんと予想外の事態になってまして。, これまで初心者にも優しく、簡単にカスタマイズできることで人気のあった「STINGER」シリーズだったのに、今回の「STINGE8」ではその流れからまったく異なる方向へとスイッチ。, きわめてシンプルで、カスタマイズの設定項目や機能が、これまでと比較してずっと縮小されたテーマになってました。, HTMLやCSSそしてPHPの知識のある人ならともかく、そうでない初心者の人にとってはとても残念な仕様で、今後は利用者も減ることでしょうが。, 作成者にとっては、無料公開の上にサポートに手間がかかるので、やむなく敢えて利用者を絞る方向にしたのではないかと思われます。, というわけで現在利用中の「STINGER Plus+」は、そのまま使い続けることにして、このブログでの「STINGER8」の利用は見送ることにしたんですが。, ちょうど他のWordPressのブログのテーマを変えようと思ってたんで、そちらで試しに「STINGER8」を使ってみることにしまして。, いろいろとカスタマイズを始めたので、備忘録としてその手順のメモを記事にしておくことにしました。, WordPressのテーマのカスタマイズをやろうって人なら、言うまでもないことなのかも知れませんが、念のため。, STINGER8のダウンロードページの本体のすぐ下に「STINGER8子テーマ」っていうのがありますが、これをダウンロードしてWordPressのテーマに追加して有効にしてやります。, これは親テーマである「STINGER8」のほうを直接カスタマイズすると、そのバージョンアップがあったときに、すべてのカスタマイズを新しいバージョンのファイルに改めて施してやる面倒を避けるためでして。, PHPファイルやCSSファイルに手を加える場合は、すべて「子テーマ」のほうのファイルを対象にすることで、バージョンアップで「親テーマ」が新しくなっても、そのカスタマイズした「子テーマ」のほうをそのままに使えば、「親テーマ」には何もしなくても問題無いというわけですね。, 次に、その「子テーマ」なんですが、CSSを定義するファイルの「style.css」を見てみると、以下のように空っぽでメディアクエリだけが記述されてます。, /*

ピアス 排除 過程 4, セリア 爪 研ぎ 10, リーフ バッテリー冷却 方法 5, プリコネ プリンセスコッコロ ランク 42, 子供服 サイズ L 4, フランク永井の 歌 一覧 6, 国際結婚 日本に住む 手続き 4, Pubgモバイル トレーナー特訓 やり方 53, 信号無視 事故 罰金 相場 16, Custom Field Suite バグ 13, 枝川 火事 原因 5, 天然 嫌い 男 10, Benq Gl2480 明るさ 5, 廊下 張替え Diy 8, スマホ ワンセグ 電波 増幅 4, Ipad キーボード 英語 大文字になる 5, レオパ 無精卵 単独 4, Lg テレビ スクリーンセーバー 設定 6, トヨタ リストラ コロナ 7, エアコン 12畳 エディオン 4, エプソン Ew M571t 強力クリーニング 6, 石井一久 Gm なんj 10, Vil 意味 ドイツ語 44, ガーミン 64scj キャンペーン 4, " />
Free delivery on all orders over £40! | My Account | Register

stinger8 記事一覧 カスタマイズ 4

#side .st-aside {          /*-- ここまで --*/ }, 修正するファイルは「single.php」で、まず親テーマのディレクトリにある同ファイルを子テーマのディレクトリにコピーします。, , , 'before_widget' => '

', 'before_title'  => '

', WordPressのテーマSTINGERで、ファビコン設定やったら簡単過ぎて感動した, WordPressのテーマSTINGER7でサイドバーの「NEW POST」を消す2通りのやり方, WordPressのテーマSTINGER7で記事の文字の大きさを変更する簡単な方法, 大長レモンの風味【パンレビュー】木村屋總本店「ジャンボむしケーキ 瀬戸内レモン」を食べた, 何か違う感?【カップ麺レビュー】「日清焼そばU.F.O.濃い濃いソースペースト付き チーズ焼そば」を食べた, 濃厚メロン【パンレビュー】ヤマザキ「薄皮メロンゼリー入りメロンクリームパン」を食べた, 杏仁霜の香り濃厚【パンレビュー】木村屋總本店「ジャンボむしケーキ 杏仁豆腐」を食べた, 豚骨テイスト【カップ麺レビュー】サッポロ一番「塩らーめん 濃厚タンメン タテビッグ」を食べた. 2020 All Rights Reserved. ----------------------------------------------------*/ ----------------------------------------------------*/ }, ブログタイトルとブログ内容の文字位置を少し右に寄せたかったので、子テーマのCSSの「PCサイズ」のところに以下の記述を追加しました。, header .sitename a {          ----------------------------------------------------*/ @media only screen and (min-width: 600px) {             

wp_nav_menu( $defaults ); Template: stinger8 /*-- ここまで --*/              Theme Name: STINGER8 Child          先日の記事で、WordpressのStinger8というテーマをインストールするという内容のものを書きました。テーマをインストールする中で、親テーマ... 最強ブックマークレット「ShareHTML」 /*media Queries PCサイズ(960px以上)             'after_title'   => '

', , 「is_home」と「is_front_page」の関数でトップページを判定して、「is_archive」の関数で月別・カテゴリページを判定して、それぞれのページでは非表示になるようにしたわけです。, サイドバーのタイトル(見出し)のデザインを変更するために、子テーマのCSSに以下の記述を追加しました。, p.menu_underh2 { kanren dt */             'name' => 'ヘッダーウイジェット', @import url('../stinger8/style.css');          /*-- ここまで --*/ Stinger8をカスタムしているのですが、どうしてもサイドバーの背景が反映されません。     padding: 0px; kanren dt img     background-repeat: no-repeat;
, 「Fontawsome」のアイコンは無料で使える便利なフリーアイコンセットなんですが、この「STINGER8」ではそれがすぐに使えるように既に設定がされてるんで、何も準備無しに上記の記述だけで使用できるところが良いですね。, ここでは鉛筆のアイコンをセットしましたが、他のアイコンの種類は「Fontawsome」のサイトで確認できます。, 記事の下に表示される執筆者を消すために、親テーマのディレクトリから子テーマのディレクトリにコピーした「single.php」ファイルに、以下の黄字の2行を追加しました。,                      楽ブログ , /*-- ここまで --*/ } 2018年4月1日から新サイトをオープンしようと息巻いていましたが、僕の体力不足でリリースが難しくなってしまいました。          $defaults = array(     font-size: 16px !important;          ヒダリでは4枚のアルバムを全国リリース。アイカワラズミーでは関西国際空港開港20周年公式ソングを制作しました。 色々とサイトをみていると、あんまり難しくないカスタマイズみたいなので、僕も行ってみることにしまし... WordpressのStinger8をカスタマイズ。先ずは基本的なところ3つをご紹介   :東京都杉並区 記事一覧に「続きを読む」ボタンを作る ノンカスタマイズした画面. 無料WordPressテーマ「STINGER」のカスタマイズまとめとして、トップページ,ヘッダー,フッター,サイドバー,コンテンツ部分,プラグイン,SNSボタン,アドセンス配置,エラートラブル対処法など、カスタマイズに関する計24記事をご紹介しています。             'before_widget' => '
', kanren dd この記事に関してはかなり反省しています。 テーマ変更ついでにseo見直しを兼ねて. , 「STINGER8」にも十分なウィジェットエリアが付いてますが、それ以外にも希望の場所にウィジェットが追加できるようにしたい場合がありますね。, そんなときは以下のようにしますが、例としてヘッダー部分にウィジェットを表示するためのエリアを作る場合を考えて見ましょう。, if(function_exists('register_sidebar')) {          詳しくはこちら→プロフィール. , 今回はヘッダ部分にウィジェットを追加できるようにしましたが、同様にすればフッタや記事の上下部分などに追加できるウィジェットエリアも作成できますね。, まだまだカスタマイズが必要なところがあるんですが、なかなか簡単にとはいかなくて、アレコレ試しながら調整していくことが必要なテーマですね。, せっかくブログをやるならついでに【チョット小遣い稼ぎ】アフィリエイトをやるのがおすすめ(お得な自己アフィリエイトも), こういうシンプルな細かいカスタマイズ方法を探してもなかなか見つからず、、、。助かりました。, Google検索より飛んできました。 @media only screen and (min-width: 600px) { ... 僕のブログ記事にはちょっとした弱点が     

                 「よろしくお願いします!」.     line-height: 1.4em;     /* 行間 */             

どうすればいいでしょうか?, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。, ( twitter:@hidarinohi )ヒダリ、アイカワラズミーなどのバンドで主にギター、ボーカル、作曲を担当。     background: #330000;     margin-bottom: 1.2em;   /* 段落間 */             'before_title'  => '

', $GLOBALS['stdata60'] = 'yes'; このブログを始めてからブックマークレットにとってもお世話になっています。ブックマークレットという言葉を聞いたことがない方もいるかもしれないので、ちょっとここで確認 画像自体のサイズが幅150pxになっているためでした。, 外観→テーマの編集→テーマのための関数 (functions.php)                  Theme Name: STINGER8 Child                  Version: 20161115 STINGER8のデフォルトではトップページの記事一覧のサムネイル画像のサイズが幅100pxと小さいので幅200pxに変更したいと思います。, で記事一覧が「kanren」というclassで囲まれているので } の部分を以下のように変更しました。, これでいけるはず、と思ったのですがトップページを確認してみるとサムネイル画像が微妙にボヤケています。 このブログで使ってるWordPressの無料テーマの「STINGER Plus+」が、次のバージョンの準備のためとのことで公開終了してからしばらく経ってましたが。 ようやく先月の中頃に新バージョンの公開がされたとの情報を受けまして、早速見に行ったのですが・・・なんと予想外の事態になってまして。     height: 180px;   /* 画像の高さと同じ */     height: 180px;   /* 画像の高さと同じ */ ということで今回はその辺の言い訳ついでに、新サイトについて紹介をします。     'container_class' => 'footermenubox clearfix ', ?> header, #headbox-bg { STINGER8の記事一覧のサムネイルサイズは、デフォルトだと150pxの画像を100px四方の正方形に縮小して表示しています。スマホでの閲覧のことを考えれば、この仕様のほうがスマートで一見よさそうですが、画像の中心以外が大きく削られてしまうのはちょっと残念です。 子テーマはstyle.cssとheader.php、sidebar.phpおよびFunction.phpを編集しています。, 頂いたコメントの内容だけだと状況が分からないので何とも言えないのですが、CSSの他の部分で「!important」による意図しない設定がされてる可能性は無いでしょうか?, あるいは実際に設定は反映されているのに、ブラウザで見てみるとキャッシュのせいで反映されてないように見えるということがよくあります(私もコレで何時間も悩んだことがあります・・・)。, ブラウザのキャッシュをクリアするとか、「Ctrl+F5」などの(ブラウザによってショートカットキーは違いますが)スーパーリロードをして再確認してみてはいかがでしょうか。, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。, WordPressのテーマにSTINGERを使ってるんですが、そのファビコン設定やったら簡単過ぎて感動しました。ファビコン作成には、2つの便利サイトを利用させて頂いたんで、そのへんも参考にして頂ければ。, 新しくテーマをインストールして見た目の体裁を変更したら、次はプラグインで使い勝手等を改善しようかなと。ちょっと調べてみたんですが、とりあえず入れるべきプラグインは、以下の2つだけという結論になりました。他にも便利なプラグインはたくさん..., WordPressのテーマに「STINGER7」という素敵テーマを利用させて頂いてるんですが、このテーマのサイドバーに「NEW POST」という新規投稿の一覧を表示する機能が付いてまして。それがサイドバーの一番上に固定されてて、移動も..., WordPressが無事インストールできたんで、今度は見栄えをカッコ良くしたいなと。初心者にも優しくて、シンプルでクールなテーマはないかと探して、「STINGER」というのを見つけました。現時点の最新バージョンは、「STINGER7」..., WordPressのテーマSTINGER7の記事の文字サイズを変更する方法を調べてやってみたので、記事にしてみました。プラグインを使って、簡単な2つの手順でできましたので、ご参考になればと。, スーパーマーケットで見つけました、木村屋總本店「ジャンボむしケーキ 瀬戸内レモン」です。木村屋の「ジャンボむしケーキ」シリーズから、今月の新商品として発売になった品ですが。このシリーズで既に発売されたことのあるただの「レモン」とは違っ..., ドラッグストアで見つけました、「日清焼そばU.F.O.濃い濃いソースペースト付き チーズ焼そば」です。「日清焼そばU.F.O.」シリーズから、おととい発売になった新商品でして。カップ焼きソバ好きで、しかもチーズ好きの私としましては外せ..., スーパーマーケットで見つけました、ヤマザキの「薄皮メロンゼリー入りメロンクリームパン」です。私の好きなヤマザキの薄皮シリーズから今月の新商品として発売になった、メロンゼリー入りのメロンクリームが入ったパンでして。そういえば同じ薄皮シリ..., スーパーマーケットで見つけました、木村屋總本店「ジャンボむしケーキ 杏仁豆腐」です。木村屋の「ジャンボむしケーキ」シリーズから、今月の新商品として発売になった一品。パッケージにはパンダのイラストと共に「アジアンスイーツ」とありまして、..., スーパーマーケットで見つけました、サッポロ一番の「塩らーめん 濃厚タンメン タテビッグ」です。サッポロ一番のカップ麺の「タテビッグ」シリーズから、今週発売になった新商品ですよ。より強い刺激を求めがちな昨今では辛さが売りの「タンタンメン」..., 辛いっ!【カップ麺レビュー】明星「一平ちゃん夜店の焼そば カラムーチョホットチリ味」を食べた, コメディー?【映画レビュー】『教授のおかしな妄想殺人』あらすじ&感想(ネタバレ無し), 岩瀬 治務     

執筆者:

                               margin: 1em; }             更新日: , サイドバーにデフォルトで表示される「最近のエントリ」は、トップ・月別・カテゴリページで表示されるのは意味無いかなと思いました。, それで、それぞれのページで非表示にするように、親テーマのディレクトリから子テーマのディレクトリにコピーした「sidebar.php」ファイルに、以下の黄字の2行を追加しました。,                   これはトップページの記事一覧と各記事ページの記事下の関連記事一覧が同じ「kanren」というclassで囲まれているためです。こちらは小さいままでよいので区別します。, で「kanren」のclassに「kizi_bottom」というclassも付け加えました。kanrenの後に半角スペースを空けてkizi_bottomです。, .kanren ddの後ろ辺りに以下を書き足します。(.knrenと.kizi_bottomは空白を空けずに。), これで各記事ページの記事下、関連記事一覧のサムネイルは幅100pxのままでいけました。, 【WordPress】テーマSTINGER8をカスタマイズ。ヘッダーメニューを画像の下にもってくる。, はじめましてなまっちゃ(@namatcha_)です! 2ページ目以降は記事一覧のみを表示させる. @import url('../stinger8/style.css'); Copyright©         array( }, ただこれを「親テーマ」の同ファイルと比較するとサイズの指定が違ってまして、気にしなければ気にしないでいいとは思うんですが、後々不都合が生じて修正する必要が出てきたりすると嫌なので、以下のように「親テーマ」と同じになるように書き換えましたよ。, /* @media print, screen and (min-width: 960px) {     font-size: 18px;        /* 文字サイズ */          /*media Queries タブレットサイズ(960px以下)     width: 800px;    /* 画像の幅と同じ */ 子テーマでも設定しているのですが、!importantをしても反映されないのです。 */     display: inline-block;          もともと僕は2... Stinger8のカスタマイズの一つに、記事下にGoogleAdsenseの広告を横並びに2つ設置するカスタマイズをされている人が多いです。     'container'       => 'div', }, 記事内画像の周りの余白を調整するために、子テーマのCSSに以下の記述を追加しました。, .entry-content p img {     width: 440px;    /* 記事エリアの幅 */ } }, header .descr {     margin-bottom: 10px;     'menu_class'      => 'footermenust',          Copyright© ヒダリのヒ , 2019 All Rights Reserved. }, まず黄字部分の指定によって、文字サイズを調整するんですが、親テーマのメディアクエリによる指定のほうが強いので、普通に指定すると有効になりませんでした。, それで、こちらでもメディアごとの指定をしてやればいいんですが、面倒だしPCやタブレットで共通に指定してやりたかったので、「!important」指定をつけてやりましたよ。, それから、「border-radius」の値によって角丸の丸め具合が調整できて、ここの数値が大きいほど丸くなるので、必要なら好みに応じて変えると良いでしょう。, 数値の並びは、左から順に「上・右・下・左」の余白のサイズを指定していますが、この記述方法は「margin」の指定をする場合も同様ですよ。, それで、親テーマのディレクトリから子テーマのディレクトリにコピーした「footer.php」ファイルに、以下の黄字の2行を追加しました。, このブログで使ってるWordPressの無料テーマの「STINGER Plus+」が、次のバージョンの準備のためとのことで公開終了してからしばらく経ってましたが。, ようやく先月の中頃に新バージョンの公開がされたとの情報を受けまして、早速見に行ったのですが・・・なんと予想外の事態になってまして。, これまで初心者にも優しく、簡単にカスタマイズできることで人気のあった「STINGER」シリーズだったのに、今回の「STINGE8」ではその流れからまったく異なる方向へとスイッチ。, きわめてシンプルで、カスタマイズの設定項目や機能が、これまでと比較してずっと縮小されたテーマになってました。, HTMLやCSSそしてPHPの知識のある人ならともかく、そうでない初心者の人にとってはとても残念な仕様で、今後は利用者も減ることでしょうが。, 作成者にとっては、無料公開の上にサポートに手間がかかるので、やむなく敢えて利用者を絞る方向にしたのではないかと思われます。, というわけで現在利用中の「STINGER Plus+」は、そのまま使い続けることにして、このブログでの「STINGER8」の利用は見送ることにしたんですが。, ちょうど他のWordPressのブログのテーマを変えようと思ってたんで、そちらで試しに「STINGER8」を使ってみることにしまして。, いろいろとカスタマイズを始めたので、備忘録としてその手順のメモを記事にしておくことにしました。, WordPressのテーマのカスタマイズをやろうって人なら、言うまでもないことなのかも知れませんが、念のため。, STINGER8のダウンロードページの本体のすぐ下に「STINGER8子テーマ」っていうのがありますが、これをダウンロードしてWordPressのテーマに追加して有効にしてやります。, これは親テーマである「STINGER8」のほうを直接カスタマイズすると、そのバージョンアップがあったときに、すべてのカスタマイズを新しいバージョンのファイルに改めて施してやる面倒を避けるためでして。, PHPファイルやCSSファイルに手を加える場合は、すべて「子テーマ」のほうのファイルを対象にすることで、バージョンアップで「親テーマ」が新しくなっても、そのカスタマイズした「子テーマ」のほうをそのままに使えば、「親テーマ」には何もしなくても問題無いというわけですね。, 次に、その「子テーマ」なんですが、CSSを定義するファイルの「style.css」を見てみると、以下のように空っぽでメディアクエリだけが記述されてます。, /*

ピアス 排除 過程 4, セリア 爪 研ぎ 10, リーフ バッテリー冷却 方法 5, プリコネ プリンセスコッコロ ランク 42, 子供服 サイズ L 4, フランク永井の 歌 一覧 6, 国際結婚 日本に住む 手続き 4, Pubgモバイル トレーナー特訓 やり方 53, 信号無視 事故 罰金 相場 16, Custom Field Suite バグ 13, 枝川 火事 原因 5, 天然 嫌い 男 10, Benq Gl2480 明るさ 5, 廊下 張替え Diy 8, スマホ ワンセグ 電波 増幅 4, Ipad キーボード 英語 大文字になる 5, レオパ 無精卵 単独 4, Lg テレビ スクリーンセーバー 設定 6, トヨタ リストラ コロナ 7, エアコン 12畳 エディオン 4, エプソン Ew M571t 強力クリーニング 6, 石井一久 Gm なんj 10, Vil 意味 ドイツ語 44, ガーミン 64scj キャンペーン 4,

Leave a Comment