まとめのまとめAttention【格安SIM】3年使い続けた楽天モバイルのレビューするよ!【通信費年間1万円以下】Attentionおすすめ証券会社:SBI証券、楽天証券、マネックス証券の比較(2019/7更新)Attention【おすすめ】TOEIC英単語アプリを開発してリリースしたよ!Attention【結論記事】ETF、インデックスファンド記事まとめAttention【おすすめ投信も】つみたてNISA(積立NISA)のはじめかたAttention時間ないけど株式投資をはじめたい初心者の方を、全力で後押しする記事です。2016.02.06当ブログはWordPressの有名な無料テーマ「Simplicity」のver2.0.4で作成しています。見ての通り、あちこちに画像を貼り付けることですっかり重たくなりました見た目によいデザインが出来上がったと思っています。作成には都合5日かかっています(笑)当方、WordPressどころかブログを作ったこともなく、HTML(名前くらいは知ってる)、CSS(?)、PHP(???)って感じのド素人だったので、全部ググッてどこかからコードをもらってきて作りました(色とサイズ以外なにも弄っていません)。そのコードをそのまま書くのはまずいので、私が(勝手に)悩んでいたポイントと解決方法についていくつかまとめておこうと思います。目次(クリックで飛びます)どこをどう編集すればいいの......編集は全部子テーマで!思ったようなデザインに出来ない......困ったらプラグインで解決!メニューバーを画像で出したい。カテゴリーページの最初に説明文と画像を置きたい。スライドショー(スライダー)をトップページに出したい。名称は案外統一されてない......キーワードを変えてググりましょう!スポンサーリンクスポンサーリンクどこをどう編集すればいいの......編集は全部子テーマで!必ず子テーマを導入してから作業しましょう。Simplicityは作者のわいひら様が子テーマを用意してくれています→このページの右参照あちこちで書かれていますが、親テーマはアップデートされると編集内容が消えてしまうので、何度も書き直しの作業が発生してしまいます。そこで、アップデートに左右されない子テーマを使うのです。子テーマをダウンロードして適用したら準備完了です。念のため、外観→テーマの編集で右上が下のようになっていることを確認してください。編集について最低限覚えておいたほうがいいこと......。弄るファイルは「style.css」「functions.php」「header.php」「page.php」あたり。文字の大きさや色などのカスタマイズで「style.css」はよく触ります。phpファイルはレイアウトとかに使うイメージですね。子テーマの記述が親テーマに優先されるようです。親テーマの該当箇所を引っ張ってきて子テーマで修正している感じです。phpファイルで定義された名称でないと、cssファイルで書いても反応してくれません。SimplicityとStingerは同じサイドバーでも別の定義がされているので、コピペしても反応してくれない場合は要チェック。h3{←ここの定義が違ったせいで見出し変わらず。ファイルを更新してエラーが出た時、WordPressにログイン出来なくなりました......。なるとFTPサーバ経由で該当のファイルを削除、元データを再アップロードしないといけません。そのため、バックアップを取ることが何よりも大切なのです。思ったようなデザインに出来ない......困ったらプラグインで解決!自分でコード書いていくよりも、よさ気なプラグインを追加するほうがよっぽど簡単です。サイトが重くなるとかで可能な限りプラグインを使わないことを推奨されていますが、そんなん上級者向けじゃないですか。私の場合、デザイン面で以下3つの悩みをプラグインで解決しています。メニューバーを画像で出したい。ここが一番悩みましたね。このブログは投資と小説と絵がごちゃ混ぜになってしまうので、頭にあるメニューバーを文字ではなく画像にしたかったんです。liだの散々弄りましたが思った通りにならず。プラグインで出来ないのかと思って調べたら、ピッタリのものがありました。Imagesというプラグインです。content.wordpress.orgこれで簡単に画像ファイルをリンクさせられるようになります。ちなみに、画像はここからいただいたものをここでサイズ、文字装飾等加工しています。カテゴリーページの最初に説明文と画像を置きたい。はい、最初は固定ページをリンクさせてなんとかしようとしていました。ところが固定ページで投稿時間とかhタグの削除が上手く出来ず、「カスタムページ」なるものを別途作らないといけないのではと挫折しました。そこで出会ったのがこのプラグイン。カテゴリーのページがリッチテキスト形式になり、詳しい説明が加えられるんですよ。Taxonomiesというプラグインです。editor.ja.wordpress.org文章ベタ打ちしか出来なかったカテゴリーの説明部分にHTMLテキストや画像を貼り付けられるようになります。スライドショー(スライダー)をトップページに出したい。これはプラグインの力。動くものがあると目を引きますので、どうしてもトップに置きたかったのです。いくつか種類があるのですが、一番多機能で文字装飾やボタン追加が容易なこれにしました。3というプラグインです。3視覚的な操作で簡単にスライダーを作成できるプラグインです。美しい画像スライダー、レイヤースライダー、ビデオスライダー、投稿スライダーなどが作成できます。ja.wordpress.orgスライドの動き、間隔はもちろんのこと、文字やボタンの装飾も感覚的な操作で出来るのでとても重宝しています。余談ですが......レスポンシブ対応で横幅いっぱいに表示してみましたが、私の23インチモニタではスライダーが大きくなりすぎて記事が全て隠れてしまいました。画像と文字がぱっと一緒に目に飛び込んで来てほしいので、メニューバーだけ横幅いっぱいにしています。名称は案外統一されてない......キーワードを変えてググりましょう!参考になるサイト見て「こういうの」と思っても、なんてキーワードで検索すればいいのか分からず、時間がかかりました(笑)罠に引っかかったものをまとめておきます(思い出したら追加します)。メニューバー=グローバルメニュー=ナビ=ヘッター=#naviレスポンシブ=全画面拡大=横幅いっぱい(スマホ対応だけでなく、大型PCモニタでワイドに広がってほしい時とかもこのキーワードです)h1、h2、h3=見出し......などなど。個々のプラグインの設定方法は、これから詳細記事を作りたいと思います。コピーフォローする関連記事このブログは和波の運営する雑記ブログです。記事の質問やお仕事の相談など、お問い合わせフォームにてお気軽にご連絡ください。他にはこんな記事も読まれています。スマホのフッターメニューwanami当ブログにお越しいただきありがとうございます(^O^)/このブログは投資やお金のことを中心に、好きに書き綴っている雑記ブログです。米国高配当株式系ETFの3つを比較してみる。2019.03.09【隠れ優良銘柄】10年以上増配の日本企業上位20社一覧(コメントつき)2016.04.032017.07.01【今後のドル円レート考察】2050年まで円安、円高どっちに向かうでしょうか。健康お問い合わせホーム検索トップサイドバーwanami当ブログにお越しいただきありがとうございます(^O^)/このブログは投資やお金のことを中心に、好きに書き綴っている雑記ブログです。米国高配当株式系ETFの3つを比較してみる。2019.03.09【隠れ優良銘柄】10年以上増配の日本企業上位20社一覧(コメントつき)2016.04.032017.07.01【今後のドル円レート考察】2050年まで円安、円高どっちに向かうでしょうか。(2)スポンサーリンクタイトルとURLをコピーしました。