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

SNSアイコンテスト
この記事の所要時間: 439

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円でした。

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

必ず結果が出るブログ運営テクニック100 プロ・ブロガーが教える“俺メディア"の極意

著者/訳者:コグレマサト するぷ

出版社:インプレス( 2012-03-23 )

定価:

Amazon価格:¥ 1,628

単行本(ソフトカバー) ( 240 ページ )

ISBN-10 : 4844331779

ISBN-13 : 9784844331773



プロ・ブロガーの 必ず結果が出るアクセスアップ テクニック100 ファンにも検索エンジンにも好かれるブログ運営の極意

著者/訳者:コグレマサト するぷ

出版社:インプレス( 2013-08-09 )

定価:

Amazon価格:¥ 1,944

単行本(ソフトカバー) ( 240 ページ )

ISBN-10 : 4844334417

ISBN-13 : 9784844334415


スポンサーリンク
SNSアイコンテスト
この記事をお届けした
dalahast.jp 週末限定ビストロパパの日常関心空間の最新ニュース情報を、
いいねしてチェックしよう!
この記事を書いたのは

この記事を書いたのは

dalahast_shikaku2

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

スポンサーリンク

このサイトをフォローする