【Stinger5 forLadys】AddQuicktagのボタン設定をGush2と同じにしました。

2015/07/04

こちらの記事に書きましたように、さらさらぶろぐでは、Gush2のデフォルトに合わせて、AddQuicktagのボタン設定をしています。

プラグイン「AddQuicktag」　Gush2説明書に合わせて、ボタンの設定をしてみました。設定ファイル、よければ使ってね。

Gush2説明書「見出し、引用、文字装飾、リスト、動画像等のCSS初期設定とサンプル」に合わせて、プラグインAddQuicktagの設定をしてみました。けっこう面倒なので、「後で」とも思ったのですが

で、その投稿編集画面に慣れていますから、「Stinger5 forLadys」を使ったブログのほうでも、同じボタン設定にしたいと思いまして、やってみました。
　

1 まずは、プラグイン「AddQuicktag」をインストール
2 ボタンの設定ファイルをインポート
3 style.cssにGush2と同じクラス定義の記述を追加
4 まとめ

まずは、プラグイン「AddQuicktag」をインストール

WordPressの管理画面から、AddQuicktagをインストールします。
AddQuicktag ｜WordPress Plugins

ボタンの設定ファイルをインポート

こちら↓から、設定ファイルをダウンロードします。
AddQuicktag設定ファイルダウンロード｜さらさらぶろぐ

ダウンロードした設定ファイルを、AddQuicktagの設定画面でインポートします。
やり方：設定ファイルをインポートしましょう｜ぐうたら主婦がいろいろ勉強中

style.cssにGush2と同じクラス定義の記述を追加

下記のコードを「Stinger5 forLadys」のstyle.cssに追加します。
すべての画面サイズで適用されるように「@media{}」の外側に書きます。先頭でもいいのですが、私は、「カスタマイズした分は後ろのほうに書く」ようにしてるので、一番後ろに入れました。

/*--------------------------------------
  クラス定義
--------------------------------------*/
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.s {
	font-size: 70%;
}
.ss {
	font-size: 50%;
}
.l {
	font-size: 150%;
	line-height: 130%;
}
.ll {
	font-size: 200%;
	line-height: 120%;
}
.b {
	font-weight: bold;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
span.futo {
	font-weight: bold;
}
span.futoaka {
	font-weight: bold;
	color: #ff0000;
}
span.futomido {
	font-weight: bold;
	color: #149b14;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 80%;
}
 
sup {
	bottom: 1ex;
}
 
sub {
	top: .5ex;
}

.gray_box {
	width: 89%;
	margin: 2em auto;
	padding: 3%;
	background-color: #fff9f9;
	overflow: hidden;
}

#entry_body .gray_box ul:last-child,
#contents #entry_body .gray_box p:last-child {
	margin-bottom: 0;
}

/*--------------------------------------

クラス定義

--------------------------------------*/

.center {

text-align: center;

}

.right {

text-align: right;

}

.left {

text-align: left;

}

.s {

font-size: 70%;

}

.ss {

font-size: 50%;

}

.l {

font-size: 150%;

line-height: 130%;

}

.ll {

font-size: 200%;

line-height: 120%;

}

.b {

font-weight: bold;

}

.aligncenter {

clear: both;

display: block;

margin-left: auto;

margin-right: auto;

}

span.futo {

font-weight: bold;

}

span.futoaka {

font-weight: bold;

color: #ff0000;

}

span.futomido {

font-weight: bold;

color: #149b14;

}

strong {

font-weight: bold;

}

em {

font-style: italic;

}

sup,

sub {

height: 0;

line-height: 1;

vertical-align: baseline;

_vertical-align: bottom;

position: relative;

font-size: 80%;

}

sup {

bottom: 1ex;

}

sub {

top: .5ex;

}

.gray_box {

width: 89%;

margin: 2em auto;

padding: 3%;

background-color: #fff9f9;

overflow: hidden;

}

#entry_body .gray_box ul:last-child,

#contents #entry_body .gray_box p:last-child {

margin-bottom: 0;

}

このコードは、Gush2のstyle.cssから、必要なところを切り取ってきたものです。

まとめ

さらさらぶろぐを始めたばかりのころから今のボタン設定で投稿を書いてきたので、このボタン無しでは書きづらくってしょうがないのです。それで、Stinger5 forLadysのほうも同じ設定にしたわけですけど、Gush2からぱくっちゃってるので、Elloraさんに申し訳ないような気もしてます。futomidoとか、futoakaとか、grayboxとか、Gush2は最初から良い感じでクラス定義してくださってるから便利に書けていたのです。そして、便利に慣れると不便には戻れない…。

他のテーマを使って初めて、「この便利な機能は、Gush2だけのものだったんだぁ」って、気がついたのでした。Gush2は良いテーマです。

カスタマイズしまくれ！WordPress無料テーマGush2公開 – 初心者ブロガー指南：Naifix

すでにTwitterでご案内していますが、先日Gush2を公開いたしました！ひと仕事終えてホッとしたのもつかの間、現在は不具合対応に追われていますｗ深刻な不具合は今のところ報告がないので大丈夫かなと思…

この記事ちょっと古いね。もう不具合対応は終わってるはず。

on 【Blogger】アフィリエイトを無料ブログでするのなら、Bloggerがおすすめです。スマホでも広告表示されないので。初めまして。同感です。こんなに良いのに、なんでみんな使わないの？？って思いますよね。確かにフォントは、初期状態ではちょっと… そのあたりがもうちょっと何とかなれば最高なんですけどね。ＣＳＳの解説ありがとうございます、参考にさせていただきますね♪
on 【Blogger】アフィリエイトを無料ブログでするのなら、Bloggerがおすすめです。スマホでも広告表示されないので。bloggerは僕もオススメです( ´ ▽ ` )ﾉ本当シーサーブログは広告多いですね( ´ ▽ ` )ﾉ
on スマホでも３つAdSenseを表示するGush2カスタマイズ【メイン上部広告復活＆記事下広告右をサイドバー最後に表示】（改訂版）TN0816さまご訪問ありがとうございます。キーワード検索の下に表示されるのは、サイド広告300pxです。外観＞ウィジェット＞サイド広告300px に、広告コードを書いているのではないでしょうか？
on スマホでも３つAdSenseを表示するGush2カスタマイズ【メイン上部広告復活＆記事下広告右をサイドバー最後に表示】（改訂版）このブログとても参考になりました！１つわからないところがあるのですが、ここに書かれているとおりにやったのですが、サイドバーのキーワード検索の下にもも広告が表示されてしまい、どうしたらいいのかわからなくて困っています。アドセンスはメイン上部にレスポンシブ広告を入れて、記事下左と記事下右に300×250を入れています。
on 審査に落ちたAmazonとポイント制の楽天は、「もしもアフィリエイト」経由でやってみます。a cattle northern さまくわしい情報をありがとうございます。なるほど。怪物レベルでなければ、ポイントで受け取る分が必ずあるのですね。「ポイントで楽天市場で買い物してね」ってことなのでしょうね。楽天市場を使ってない人は『もしも』がいいですね。
on 審査に落ちたAmazonとポイント制の楽天は、「もしもアフィリエイト」経由でやってみます。楽天アフィですが、１ヶ月で３０００円以上は、３０００ポイントを楽天ポイントで＋超過分を楽天銀行振込１ヶ月で３０００円未満は楽天ポイントで支給となります。毎月１０万以上確実で全額銀行振込となりますが、そんな怪物は・・・・・。楽天市場を使うのでなければ、もしもの方がいいと思いますよ。

さらさらぶろぐ

アフィリエイトのことを書くつもりで始めたけど、WordPressやGush2のことを書いちゃってます。

【Stinger5 forLadys】AddQuicktagのボタン設定をGush2と同じにしました。

まずは、プラグイン「AddQuicktag」をインストール

ボタンの設定ファイルをインポート

style.cssにGush2と同じクラス定義の記述を追加

まとめ

関連記事-こちらもどうぞ

この記事へのコメントはこちらコメントをキャンセル

まずは、プラグイン「AddQuicktag」をインストール

ボタンの設定ファイルをインポート

style.cssにGush2と同じクラス定義の記述を追加

まとめ

関連記事-こちらもどうぞ

この記事へのコメントはこちら コメントをキャンセル

この記事へのコメントはこちらコメントをキャンセル