/はてなブログProからエックスサーバー+Wordpressに移行しました!2018.11.12はてなブログProからエックスサーバー+WordPressに移行しました!TweetPocket訳あってはてなブログProからエックスサーバーでサーバーを契約してWordpressに移行したのですが、まだ慣れない部分も多いので時間見つけつつじわじわ編集していきたいと思います。サイトデザインが頻繁に変わったり、ページが表示されなかったり記事が見れなかったりすると思いますがよろしくお願いします!はてなブログProからWordpressに移行した方法や、Wordpressテーマのデザイン編集方法などは別記事でまとめたいと思います。Base」を利用して、子テーマを編集してカスタマイズしております。Xeoryは無料テーマの中ではSEOに強いといわれており、シンプルなデザインとなっており使いやすいです。凝ったデザインにするには多少知識が必要だったり、どこをいじる必要性があるか調べる時間が必要そうです。デザイン重視のブログにしたい場合は初めからデザイン重視のテーマを利用するほうがよさそうです。Baseのサンプルページ」と見比べてみてください。デザインに関して質問等ありましたらコメントまたはツイッターにてどうぞー。́・ω・`)目次デザイン確認用1WordPressでの目次デザイン確認用h2サンプルです。テスト目次デザイン確認用2WordPressでの目次デザイン確認用h2サンプル2個目です。テスト目次デザイン確認用2-1WordPressでの目次デザイン確認用h3サンプルです。TweetPocketWordpressSNSでもご購読できます。TwitterでフォローするFeedlyでフォローするあきら(管理人)当サイト(ゲマゲマ)の管理人です。20:58https://my-turbulence.com/how-to-blog-entry-parallel-notationこちらのサイト様を参考にカード型を取り入れましたが、最終ページが奇数記事数になるとレイアウトが崩れるなどありましたのでそこを以下のように自分なりに調整しました。すべてのCSSの記述は「外観」→「カスタマイズ」ページの一番下にある「追加CSS」で記述しています。※テーマのCSSを直接調整してもいいですが、バックアップしておきましょう。※また、追加CSSの記述もローカルでメモ帳などにコピーしてバックアップしておくと安心です。※phpはそれぞれのphpファイルをいじってますのでこちらもバックアップしておくといいでしょう。記事一覧の2列化(カード型縦2列並び)の記述。*/トップページの記事一覧のアイキャッチ画像を以下の記述で調整(フルサイズ化、余白調整)、サイズや余白は好みで調整してください。※.archiveの記述はカテゴリー別の記事一覧ページ用ですので、トップページのみなら不要。0px;}※以下はレスポンシブ化用の記述です。*/■■■以下はアイキャッチ画像を記事タイトルの上に持ってくる調整。※アイキャッチ画像を記事タイトルの上に持っていきたいページのphpをそれぞれ変更する。index.php(トップページ一覧のサムネイルを調整する場合)archive.php(カテゴリ一覧のサムネイルを調整する場合)shingle.php(個別記事ページのサムネイルを調整する場合)single-lp.php(LPページのサムネイルを調整する場合)※ヘッダー要素にこの記述を入れるとレイアウトが崩れるので元の位置のままにしておく。?>以下3行をヘッダー要素に移動(個別ページはSNSボタンの上に移動するよう注意※これは自分用のメモですが念のため記述したままにしてます)※コメントだとdivタグが表示されないようなので<>を全角にしてますが、実際は半角にしてください。※(”)の部分を(‘full’)にすることでアイキャッチ画像を記事幅サイズにする。</div>の様に、post-title直下へコードを移動する。※IEはアイキャッチ画像が崩れるので個別で以下のような記述が必要。*/}ほとんど独学でやってるので記述が汚いと思われるので、その点は個人で調整お願いします。Base」を元にしているので別のテーマではうまく反映されない、細かな部分が違う可能性がありますが参考にしてみてください!需要があるようならレイアウトの記事をまた時間あるときに書こうと思います。※抜けなどあればまたコメントにて返信します。うまくいかない場合はまたコメント頂ければわかる範囲でお答えします。21:06コメントに空白改行とスペースが反映されないようなので見づらい点ご了承ください。・記事一覧の記事内容を非表示化しております。自分も当時試行錯誤して色々いじったのでたぶん抜けがあったりすると思います。余白などや投稿日時の位置・サイズなど細かく調整しているので、レイアウトがこのサイトとは違う感じになると思います。01:33コメント表示確認用テストコメント投稿です。21:20コメントに対しての返信コメントのテスト投稿です。コメントをキャンセルコメント名前メールアドレス(公開はされません。プロフィール管理人のあきらです。自分がプレイしているゲームや新しいゲーム等の攻略記事や話題、人気のニュース等の記事を書いてます。記事作成のご依頼やご用の際は以下のメールまで。