タグ

Stingerに関するkimasseのブックマーク (7)

  • 【WordPress】8種類の自作SNSボタンのコードをご紹介!カウントも表示するよ

    最近よくお問い合わせをいただく当ブログに設置しているオリジナルのSNSボタン8種類の全コードをご紹介します。コードはコピペでOK!STINGER5への設置方法も説明します。 シェアボタンのコードはツイッター、フェイスブック、グーグルプラス、はてなブックマーク、LINEPocketRSS、feedlyの8種類です。RSSSNSなのか!?という突っ込みはスルーでお願いします。 【WordPress】オリジナルSNSボタン設置方法!スマホ用シェア数つきSNSアイコンも公開 – ゆめぴょんの知恵 こちらの記事は公開時より年月が経過しており内容が古くなっている可能性があります。この記事で紹介しているソースコードの使用や、phpコードの書き換えは自己責任でお願いします。 プラグイン【SNS Count Cache】でシェア数を取得する プラグイン【SNS Count Cache】を利用するとシェ

    【WordPress】8種類の自作SNSボタンのコードをご紹介!カウントも表示するよ
  • これまで私がSTINGER5に行ったカスタマイズや設定のアレコレ – Shufulife

    アイコンフォントをFont Awesomeからicomoonへ変更 icomoonは自作のSVG画像をアイコンフォント化できるので、Font Awesomeでは配布していないfeedlyやpoket、はてブなども使えるようになります。そのうちブログ独自のロゴを作って、アイコンフォント化とか目論んでおります。

    これまで私がSTINGER5に行ったカスタマイズや設定のアレコレ – Shufulife
  • WordPressにCSSをコピペし「LINEぽい吹き出し」を作って会話を入力する方法

    主な手順 主な作成手順は、こんな感じです。 CSSをstyle.cssなどに貼り付ける CSSのclassを用いて文章を書く CSSさえ貼り付けてしまえば、あとは「吹き出しクラスを適用したpタグ」などで、書き込むだけです。それほど手間もかからないと思います。 作成方法 作成方法は以下です。 style.cssに貼り付ける 以下のCSSをstyle.cssにコピペします。 /******************************* * 左からの吹き出し ********************************/ .left_balloon { position: relative; background: #fff; border: 1px solid #777; margin: 10px; padding: 10px; border-radius: 15px; margin-

    WordPressにCSSをコピペし「LINEぽい吹き出し」を作って会話を入力する方法
  • Stinger5でブログTOPの記事一覧にアドセンスを入れる方法 | cv0629.com

    どーも、cv0629です。先日からレスポンシブデザインのstinger5をこのブログのテーマとして使わさせてもらってます。 製作者のENJIさんに感謝しつつ、今回はトップページの記事一覧への広告の入れ方の紹介です! TOPページの記事一覧に広告ってどゆこと? こんなんです。 通常の記事一覧に中に紛れて広告がちょいちょい顔出す感じです。これはENJIさんも採用している掲載方法で、やっぱり目立ちますよね。 出す場所や回数も指定できるので、初めてでも扱いやすいと思いますよ。それでは作っていきましょう。 作り方 広告の準備 Stinger5からレスポンシブデザインになったということで、出来れば広告もレスポンシブをオススメします。 アドセンスにもレスポンシブタイプのものが有るので、まだ使ったことないって人はぜひどうぞ。作り方も通常の広告枠と一緒ですよ。 PHPファイルの編集 ※ファイルの編集となりま

    Stinger5でブログTOPの記事一覧にアドセンスを入れる方法 | cv0629.com
  • WordPressのアフィリエイト用テンプレートAFFINGERのデザインをフルカスタマイズした - ShoYamane Blog

    2015-06-19 WordPressアフィリエイト用テンプレートAFFINGERのデザインをフルカスタマイズした Web WordPress 作った SEOに強い、アフィリエイトがしやすいということで人気のWordPressテーマ「STINGER3」を元に、よりアフィリエイトに特化したWordPressテーマ「AFFINGER」が先日公開されました。 「お金を稼ぐ」に特化したブログテーマ - AFFINGER(アフィンガー) 前からSTINGERいじってみたかったんですけど機会がなかったので、これはいい機会だと早速「AFFINGER」をダウンロードしてカスタマイズしてみました。 今までのSTINGERっぽいデザインにちょっと飽きている人やポップなデザインにしたいという方は是非ご利用下さい。 前提 極力、PHPHTMLはいじらずにデザインをする方向だったのですが、厳しい箇所が何点かあ

    WordPressのアフィリエイト用テンプレートAFFINGERのデザインをフルカスタマイズした - ShoYamane Blog
  • 【Stinger5カスタマイズ】関連記事を横並びに変えてみた。

    今回は先に実現イメージをご覧下さい今回はカスタマイズイメージが解りやすい様に、先に実現イメージを見て下さい。 変更前は縦並び。 これを横並びに変更します。 カスタマイズ概要今回のカスタマイズは、スタイルシートだけで実現できると踏んでいましたが、NEWPOST部分とスタイルシートを共有していたりして、影響範囲が大きい事が判明したため、大人しく関連記事部分のPHPを修正する事にしました。 Stinger5では、関連記事の表示の制御は kanren.php に分離されましたので、これを子テーマ側で実現するために、kanren.phpを子テーマにコピーしてから修正していきます。 なお、修正方法については下記の記事を参考にさせて頂いてます。 参考:STINGER3の「関連記事」表示を横並びにカスタマイズしてみた 実際にやった事は、参考記事とほぼ同様以下の3点ですね。 「関連記事」表示数の変更 タグを

    【Stinger5カスタマイズ】関連記事を横並びに変えてみた。
  • WordPressの任意の記事にだけ目次をつける方法(Table of Contents使用)

    ブロガーの皆さん、記事に目次つけてますか? 「つけたい日もあれば、つけたくない日もある」 せやろ。ほな、これ試してみるとよござんす。 ( ・∀・)つ旦 Table of Contents プラグインとの出会い SEO的にもユーザビリティ的にも、記事上部に目次をつけるのって良いですよね。自分もだいぶ昔から「導入したほうが良いだろうなぁ」と思っていたんですよ。こういうやつ。 そんなわけで、ちょっとググってみたら直ぐに素晴らしいプラグインにめぐり逢いました。 WordPress › Table of Contents Plus « WordPress Plugins おっと、これで全て解決やんけと思っていたわけです。日語で紹介してくれているサイトもたくさんあるし。 ただ、たった一つのことができないことがある。あれこれ調べても言及しているサイトがない。そのために、導入に二の足を踏んでました。 「

    WordPressの任意の記事にだけ目次をつける方法(Table of Contents使用)
  • 1