【お得】Amazonギフト券をチャージするとポイント還元 >>

【Stinger3カスタマイズ備忘録】 サイト名を画像化してPC版とモバイル版で切り替える等々

wordpressカスタマイズ

WordPress無料のテンプレートStinger3のカスタマイズ備忘録です。

Stinger 3のカスタマイズは親テーマを直接いじらず、子テーマをつくって修正するポイントのみ反映しています。
今回、長らく放置してしまっていたサイトの微調整を行いましたので、自分用の備忘録としてメモ。
これでしばらくはカスタマイズしなくてもよくなった。

完全に他力本願だけれども、広く使われているテンプレートだけあって、ぐぐれば数多くの参考になる記事があります。感謝∞。

以下、修正ポイントと参考にしたブログと該当記事へのリンクとなります。

タイトルとキャッチコピーを表示せず、画像を掲載

・Wordpressの設定でキャッチコピーは消すことはせず、コードの追記で非表示に。
・タイトル画像はPC版は横1,000ピクセル×縦150ピクセルで作成。 モバイル版は300ピクセル×150ピクセルで作成。

【参考ブログ】
・IT便利帳さん
WordPressのテーマ「Stinger3」のサイト名をテキストから画像に変更する方法
・ディーエムガジェット(dmgadget)さん
WordPressのテーマ「Stinger3」のサイト名を画像に変更する方法
・えけこのくるるさん
女子ブロガー向けにWPテーマSTINGER3をカスタマイズしよう
・サラリーマン起業ブログさん
【STINGER3】サイトタイトルとキャッチフレーズを消す方法(グレーなやり方)
・ハガネヤドットネットさん
WordPressでヘッダーの「キャッチフレーズ」を非表示にする

ヘッダー画像を削除(非表示)

・寝ログさん
STINGER3デフォルトのデザインっぽさをなくすなら、まずカスタマイズしたいCSSセレクタ

PC版とモバイル版でタイトル画像を切り替え

・AdsenseのPC版/モバイル版での切り替えで使った方法で修正

【参考ブログ】
・IT便利帳さん
[WordPress]Stinger3のサイト名を、PC画像とスマホ画像で切り替える方法
・きちデンさん
【Stinger3】ブログタイトルを画像に変更する方法。加えてスマホに最適化させる
・SimpleStock3.1さん
STINGER3でスマホ閲覧時にロゴ画像の右端が切れてしまうのを修正する方法

プロフィールをサイドバーの「最近の記事」上に表示

・こちらウィジェットでは最近の記事上には表示できないため、直接コードを記載して表示。

【参考ブログ】
・yutasano.comさん
STINGER3カスタマイズ!NEW ENTRYの上に運営者情報を入れる。
・えけこのくるるさん
続5)女子ブロガー向けにWPテーマSTINGER3をカスタマイズしよう
・ダレデキBlogさん
STINGER3サイドバーにプロフィールを入れる

WP Popular Postsのタイトルと引用を「最近の記事」と同じスタイルに変更

・こちらは「最近の記事」の設定をそのまま適用。
・WP Popular Postsには「カスタムHTMLマークアップを使う」機能があるので、そこへコードをコピペするだけ。

【参考ブログ】
・子どもと暮らしてみぃつけたっさん
【WordPress】Stinger3のサイドバーに人気記事を追加してみた
・黒色ワナビーの住処さん
Stinger3のサイドバーに人気記事一覧を違和感なく追加する方法

スクロール広告の位置をセンターから左寄せに変更

・えけこのくるるさん
続5)女子ブロガー向けにWPテーマSTINGER3をカスタマイズしよう

TOPページの記事一覧にある「続きを見る」を右寄せに変更

・Stinger3公式サイトさん
「続きを読む」というボタンを右サイドに寄せたい

記事下にソーシャルブックマークボタンを追加(Pocket, Feedly, LINE)

・ディーエムガジェット(dmgadget)さん
WordPress「Stinger」のSNSボタンにPocketとFeedlyを追加する方法
WordPress[Stinger3] LINEで送るボタンを設置

記事下ソーシャルブックマークボタンの背景の色を変更して目立たせる

・ディーエムガジェット(dmgadget)さん
WordPress[Stinger3] 記事下のSNSボックスの背景色を変更する方法

まだ未実装だけど、気になるカスタマイズ

・NAIFIXさん
Stingerサイドバー新着記事部分に日付を追加して見やすく表示しよう
Stinger「続きを見る」ボタンをカスタマイズしてクリック率アップ
・AndoTV Official ブログさん
ヘッダーにAdsenseを追加!

 

楽天Koboから電子書籍90%OFFクーポンが送られてきたので、電子書籍版で購入しました。楽天ポイントで200円チョイ追加で実質0円でした。

ちょっと読んだ感じでは期待していた内容ではないようですが、少しでもためになればよいかな・・・と。

ブログ
自宅でも「おうち時間」を楽しく過ごす方法
  • 名作からヒット作品まで、映画やドラマも「見放題」
  • ビジネス書から漫画や雑誌も「読み放題」の読書体験!
  • お好みの音楽が200万曲の中から「聴き放題」

\今なら30日間無料体験/
Amazon Primeを見てみる

Amazonでお得に買物する方法

Amazonで少しでもお得に買い物をするなら、Amazonでの買い物に使える「Amazonギフト券」の購入チャージがオススメです。
通常会員は最大2.0% プライム会員は最大2.5%もポイントで還元されるので、Amazonで購入する前に現金チャージするとお得です。

この記事を書いたのは

dalahast_shikaku2

dalahast(ダーラヘスト; @dalahast_jp)です。ほぼ週末限定の趣味のお料理以外に日々の暮らしのなかで興味をもったこと等を 気の向くままに徒然に綴っています。
詳しいプロフィールはこちら

この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
\ シェア /
\青丹よしのフォローはこちら/
テキストのコピーはできません。