lab-admin– Author –
-
SWELLカスタマイズ
トップのヒーロー画像にアニメーションを付ける方法
今回は「Blocks Animation: CSS Animations for Gutenberg Blocks」を使って、トップページのヒーロー画像にアニメーションを付ける方法を紹介します。このプラグインはSWELLとも相性が良く、初心者の方でも簡単にアニメーションを付けることができます。 ... -
SWELLカスタマイズ
PCのみメニューにカスタマイズボタンを表示させる方法
PCのメニューに目立たせたいボタンがあれば、このように色を付けて設定することができます!人間の心理的に右上のボタンは成約率が高いと言われているので、ここに設置して損はないですね。 カスタムボタンの設置方法 外観>メニューに進みます。右上にあ... -
SWELLカスタマイズ
スマホのみ右上にカスタマイズボタンを表示させる方法
スマホ表示したとき、右上にボタンを設置することができます。ここ、非常に成約率の高いボタンでもあるので、設置して損はないですね!!こんなイメージです。 カスタムボタンの設置方法 外観>カスタマイズ>ヘッダー を開きます。こんな感じで、設定項目... -
SWELLカスタマイズ
タイトルをふわっと表示させるアニメーション
H1/H2/H3/H4のタイトルに動きをつけてふわっと表示させたいなぁと思いました。HPにも流行りがあるのと、動きを付けることで”洗練されたサイト”としてアピールできるからです。Blocks Animation: CSS Animations for Gutenberg Blocks プラグインを使えばブ... -
SWELLカスタマイズ
Before Afterスライダー(BEAF)が崩れるときの修正方法
美容系サイトで脱毛の写真を前後比較する時、Before Afterプラグイン探してみました!英語版のみであり無料で導入できますが、機能制限解除は有料となります。でも無料でほぼほぼ問題なく使えます。プラグイン名はこちら。BEAF - Ultimate Before After Im... -
SWELLカスタマイズ
SNSシェアボタン消す方法
SWELLでSNSシェアボタンを消す方法を紹介していきます!そもそも、今のご時世SNSシェアボタンで記事をシェアされるってことはあんま無いですね。SNSボタンあると見た目やページの読み込みにも影響するので、なくても良いですな。特に追従ボタンは記事が読... -
SWELLカスタマイズ
トップページのヒーロー画像にキャッチコピーを被せて動きも付ける方法
トップページは言わばサイトの顔みたいなもので、一瞬で目を引いて立ち止まらせる必要があると考えています。ヒーロー画像するだけでも十分ですが、画像の上にキャッチコピーを配置することで「お、このサイトいい感じ。もう少し見てみよう」と思わせるこ... -
プラグイン
最初に入れておきたいおすすめプラグイン
WordPressでサイトを作るとき、最初にどのプラグインを入れればいいか迷うことが多いと思います。 ここでは、実際にサイト制作で使っているプラグインをまとめています。 とりあえずこの構成にしておけば、大きく困ることはありません。 Advanced Google r... -
SWELLカスタマイズ
トップページの初期カバーを非表示にする方法
SWELLのトップページにある初期のカバー画像って、めちゃくちゃでかくないですか!?確かにオシャレではある。他のWordpressテーマと比べたら「SWELLの初期カバーって見栄えいいね!いっそこれでもいいかも」とさえ思ってしまった日を昨日の事のように思い... -
SWELLカスタマイズ
記事スライダーを非表示にする方法
SWELLのトップページにある初期の記事スライダーで表示される一覧、これは”こんなところにあっても困る”って思うんですよね。ニュースサイトやブログを運営されてる方ならまだしも、世にあるWebページのほとんどがこのぐるぐる回る回転寿司みたいな記事一...
1
