コピペ一発!ワードプレス無料テーマSelaを追加CSSだけで可愛く簡単カスタマイズ♪

ワードプレスでテーマのカスタマイズを行う場合は、なるべく「子テーマ」を作って編集をします。テーマ更新時にカスタマイズ内容が上書きされるのを防ぐためです。

WordPressテーマSelaの子テーマを作る手順

ですが、「追加CSS(カスタムCSS)」という機能を使えば、テーマの更新があっても追加CSSの内容が優先されるようです。子テーマを作るのがちょっと難しい・・・という方は、追加CSSだけでも手軽にカスタマイズするのもアリかと思います。

ワードプレスで追加CSSを使ってカスタマイズしてみる

Selaというテーマを使っている方はなかなかいないと思いますが、色々実験してみたので、コピペだけでサクッと見た目を変えられるテンプレートを書き留めておきたいと思います。

 

この記事を読む

ワードプレス高速化!SNSシェアボタンを自作ボタンで実装した備忘録

当サイトで使用しているテーマSelaには、SNSシェアボタンがありません。

Selaを使うためにはJetpackというプラグインが必要で、JetpackにはオプションでSNSボタンを追加することができます。なので当初はJetpackのSNSボタンを使っていました。

でも、もう少し目立つボタンにしたかったんですよね。プラグインや公式ボタンを使う手もありますが、読み込みに時間がかかるという情報がちらほら。

そこで、サイトの高速化も兼ねて自作のSNSボタンの実装にチャレンジしてみました!

この記事を読む

WPプラグインなし。カテゴリ―とタグで絞り込みできるサイト内検索窓の作り方

当サイトは創作絵本サイトですが、絵本と全く関係ないブログ記事も書いています。

WordPressのデフォルトのサイト内検索窓を設置していたのですが、絵本を探したい人がこの検索窓を使うとブログ記事がヒットしたりして、非常に使い辛いだろうと常々思っておりました・・・。

絞り込み検索ができるプラグインもありますが、少々複雑な条件で絞り込みをしたかったので、自作に挑戦してみました。

この記事を読む

WPテーマSelaに記事下ウィジェットエリアを追加する手順

当サイトはワードプレスの無料テーマ「Sela」を使用して作成しています。あれこれカスタマイズしているので、本記事のような備忘録も書いています。

「Sela」のウィジェットエリアは、サイドバー、フロントページ×3、フッター×3の計7か所あります。

比較的多い方だと思うのですが、投稿ページ(個別記事)の下にもウィジェットが欲しくなったので、追加してみました。

この記事を読む

ワードプレステーマSelaの横幅レイアウトをカスタマイズしたので自分メモ

当サイトはワードプレスの無料テーマ「Sela」を使って作成しています。他にあまり使っている人がいないのか、ググッてもカスタマイズ情報が見つかりません。初心者なので苦労しながらちょこちょこいじっています(笑)

使い始めの頃から、横幅のレイアウトに不満がありました・・・。悩みに悩んで選んだテーマだから使い続けたい意地がある。見て見ぬふりをしてきましたが、もう限界だ!!

色々いじって変更したので、忘れないための自分メモです。

この記事を読む

ワードプレスで追加CSSを使ってカスタマイズしてみる

当サイトはワードプレスの無料テーマ「Sela」を使用して作成しています。素人のくせにあれこれカスタマイズしていて、いつか訳が分からなくなりそう…。

なので、備忘録の記事も投稿させていただいております。今回は、追加CSSという機能についてです。

関連記事☞コピペ一発!ワードプレス無料テーマSelaを追加CSSだけで可愛く簡単カスタマイズ♪

この記事を読む

WordPressテーマSelaの子テーマを作る手順

当サイトはレンタルサーバーのロリポップを契約し、ワードプレスの「Sela」というテーマを使用して作成しています。

Selaの情報が少ないため、カスタマイズの備忘録として記事にしておきたいと思います。今回はSelaの子テーマを作る手順についてです。

☞ロリポップについてはこちら ロリポップ!

この記事を読む