- HOME >
- ばらもん。
ばらもん。
AFFINGER6とSWELLを使って、2つのブログを運営中。 両テーマを同時に使っているからこそ発信できるリアルな声。 AFFINGER6とSWELLを徹底的に比較していくことが当ブログのコンセプト
上記のお悩みを解決します。 こんな方におすすめ LuxeritasでAMP化しようと検討している方 本記事の根拠 兄弟ブログの『ぶろぐしる~』もAMP化をしていました→現在はSWELLにテーマ変更しています。 それでは本題に入ります。 結論から申し上げますと、クラシックエディタよりもブロックエディタへの動きが拡大してきています。 ブロックエディタは、AMP非対応な場合が多いです。 事実、私が雑記ブログで運営している『ぶろぐしる~』はSWELLを使用していますがAMP非対応です。 ...
上記のお悩みを解決します。 こんな方におすすめ AFFINGER5からAFFINER6へアップデートを検討されている方 AFFINGER6のアップデート手順を確認したい方 本記事の根拠 当ブログはAFFINGER5→AFFINGER6へ失敗を経験しながらもアップデート済みです 定期的にAFFINGER6をアップデートしています(前回アップデートは、2023年8月でAFFINGER6EXの体験版!) 本記事を読むメリット 当ブログ限定の特典をゲットできるチャンス! AFFINGE ...
本記事の根拠 PHPのバージョンアップした時に発生した重大なエラーを経験&解決済 こんな方におすすめ 『このサイトで重大なエラーが発生しました』を解決したい方 それでは、本題に入ります。 『このサイトで重大なエラーが発生しました』エラーの解決方法 結論から申し上げますと、私の場合はPHPのバージョンアップをしたことが原因でした。 PHPバージョンをあげることで、使っていたプラグインがエラーを起こしました。 下記が解決策。 注意点としては、先にPHPバージョンを元に戻しておくことです。 PHP ...
上記のお悩みを解決します。 こんな方におすすめ アフィンガー5をお使いの方 アフィンガー6へアップデートを検討している方 本記事の根拠 当ブログはアフィンガー5→6にアップデートした実績があります それでは、本題に入ります。 AFFINGER5→6へアップデートして感じたポイントと注意点 アフィンガー5→6へアップデートして感じたポイントと注意点です。 解説します。 ACTION AFFINGER(アフィンガー)6へアップデートするメリット 結論から申し上げますと、アフィンガー ...
上記のお悩みを解決します。 本記事の根拠 当ブログ(アフィンガー5)も『st-kanri.php』を編集して、コピーライトに西暦を自動セットしています こんな方におすすめ アフィンガー5をお使いの方 ページ表示速度を上げたい方 ページスピードインサイトのスコアを上げたい方 それでは本題に入ります。 AFFINGER6にアップデートすることで、本記事でご紹介していることはやらなくても済みます。 アップデートがまだの方は『【AFFINGER6特典付】アッ ...
そんなお悩みを解決します。 本記事の根拠 モバイルスコア100・パソコンスコア100までアップさせました それでは、本題に入ります。 スマホの表示速度を改善した手順 結論です。 本記事は、モバイルスコアを『56』→『100』へアップさせた手順をご紹介します。 丸3日調べながら作業しました・・・。 本記事では、丸3日分を凝縮して『1時間』で高速化できるようにまとめています。 と悩んでいる方、必見ですよ。 &nb ...
こんな方におすすめ Luxeritasテーマを1年以上アップデートしていない方 Luxeritasのテーマアップデートに失敗したくない方 本記事の根拠 Luxeritasの親と子テーマを実際にアップデートしました(そのときの手順を公開します) 私がルクセリタスのアップデートにかかった時間は『15分』でした。 それでは、本題に入ります。 Luxeritasアップデート手順 アップデートには、FTP ...
上記のお悩みを解決します。 本記事の内容 ルクセリタスで、2段2列のヘッダーカードを作った方法 こんな方におすすめ スマホ表示で2段2列のヘッダーカード作りに悩まれている方 それでは、本題に入ります。 2段2列ヘッダーカード ルクセリタスで、2段2列のヘッダーカードを作ってみました。 css記述はナシで、htmlだけで表現しました。(htmlにstyle記述をしているだけ)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<div style="display: flex; flex-wrap: wrap;"> <div style=" width: calc(50% - 2px); margin: 1px;"> <a style="" href="リンク先①"> <img alt="" style="width: 100%; height: auto; border-radius:20px 20px 20px 20px;border:1px solid #ddd;" src="画像URL①"> </a> </div> <div style=" width: calc(50% - 2px); margin: 1px;"> <a style="" href="リンク先②"> <img alt="" style="width: 100%; height: auto; border-radius:20px 20px 20px 20px;border:1px solid #ddd;" src="画像URL②"> </a> </div> <div style=" width: calc(50% - 2px); margin: 1px;"> <a style="" href="リンク先③"> <img alt="" style="width: 100%; height: auto; border-radius:20px 20px 20px 20px;border:1px solid #ddd;" src="画像URL③"> </a> </div> <div style=" width: calc(50% - 2px); margin: 1px;"> <a style="" href="リンク先④"> <img alt="" style="width: 100%; height: auto; border-radius:20px 20px 20px 20px;border:1px solid #ddd;" src="画像URL④"> </a> </div> </div> |
  ...
上記のお悩みを解決します。 本記事の内容 AFFINGER6のチェックボックスのマーク(アイコン)の変更方法 こんな方におすすめ AFFINGER6の装飾にお困りの方 それでは、本題に入ります。 チェックマーク(アイコン)変更方法 箇条書きに使う『・』ってシンプルですが、どことなく味気ないですよね。 シンプルで良いですが、アフィンガー6のチェックアイコンを使うことで格 ...
この投稿はパスワードで保護されているため抜粋文はありません。