SWELLのフォーラムサイトでこんな投稿を見つけました。 トップページ(固定ページ)に、投稿リストブロックを使って あるカテゴリの一覧をサムネイルで表示しています。 現在3件だけ表示しており、「もっと見る」ボタンを押すと カテゴリごとの一覧

SWELLのFAQブロックを開閉式（アコーディオン）にしてみたカスタマイズです。 2つのコードをコピペするだけでOK！子テーマやfunctions.phpをいじらず、WordPressの管理画面内でカスタマイズが完結するようになっています。

投稿リストブロックにはカテゴリーを表示させることが出来ますが、タグも表示したいと思ったことはないでしょうか？ カテゴリー表示をタグ表示に差し替えるという方法は既存の解説記事をいくつか見つけたのですが、カテゴリーもタグも両方表示させるというも

WordPressでアフィリエイトの広告を記事に貼ろうとすると、そのままでは表示が左寄せになってしまいます。 カスタムHTMLブロックには中身を中央寄せにするといった設定項目は存在しませんが、この記事で解説する方法を使えば、簡単にバナー広告

SWELLの独自ブロック投稿リストブロック。 このブロックでテキスト型以外のレイアウトを選択したときに表示されるアイキャッチ（サムネイル）は、カスタマイザー＞記事一覧リスト＞サムネイル画像の比率設定で選択したサイズで表示されます。 「ワイド

Qiitaを見ていたらサイドバーにアイコンが固定されてるデザインっていいな～。と思いまして、それをSWELLでやってみたというカスタマイズです。 Qiitaのページレイアウト 完成形はこんな感じ。↓ この記事で紹介するカスタマイズは SNS

今回はカスタマイザーで出来そうで出来ない、「もっと見る」ボタンのカスタマイズをしていきたいと思います！ moreボタンと言ったりもしますね もっと見るボタンは、投稿リストブロックの下に表示させることが出来るやつです。 初期状態はこれ かっち

ブログを始めてすぐはどのプラグインを使ったらいいのかわからず、調べるためにたくさんの時間を使ったり、必須級のプラグインを入れずに数ヵ月過ごしていたりしました。 しばらくブログ運営をしてプラグインも色々試した結果現在の構成に落ち着いたので、S

複数のサイトを運営していて、別のサイトの新着記事をこっちのサイトにも表示したい！と思ったことはありませんか？ 個人ブロガーの方でブログカスタマイズ用にブログを分けている方、noteもやっている方などちょくちょく見かけるのですが、それはサイト

ニュースティッカーとはこんなものです↓ 企業サイトでお知らせを表示するのに用いられていることが多いですが、省スペースでたくさんの情報を表示できるので使い勝手がいいんですよね。 このブログでも新着記事を表示させる用途でティッカーを採用していま

今回はもくじのデザインをカスタマイズしていきます。 記事を読み始めてすぐ目に入る場所なので、ここがカスタマイズされていると結構目を引くんですよね。 パーツごとにカスタマイズを紹介しているので、お好きに組み合わせて使ってみてください。 初期状

ブログデザインをそっくりそのまま真似された！（CSSごとコピー） 画像を勝手に使われた！ という経験はありませんか？ そういったことを防止できるプラグインはあるのですが、「プラグインを入れるほどじゃないけどゆるくできる防止策があればいいな～

おしゃれなサイトを作りたいとき、イラスト・アイコン・写真などの素材は必要不可欠な存在ですが、全て自前で用意するのはなかなか大変ですよね。 そこでこの記事では現役エンジニアの私が実際によく使うフリー素材サイトをご紹介していきます。 無料・商用

ブロガーやデザイナーなら一度は目にしたことのあるこちらの書籍。 この本を監修しているのは「ingectar-e」という会社なのですが、出版している本が忖度なしで全部わかりやすい！ そして個人的にデザインが好みドンピシャで最高！ 恐らくこの会

商品リンクを簡単に作成できるポチップ。多くのブロガーさんがこのプラグインを使っていると思います。 SWELLにリッチカラムという便利な独自ブロックがありますが、これを使ってポチップをきれいに横に並べたい！と思ったことはありませんか？ 私はあ

今回はSWELLの投稿リストブロックの記事の上に、好きなイラストを乗せる可愛いカスタマイズの方法をご紹介します！ このカスタマイズは当サイトのTOPページでも採用しており、実装するとこんな感じになります。 ※今回のカスタマイズ以外のスタイル

当ブログではSWELLをできるだけ簡単にカスタマイズできるように、コードが分からない方でもほぼコピペで対応できる解説を心掛けています。 しかしサイトのデザインや環境によって、コードの一部を変更する必要があることは多いんですよね。 コードの該

こんにちは。 今回はSWELLの標準機能で出来そうで出来ない、固定ページやLPにSNSシェアボタンを挿入するカスタマイズをやっていきます。 SWELLブロガーは固定ページをトップページに設定している方が多いと思いますが、そのトップページにも

外観＞ウィジェットで追加できるSWELLの検索ウィジェット。 これはブログを訪問してくれたユーザーにとってかなり便利なものですが、見た目が結構ビジネスライクなので、自分のブログデザインに合わないがために実装を諦めたという方もいると思います。

SWELLのLP（ランディングページ）機能は、投稿ページや固定ページとは全く異なるページを管理できる機能としてかなり便利です。 企業サイトでLPを作る際に活躍しますね！ LP機能で作ったページのURLは通常以下のようになります。 ドメイン名