PR

WPテーマをLIONBLOGに変更⇒カスタマイズ例いくつかメモメモ

WordPressメモ
記事内に広告が含まれています。
スポンサーリンク

ここのところずっと悩んでいるWPテーマ問題(問題というほどではないけど。

有料テーマ買ったほうが後々楽かなーと思いつつも、多分マイナーであろうpinboardという無料テーマでしのいできました。

かといって有料テーマも何を買ったらよいのかよくわからないし。

とりあえずSEOに強い無料テーマでお茶を濁すことにして、LION BLOGを昨日導入しました。

AMP対応・SEO最適化・レスポンシブ・高機能の無料WordPressテーマ│LION BLOG[ライオン ブログ] – デモサイト

ライオン ブログは、モバイル端末での表示を早くするAMPに標準対応。SEO最適化済みで、レスポンシブデザイン。カスタマイズ性にも優れ、高機能でありながら表示速度も速い無料のデザイナーズ WordPressテーマです。

CSSとか不慣れなのでよくわからないなりに、まあスマホでみてもブラウザで見ても崩れてはいないはず…とはいえフッターの幅を狭めたかったんだけどうまくレスポンシブできませんでした(:3_ヽ)_
なのでフッターだけ全力で幅100%…w

スポンサーリンク

LIONBLOGで参考にしたカスタマイズ例

ランキングウィジェットのアイキャッチを小さく左に表示

LION BLOGのstyle.cssをいじってデザインを変更する | SEの猫になりたい

WordPressでは「外観-テーマエディター」でCSSを変更して画面のデザインを変更することができます。※2019/09/29 当サイトではCocoonのテーマを使用しています。人気記事のアイキャッチ画像を小さく左に表示するLION BL

おかげでサイドバーがすっきり!

トップページの記事一覧アイキャッチを大きく

スマホだとデフォルト表示になるので見やすくなりました!ありがたや!

文字を大きく

文字大きくなったかな?よくわかってない(:3_ヽ)_でもありがとうございます!

外部リンクにマークつける&除外したいURL設定

これは前のテーマのときも自分でなんとかして使ってたのですがやり方ど忘れしたのでプラグインのお世話になりました。

それだけならともかく、シェアボタンなどのリンクにもマークがついちゃったのでその除外方法を検索してお世話になりました。

というかWPのブログによってWPのURLだけで埋め込みできたりできなかったりするのってなんでだろう🤔

ちなみに外部リンクから除外するURLには

facebook.com/sharer.php,twitter.com/intent/tweet?text,b.hatena.ne.jp/add?,getpocket.com/edit?url=,line.naver.jp/R/msg/text/,

LIONBLOGではこんなふうにしたら全部消えました(うちはGoogle+外してるので除外)

画像レフト状態でもアイキャッチ上にカテゴリ名乗っけたい…

模索しておるのですがー、まだちょっと追求できてない段階…
画像レフト(現在のトップや記事一覧での表示形式)ですと、アイキャッチの上にカテゴリ名乗らないのですが、デフォルトのワイドだとこんな↓感じに乗ります

これやりたいんですけどまだLION BLOGだとどこいじればいいのかわかってない…
タグの書き方は「WP アイキャッチの上 カテゴリー」とかで検索して出てきたブログさまで会得…

LION BLOGはまだそこまでテーマエディターチェックしてないので、時間ができ次第調べてみたいと思います。

ひとまずこんな感じでしょうか。またなにかカスタマイズしたら追加していきたいと思いまっす

コメント