しゅんかのあとりえ

『今日』を大切に過ごす事。幸せ=満足度の方程式

【はてブロ】③スマホの記事下のID表示を残したまま日付のみ非表示にする方法【カスタマイズ】

   

f:id:fromsyunka1:20180213213309j:plain

本格的に、ブログを更新するようになって1か月がたちました!

最初は、記事を書き込むだけでも勝手がわからず(まだわかってませんが。)、あれやこれやとカスタマイズどころではありませんでしたが、最近になって「こうできないかなぁ」と理想のブログスタイルなんていうものが出てきて(笑)初心者なりに、奮闘しはじめました!

 

「あくまで、シンプル!」「でも難しくないやつ!」をモットーに(笑)ブログを作っていきたいです!(にっこり♪

   

「!!!!!」

・・・スマホの記事の日付非表示にするの忘れてましたぁ!

 

ってことで。

 

スマホの記事下のID表示を残したまま、日付のみ非表示にカスタマイズしていこうかと思います。

※(Pro)にアップグレードしている場合のみ可能です。

 

【スマホの記事下のID表示を残したまま日付のみ非表示にする方法】

 

①PC用の記事の設定をしても、スマホには日付がはいってました。(汗

この日付と時間を非表示にする方法です。

f:id:fromsyunka1:20180214152539j:plain

   

②「管理画面」⇒「デザイン」⇒「スマートフォン」をクリックします。

f:id:fromsyunka1:20180214152743j:plain

 

③「ヘッダー」をクリックします。

f:id:fromsyunka1:20180214153455j:plain

   

④「タイトル下(Proのみ)」のCSSの窓をクリックして大きな窓を出します。

f:id:fromsyunka1:20180214154934j:plain

 

⑤大きな窓をだしたら、最下部にコピーして貼り付けます。(何も書き込まれていない場合は、1行目に貼り付けてOKです)

 

<style>

span.entry-footer-time { display: none; }

span.date { display: none; }
/*日付を消す*/
</style>

 

f:id:fromsyunka1:20180214155948j:plain

   

⑥このようなかんじで。(アバウトすぎてすいません)

f:id:fromsyunka1:20180214161024j:plain

 

⑦記述が終わりましたら、「変更を保存する」で完了!!

f:id:fromsyunka1:20180214162249j:plain

 

すっきりぃ~!!

記事の下は、IDのみ表示で投稿してからの経過時間の表示も非表示になりました!

f:id:fromsyunka1:20180214162706p:plain

やったね♪

   

 

www.fromsyunka.com