【Cocoon用】サムネイル付きのサイトマップを固定ページでサクッと表示するテンプレート

ちびこママ(Chibiko_mama)です。

Simplicityで有名なわいひらさん(MrYhira)が新たに作成した無料のワードプレステーマ、「Cocoon 」をご存知ですか?

当サイトはただいま、Cocoonに変更すべく全力で作業しております!めちゃ大変!(笑)

関連記事 ≫ 【予告】ワードプレスのテーマをCocoonに変更します

この作業の過程で、サムネイル付きサイトマップの固定ページテンプレートを作りました。サムネイル入れたい方、プラグイン使いたくない方、自由にどうぞ~♪

先に断っておくと、私はWEB屋でもなんでもなく、独学の素人主婦です。カスタマイズは自己責任でお願いします(;▽;)

この記事を読む

【予告】ワードプレスのテーマをCocoonに変更します

ちびこママ(Chibiko_mama)です。今回はワードプレスのテーマを変更しますよ、というお知らせです。

当サイトは現在、「Sela」という無料テーマを使用しています。

女性向きの可愛らしいデザインが気に入っていたのですが、カスタマイズにカスタマイズを重ね、もはや原型をとどめておりません・・・(+_+)

時代はモバイルファーストという事もあり、思い切ってテーマを変更することにしました!

変更後のテーマは、「Simplicity 」で有名なわいひらさん(MrYhira)が新たに作成した無料テーマ、「Cocoon 」です。

ただいま全力で変更作業を進めております!

なるべく雰囲気は変えないようにするつもりですが、大きく変更になる部分もあります。その点を事前にお知らせしておきたいと思います^^

この記事を読む

Googleカスタム検索でサムネイルをWordPressのアイキャッチ画像に指定する方法

当サイトではサイト内検索にGoogleカスタム検索を使用しています。

サムネイルも表示できて便利なのですが、時折、意図しない画像が使われたりしますよね。素直にアイキャッチ画像を拾ってくれればいいのに・・・。

調べたら、Googleのヘルプページであっさりやり方は見つかったのですが、実装するのには苦戦しました・・・。なので備忘録を残しておきます。

 

この記事を読む

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

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

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

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

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

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

 

この記事を読む

ワードプレス高速化対策!SNSシェアボタンを自作ボタンで設置する方法

こんにちは、ちびこママです。

ブログのPVを増やすために、SNSのシェアボタンは欠かせませんよね。あなたのブログのシェアボタン、何を使っていますか?

公式ボタンを埋め込んでる?テーマ固有のもの?それともプラグイン?

公式ボタンやプラグインを利用すると、実は読み込みに時間がかかることがあるんです。ページの表示速度って割と重要視されていて、あまりに遅いとユーザーの離脱に繋がるだけでなく、Googleから検索順位を下げられてしまう可能性があるんです!

そんなの困りますよね!(><)

そこで、当サイトでは、自作のSNSシェアボタンを設置しています。コピペで使えるコードをご紹介しますので、ぜひサイト作りにお役立てくださいね♪

 

この記事を読む

Google AdSense向けのads.txtを設置しました【ロリポップ×ワードプレス】

当サイトはワードプレスで運営し、Google AdSenseの広告を設置しています。勉強になるので、よくアドセンスのヘルプフォーラム icon-external-link を閲覧するのですが、最近「ads.txt」なるものが話題になっています。

「ads.txt」と言うのは、AdSenseなどの広告を掲載しているサイトに設置することが推奨されているファイルのことなのですが、まだ慌ててやる必要はありません。

が、いずれads.txtを設置しているのが当たり前、という日が来るような気もします。https化の話のように。やってみたら結構簡単だったので、サクッと設置してみました。

この記事を読む

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

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

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

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

この記事を読む

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

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

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

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

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

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

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

色々いじって変更したので、忘れないための自分メモです。
この記事を読む

【ワードプレス】追加CSSを使ってカスタマイズしてみよう!

ワードプレスでブログを始めるのって大変ですよね…。

レンタルサーバーを契約して、独自ドメインを取得して、ワードプレスをインストールして、テーマを選んで…。

この記事にたどり着いたあなたは、これらのことはクリアして、やっとブログそのものを書ける!という段階まで来ているお方だと思います。おめでとうございます!(*´ω`)

でも、テーマのデフォルトの設定のままじゃなんか味気ない…他のブログとデザインが被る…見出しを装飾したりしてみたい!そういった欲が出てきた頃ではないでしょうか。

そこで登場するのが、「追加CSS」という機能です。本記事では追加CSSの機能の説明と、簡単なサンプルコードをご紹介したいと思います!

サイト作りにぜひお役立てください^^♪

この記事を読む