STINGER7：カスタマイズまとめ

comment

1. vermut より:

   2016年4月18日 1:15 AM

   こんばんは！

   ワードプレスを始めたばかりで、しかもSTINGER7の編集方法が少ない中、とても参考にさせていただいています。ありがとうございます。

   質問なのですが、google以外のアクセス解析を試したく、解析コードを張り付けたいのですが、どうも張り付け方がおかしいらしくてサイトに反映されません。

   (header.php)の直下に解析コードを張り付ければいいとされていますが、私のやり方がおかしいのでしょうか？

   もしお時間があれば、コンテンツに他社アクセス解析ツールの解析コードの張り付け方をアップしていただけたら嬉しいです。

   これからも購読させていただきますので、どうぞよろしくお願いします！

   返信
2. DICE より:

   2016年4月18日 2:59 AM

   vermut様

   コメントありがとうございます！
   お役に立てて幸いです！

   アクセス解析のコードですが、header.phpでしたら＜/head＞のすぐ上に貼り付ければ大丈夫かと思いますので貼り付け場所の再確認をされてみてはいかがでしょうか？

   ＜/head＞のすぐ上に貼っても動かないようであれば、どこの会社のものか分かれば確実にお応え出来ると思います。
   何かあればまたご連絡ください(^^)

   返信
3. vermut より:

   2016年4月20日 2:02 AM

   早々に対応いただいていたのに気づいていなくて失礼しました（；＾ω＾）

   先ほどアドバイスの通りにさせていただきましたらうまくできました！

   分かりやすいアドバイスありがとうございます！

   まだブログを始めたばかりでシステム関係が本当に意味不明なのですが、色々調べて少しずつ前進している最中です。

   また質問があればさせていただいてもよろしいですか？

   今回は本当にありがとうございました！！

   返信
4. naomi より:

   2016年5月7日 7:28 AM

   初めまして！
   STINGER7のカスタマイズがしたくても、よくわからない初心者です。

   こんなにわかりやすく書いてくださってありがとうございます！
   こちらに載っているカスタマイズは、コピーして使っていいのでしょうか？

   返信
5. DICE より:

   2016年5月7日 9:54 AM

   naomi様

   コメントありがとうございます！
   掲載しているコードはコピーして使っていただいて大丈夫ですよ！
   分からないことなどあればまたお気軽にコメントください(^^)

   返信
6. naomi より:

   2016年5月8日 9:10 AM

   ありがとうございます！
   楽しくなってきました＾＾さっそく使わせていただきます。

   返信
7. ケイ より:

   2016年5月12日 2:50 PM

   スティンガー７をやり始めたばかりの初心者です。
   こちらでいろいろ勉強させていただいています。
   ありがとうございます。
   ところで、
   アドセンスを記事下の中央にひとつ貼りたくて、
   header.phpを子テーマに移しました。
   その後、広告コードをどこに挿入すればよいかわかりません。
   ご指導頂けますでしょうか。
   よろしくお願いいたします。

   返信
8. DICE より:

   2016年5月12日 3:21 PM

   ケイ様

   コメントありがとうございます！
   お役に立てて幸いです。
   アドセンスを記事下に貼る場合、１つだけならウィジェットを使うとすぐできますよ。

   １．管理画面メニューの「外観 → ウィジェット」を開く
   ２．「投稿記事の下に一括表示」の項目に、左側にある「テキスト」のウィジェットをドラッグ＆ドロップで入れる
   ３．広告コードを貼り付けて保存

   これで記事下に表示されると思いますのでお試しください(^^)

   返信
9. スペシャルミルク より:

   2016年9月2日 2:25 PM

   お世話になっています、スペシャルミルクです。
   いつも有益な記事とアドバイスありがとうございます。

   先日、カード型デザインで表示がおかしいという件で色々試したのですが、結局表示も直らず、原因もわからなかったので、Instant WordPressをアンインストールして、復習のためにもゼロからカスタマイズしようとしたのですが、stinger7がもうすでにダウンロードできなくなっていて、しかたなくplusの方を使い出したのですが、「ヘッダーをオリジナルデザインにカスタマイズする方法」の記事通りに進めると、うまく反映されないようなのですが、やはりplusには使えない方法なのでしょうか？

   今思えば、7のファイルを保存しておけば良かったと公開しています。作者の方が旧バージョンもダウンロードできるようにしてくれれば良いのですが。。。

   stinger関係を調べるときに、こちらDICE様のブログが一番分かりやすく、検索でも上位表示されるほどの良質なブログで、いつも効率よく勉強させて頂いています。今後plusの方のカスタマイズも記事にして頂くご予定はございませんでしょうか？どうぞ前向きなご検討宜しくお願い致します。

   返信
   • スペシャルミルク より:

     2016年9月3日 2:54 PM

     いつもありがとうございます。お世話になっています。
     plusの方でも同じ手順で、カード型デザインをブロック状にならべるカスタマイズができました！

     そこでお聞きしたいのですが、ブラウザのウィンドウサイズを変えたときに、それに伴ってタイトル文字の大きさも変化するようにしたいのですが、どのような記述をすれば宜しいでしょうか？

     あとデザインについてですが、カード全体の背景は白にして、写真下にあるタイトル部分にボックスの様なものを設けて背景を黒にして文字を白にしたいと思っています。
     そしてタイトルの一文字目だけフォントサイズを大きくして色を赤にしたいのです。
     下記のサイトの様な感じでデザインしたいのですが、可能でしょうか？

     ttp://jishin-yogen.com/

     昨日から２０時間以上かけて調べても分からなかったのでご教授願いたいと思いまして、
     お時間があるときにでもアドバイス頂けたらとお願い申し上げます。

     返信
     • DICE より:

       2016年9月8日 4:39 PM

       お返事遅くなってすいません(^^;)

       まずタイトル文字の大きさですがこうなっているかと思います↓
       @media only screen and (min-width: 414px) {
       .itiran-custom dl h3 a {
       font-size: 20px;
       line-height: 1.4em;
       }
       }
       「@media〜」でスクリーンサイズの指定を調整してください。上記は「414px以上のウィンドウ幅ならフォントサイズ20px」という指定になります。

       カードのデザインは以下のコードで全体のボックスを背景白、タイトル部分を背景黒にできます。
       .itiran-custom dl {
       padding: 10px;
       background: #fff;
       }
       .itiran-custom dd {
       background: #000;
       }

       一文字目を大きくするのは以下のコードです↓
       .itiran-custom dl h3 a {
       display: inline-block;
       }
       .itiran-custom dl h3 a:first-letter {
       font-size: 2em;
       }

       他の日付やカテゴリなどは「カード型カスタマイズ【その2】」の記事を参考にしてください。頑張ってくださいね！

       返信
10. スペシャルミルク より:

    2016年9月8日 5:09 PM

    DICE様、いつもご丁寧にありがとうございます！
    早速今晩に作業してみます！うわ～～嬉しすぎます！
    あとplus対応へ更新なさって下さった記事も拝見し、こちらも感謝でいっぱいです。

    今は作業するときはこまめにバックアップをとって、編集に失敗したら戻してまた編集にチャレンジする形で作業しています。あとphpやcssをいじるときは、コメントタグを入れてたりして自分で後で見ても分かりやすいようにしてはいるのですが、上手く反映されないと頭が真っ白になって焦ります＾＾；

    本当に少しずつですが、タグが何をしようとしているのか分かってきました。それもDICE様の記事が初心者にも分かるように、丁寧に分かりやすい言葉と図示で教示してくださっているおかげです。ありがとうございます。

    返信
11. スペシャルミルク より:

    2016年10月7日 5:01 PM

    DICE様いつもお世話になっています。
    stingerのフォントサイズについてお聞きしたいのですが、プラグインのTinyMCE Advancedをインストールして有効にしても、記事編集時にフォントのプルダウンから選べるサイズの最大が18pxとなっています。
    これを48pxくらいまで増やしたいのですが方法をご存知でしょうか？
    どうぞ宜しくお願いいたします。

    返信
    • DICE より:

      2016年11月19日 7:26 PM

      だいぶ遅くなってすいません。
      もう解決されたかもしれませんが、記事追加しましたので見てみてくださいね。

      返信