WordPressをいじってみたい。 ブログをリニューアルしたいので事前にテストがしたい そんな時、ローカルでWordPressがさわれる環境があると便利です。 「Local」をというツールを使えば、サーバーやドメインの契約なしでもWord

たまに見かける、マーカーが伸びるアニメーション。 こういうやつ↓ WordPress製のサイトでは、プラグインを使用して実装しているサイトがほとんどだと思いますが、今回はSWELLのマーカーをプラグインなしでアニメーションさせる方法を考えて

ブログを始めたいけど、どのテーマを選んだらいいのか分からない。 おしゃれなブログにしたいけど、デザインの知識がない…。 そんなあなたにぴったりなのが、有料WordPressテーマ「SWELL」です。 この記事では、実際にSWELLで複数ブロ

おしゃれなサイトでよく見かける、画面の一部が固定化されてるやつ。 こんなやつ↓ PC→タブレット→スマホ表示 実はこれ、SWELLのリッチカラムとたった2行のCSSを追加するだけで、実現できることに気付いちゃったんですよね。 子テーマも必要

ブログやHPを開設したならほぼ必須になるお問い合わせページ。 WordPressにお問い合わせフォームを設置する際何かしらのプラグインを使用すると思いますが、有名プラグインの一つである「Contact Form 7」をSWELLで使用する場

SWELLには標準で目次機能がありますが、今どこを読んでいるのか分かりやすくするためのハイライト機能はありません。 そこで今回は目次の現在位置をハイライトする方法をご紹介します。 完成するとこんな感じ 分かりやすくピンクにしてます こちらに

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

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

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

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

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

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

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

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

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

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

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

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

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

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