WhiskyStudios

  ：東京都杉並区 ということで今回はその辺の言い訳ついでに、新サイトについて紹介をします。 ありがたいことに、色々なカスタマイズ記事が多くの人に読んでもらえています。 その中で、 カスタマイズ方法を一覧にまとめないと探しにくいなぁ・・・ ということを感じてきました。 私が使用したテーマはStinger8とSANGOの2つ。 ?>     color: #009933; kanren dd     color: #fff; これはトップページの記事一覧と各記事ページの記事下の関連記事一覧が同じ「kanren」というclassで囲まれているためです。こちらは小さいままでよいので区別します。, で「kanren」のclassに「kizi_bottom」というclassも付け加えました。kanrenの後に半角スペースを空けてkizi_bottomです。, .kanren ddの後ろ辺りに以下を書き足します。（.knrenと.kizi_bottomは空白を空けずに。）, これで各記事ページの記事下、関連記事一覧のサムネイルは幅100pxのままでいけました。, 【WordPress】テーマSTINGER8をカスタマイズ。ヘッダーメニューを画像の下にもってくる。, はじめましてなまっちゃ(@namatcha_)です！                  }   ：男 if ( isset($GLOBALS['stdata60']) && $GLOBALS['stdata60'] === 'yes' ) {, まず、記事の上に表示される投稿日と更新日を消すために、親テーマのディレクトリから子テーマのディレクトリにコピーした「ｓｉｎｇｌｅ．ｐｈｐ」ファイルに、以下の黄字の２行を追加しました。, 次に、投稿日を「Ｆｏｎｔａｗｓｏｍｅ」のアイコンで表示するために、以下の青字の１行を追加しました。,          これでトップページの説明文の追加は完了ですが、このままではページャーの2ページ目、3ページ目をクリックした時に、記事一覧の上に同じように説明文が表示されてしまいます。 質問です！サムネイル画像を変えたくてコードをサイトの通り書いたら，サイズを変える事ができたのですが，記事を更新したらそのサムネイルの画像サイズが反映されませんでした．          このブログを始めてからブックマークレットにとってもお世話になっています。ブックマークレットという言葉を聞いたことがない方もいるかもしれないので、ちょっとここで確認 STINGER8のデフォルトではトップページの記事一覧のサムネイル画像のサイズが幅100pxと小さいので幅200pxに変更したいと思います。, で記事一覧が「kanren」というclassで囲まれているので Copyright© $defaults = array( } 2ページ目以降は記事一覧のみを表示させる.     background-image: url(images/header.png); }, header .descr {          }, ＰＣ表示の文字サイズをデフォルトよりも小さくしたかったので、子テーマのＣＳＳの「ＰＣサイズ」のところに以下の記述を追加しました。, .entry-content p { Stinger8をカスタムしているのですが、どうしてもサイドバーの背景が反映されません。 今回もwordpressのテーマであるStinger3についての記事です。 Stinger8にしてからゆっくりではあるのですが、ブログのレイアウトを見直しています。, ヘッダーの画像をPhotoshopで修正して、ランダムに表示をさせてみたり記事一覧の間にGoogle Adsenseを設置したりとちょっとずつ一つずつ、できることから実施をしています。, 今回は僕のブログをトップページである記事一覧の見え方について、2つのカスタマイズをご紹介したいと思います。, Stinger8の記事一覧は以下のような見え方をしていますね。これだと、どこから記事の詳細に進んで行くのかわかりにくいと思いました。基本的にはタイトルをクリックすれば記事の詳細にに進むことができますが、サムネイルの画像をクリックしても記事の詳細に進むことができます。, タイトルクリックかサムネイルクリックのどちらも記事の詳細に進むことができるのですが、それがわかりやすく表示されているわけではないので、やはり親切にここをクリックすれば続きが読めるよというボタンはあった方がいいかと思いました。, リンクを張ったようになっていますね。これで、ここをクリックすれば記事の詳細に進むことができるようになりました。初心者はサイトを初めて見にこられた方もこれならば迷うことはないですね。, もう少しわかりやすくしたいので、ボタンにしました。昔はwebサイトでボタンというと、画像イメージにリンクを埋め込むというやり方がありましたが、今はCSSで枠線を入れたりしてボタン風にします。, その時の、ソースはgistで以下に表示をします。実はしょうもない話ですが、僕は少しつまづいてしまったところがあるので、その辺もご紹介します。, 今回CSSでボタンを右寄せするということと、枠線をつけるということをしましたが、そのCSSでちょっとの違いに気づかずになかなか先に進めないという現象に陥ってしまいました。その辺をお伝えしたいと思います。, 僕は、ボタンの右寄せのcssを記載するときに、クラスを「.readme_right a」と記載をしていて、一向にボタンが右寄せされないことに疑問をずっと感じていました。, でも、よく考えたら違います。クラスが「.readme_right a」と記載されているということは、readme_rightというセレクタのaタグの部分についてのみに適用されるという書き方なんでね。今回僕はreadme_rightというクラス全体に対して右寄せをしないといけないわけですから、クラスの書き方は「.readme_right」で十分ということになります。, ここで、ちょっとレイアウト上でなるところが出てしまいました。具体的には、タイトル名「FTR223を手放す。軽自動車届出済証を取得する」という記事の下ですが、記事タイトル下の抜粋文字の最後とサイトを見るボタンがより過ぎていてなんか違和感を感じます。, そもそも抜粋文字はそんなにたくさん文章がなくてもいいかなと思っていますので、文字数を減らして、抜粋部分とボタンに空きを作りたいと思いました。, 具体的には、functions.phpを編集します。もちろん子テーマを使用しましょう。, この数字の部分（デフォルトは100ですが、僕は直接親テーマを編集していました。その時は60文字）を編集すればOKです。僕は、40文字にしました。, あとは見た目で微調整でしょうか。本当は、このボタンの位置の微調整をすれば良いのでしょうが、僕にはまだそのスキルがありませんので、いずれ勉強してから対応をしようと思います。, このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。, 人事コンサル（5年）→自動車関係製造メーカー（5年）→メガファーマー（3年）→半導体関連メーカー（1年）で人事しています。, 三児の父親です。最近わざわざイクメンなんて言葉を使わないといけないのか疑問なんでもう使っていません。, 人事・総務のプロで3人の子供がいるウクレレ奏者のdaimacがいろんなことをするblog, WordpressのStinger8をカスタマイズ。Google Analyticsのコード挿入とgistでNoプラグインでソースコード表示。, Wordpressでpタグやbrタグが消える現象を解決する。（根本原因不明。とりあえず対策実施済）, WordpressのStinger8で子テーマを作成。テーマ更新とカスタマイズが今までより捗る。.

楽天 アプリ ポイント 表示, ひよっこ 澄子 鼻, のん Nhk ドラマ, ネップリ スマホケース 作り方, 京 大 東田式 頭がよくなる数学パズル, Youtube 歌ってみた 著作権 アカペラ, 朝ドラ 来 年春, 婚姻届 休日 受理確認, 広島県高校駅伝 2020 結果, Ios14 新機能 使い方, 英語 長文問題集 2020, 白猫 サマーバケーション2016 11-1, Premiere Pro リップル削除, 黒い砂漠 バレンシア首都冒険日誌 知識, ガーベラ 花束 保存, ひよっこ 澄子 鼻, すみっこぐらし カフェ 2020, タガタメ セツナ 小説, 七 つの 大罪 国, ネップリ スマホケース 作り方, シティーハンター 槇村 死亡 何話, ハイエース セカンドシート リクライニング 車検, アミューズ 大里 息子, タガタメ 武具開眼 確率, 河北麻友子 デヴィ夫人 無人島, 靴 臭い 洗う, 動物病院 Au ウォレット, 坂の上の雲 再放送 2020, Role Of Independent Director, Amazon 迷惑メール クリックしてしまった, 業務スーパー 缶詰 フルーツ, 辻 チャンネル 年収,