SWELLの設定/カスタマイズ集と困ったことまとめ

自分の備忘録を込めてまとめていきます。

情報まとめのようにしていきたいので、ここに載っていないようなことで疑問に思うことがありましたらコメント欄でお知らせ頂けると助かります。

また、情報が古くなっている場合も同様によろしくお願いいたします。

Q＆A

段落ブロックで改行する方法

改行位置で
「Shift」+「Enter」

キラッとボタンの光る速度を遅くしたい。

.is-style-btn_shiny a::after{
animation-timing-function: ease-in;
animation-duration:5s;
}

※SWELLのキラッとボタンはボタンの左-100pxがanimationの開始位置です。
　はじめゆっくりのease-inの指定をするとちょうどいい塩梅になります。

SWELLがバグった。画面が真っ白や画像が表示されない。

SWELLのフォーラムやTwitterなどで同様の事象が発生していない場合は環境固有のものである可能性が高い。

• プラグインをすべて無効化する。（ものによっては削除する必要あり）
• SWELLメニューからキャッシュを削除する。
• SWELLメニューから古いデータを更新する。
• SWELLのバージョンを最新にする。
• WordPressのバージョンを最新にする。
• サーバー側のキャッシュを削除する。
• サーバー側のWAF機能を一時的に無効化する。
• SWELLを入れなおす。

SWELLのPV数を編集したい。

投稿画面の下にあるカスタムフィールドの「ct_post_views_byloos」がPV数とイコールなので任意の数値に変更して更新する。
カスタムフィールドが見当たらない場合は「WordPress カスタムフィールド」等で検索すれば、表示方法が見つかる。

SWELLの人気記事を日ごと週ごとのPV数で表示したい。

SWELLでは全期間を集約したPV数しか記録していないので難しい。今後も対応の予定はない模様。
「WordPress Popular Posts」などのプラグインで代用する方法がある。

乗り換えプラグインは入れたままでいいのか。

公式ではリライト後に乗り換えプラグインを削除することを推奨している。（不要なCSSを大量に読み込み表示速度に影響するため）
ちなみにリライトの仕方によっては以前使用していたテーマのCSSのクラスが残ってしまうことがあるので、一度段落ごと消して書き直すのがおススメ。（不要なクラスは検索エンジンも評価できるので消しておくのが無難）

SWELLテーマの100%GPLとは。

• 利用の用途に制限がない。
• プログラムを分析して、改造してもよい。
• 身近な人へのテーマコピーの配布を行っても良い。
• 改造したテーマを他に配布しても良い。

ただしコピーの配布などは開発者にとって得にはならないので、常識の範囲内として使う人が購入するのが当たり前。

SWELLで王冠アイコンの表示させてる人がいたけどどうやるの。

←左記のイメージ

投稿画面で段落ブロックなどの「高度な設定」⇒「追加CSSクラス」に書きのものを設定する。

金の王冠

p-adBox__title -rank1

銀の王冠

p-adBox__title -rank2

銅の王冠

p-adBox__title -rank3

文字が大きくなったりするのが嫌な場合は下記のコードを仕込む。font-sizeは全体設定に合わせる。

.p-adBox__title {
 font-weight:initial;
 font-size:18px;
 border-bottom:initial;
}