AFFINGER4カスタマイズ記事まとめ

見つけたAFFINGER4に関するカスタマイズ記事をまとめています

: AFFINGER4 カスタマイズ紹介

アイキャッチの自動挿入位置をタイトル下に変更するカスタマイズ

2017/12/29

アイキャッチ画像を自動挿入した時に表示される位置をタイトル下などに変更するカスタマイズです。 ※PHPファイルを修正するため、必ずバックアップの元で行って下さい ※テーマやバージョンによりキャプチャや ...

「NEW ENTRY」や「関連記事」のデザインを普通のタブ風にする

2017/10/19

「NEW ENTRY」や「関連記事」のデザインを普通のタブ風にするコピペCSSです

/* 関連記事の文字 */
.post h4.point {
margin-bottom:30px;
position:relative;
border-bottom:solid 1px #f3f3f3;
background-color:transparent;
margin-top:41px;
}
.post h4 .point-in {
padding:3px 20px;
max-width:80%;
box-sizing:border-box;
font-size:15px;
font-weight:bold;
background:#f3f3f3;
color:#000;
position:absolute;
bottom:0;
left:0;
top:auto;
}

/* 関連記事の文字 */

.post h4.point {

margin-bottom:30px;

position:relative;

border-bottom:solid 1px #f3f3f3;

background-color:transparent;

margin-top:41px;

}

.post h4 .point-in {

padding:3px 20px;

max-width:80%;

box-sizing:border-box;

font-size:15px;

font-weight:bold;

background:#f3f3f3;

color:#000;

position:absolute;

bottom:0;

left:0;

top:auto;

}

子テーマなどのstyle.cssにコピペで大丈夫だ ...

: AFFINGER4 FAQ カスタマイズ紹介

ショートコードで作成したランキングのアイコンも1位~3位と色分けをしたい

2017/10/16

AFFINGERのランキングアイコン及び独自に設定されたアイコンの1位～3位の色分けはショートコードで表示される場合は個別で反映されません。その場合、以下のように＜div＞タグにクラスを設定して囲む ...

AFFINGER4 FAQ カスタマイズ紹介

PC閲覧時のヘッダーメニューをセンター寄せにしたい

2017/03/18

メニュー全体をセンター寄せにする方法です。「外観」＞「style.css」

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
#st-menubox nav ul:not(.sub-menu) {
width:644px; /*メニュー幅の指定（メニュー数×161px）*/
margin:0 auto;
}

/*media Queries PCサイズ（960px以上）

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

@media print, screen and (min-width: 960px) {

#st-menubox nav ul:not(.sub-menu) {

width:644px; /*メニュー幅の指定（メニュー数×161px）*/

margin:0 auto;

}

メニュー幅には「メニュー数×161px」を指定してくださ ...

: AFFINGER4 FAQ カスタマイズ紹介

AmazonJSプラグインのCSSが反映されない

2017/03/18

AFFINGER4では予め「AmazonJS」プラグインの見た目を調整しております。こちらを解除するには「外観」＞「style.css」の [crayon-5ad8b876065b391571287 ...

AFFINGER4 FAQ カスタマイズ紹介

サイドバーに背景色を付けたい ver20170227

2017/03/18

「外観」＞「style.css」

#side aside {
background:#ff0000; /*背景色*/
padding:10px!important; /*周りの余白*/
box-sizing:border-box;
}

#side aside {

background:#ff0000; /*背景色*/

padding:10px!important; /*周りの余白*/

box-sizing:border-box;

}

: AFFINGER4 FAQ カスタマイズ紹介

クイックスタイルの「吹き出し」の色を変える

2017/03/08

hタグではなく以下のようなクイックスタイルの「吹き出し」のカラーを変更する方法です。 hタグ（見出し）のカラー変更はこちらふきだし「外観」＞「style.css」に以下のCSSをコピーして、カラー ...

: AFFINGER4 FAQ カスタマイズ紹介

デフォルトの文字（フォントサイズ）の変更

2017/02/22

AFFINGER4の基本のフォントサイズは599px以下（スマートフォンサイズ）、600px～959px（タブレットサイズ）、960px～(PCサイズ）の3パターンに分かれています。「外観」＞「st ...

: AFFINGER4 FAQ カスタマイズ紹介

写真の引用元とか出典をさりげなく入れる技

2017/01/23

photo by https://www.pakutaso.com 写真の引用元とか出典先のページを表記、リンクすることは多いと思うのですが、それのさりげない方法です。キャプションの挿入挿入した画 ...

: AFFINGER4 カスタマイズ紹介

AFFINGER4（アフィンガー4）徹底解説！有料テーマはコレで決まりデス！

2016/12/20

【特典あり！】AFFINGER4（アフィンガー4）徹底解説！有料テーマはコレで決まりデス！

: AFFINGER4 カスタマイズ紹介

【Affinger4】スマホで背景画像（背景色）を記事の周りにも反映させるカスタマイズ

2016/12/04

【Affinger4】スマホで背景画像（背景色）を記事の周りにも反映させるカスタマイズ

: AFFINGER4 カスタマイズ紹介

【Affinger4】スマホ用ハンバーガーメニューを変更するカスタマイズ

2016/12/04

【Affinger4】スマホ用ハンバーガーメニューを変更するカスタマイズ

: AFFINGER4 カスタマイズ紹介

アフィンガーで超簡単に、フキダシ会話を表示させる方法

2016/12/04

アフィンガーで超簡単に、フキダシ会話を表示させる方法

: AFFINGER4 カスタマイズ紹介

Affinger4で子テーマを使って個別記事をカスタマイズしても反映されない時の対処法

2016/11/26

Affinger4で子テーマを使って個別記事をカスタマイズしても反映されない時の対処法

: AFFINGER4 カスタマイズ紹介

AFFINGERカスタマイズ講座

2016/11/25

http://affinger.7oxd.com/

1 2 次へ »