BLOGトップページを全幅にしてみたよ。

ななななんと!既に3月も7日ではないですかぁーーーー

時間早く経ちすぎてビックリでした☆

ちょっとお仕事でバタバタしていたのでやる時間なかったのですが
ずっとやりたかった事がやっと出来た?のでブログ更新ですよ☆

まずやりたかった事。

 

ブログのトップページを作る。



どういう事かというと、このホームページはのトップは
[http://jadore.cinnamonroll.me] なんですけど
そこは主に【仕事のプロフ入り口】として使っています。
サブコンテンツとして、ブログを色々書いていきたい。
他のブログを使うんでなくて同じWordPressでやりたいなぁ。

同じWordPress内で完結させたい!
でも、ちゃんとメリハリのついたサイトにしたい!

……というワガママっぷり。
私もWordPress素人さんなのでめっちゃ調べました。
一番簡単?だと思うやり方なので、よかったら参考までにメモで残しておきます。




1:固定ページを作成
まず、固定ページを作ります。
HOMEのページが [http://jadore.cinnamonroll.me]なので
[http://jadore.cinnamonroll.me/blog]  
にしました。




2:プラグイン[Elementor Page Builder]をDLする



固定ページや投稿ページの編集を視覚的にやれちゃうプラグインです。
似たプラグインは多かったし、いくつか試して使ってみましたが
私にはコチラがあっていたようだったので、Elementor Page Builder(フリー版)に決めました!

なんか見た目が個人的に一番オシャレに見えたから……vvv(シャレオツに弱いv
DLしたら、ちゃんとプラグイン有効ボタンを押しましょう。
有効にした後に、必要であれば設定ページを開きます。

何が必要かというと、このエディターを固定ページのみで利用したい人。
そういった人は、[投稿タイプ]のところで[固定ページ]のみのチェックにして変更保存してください。そうしたら、ブログ投稿時にエディター使うような画面が出てこなくなります。




……という事で次に参りますよ。


3:思いのまま編集する!!!
固定ページ[/blog]の編集ページを開きます。
すると、こんなページが出てくると思います。



ん?なんか、いつもと雰囲気が違うぞ。
……安心してください。普通の固定ページも作る事は可能です。
(ただ、通常編集 or Elementorを使う のどちらかになります)

[Elementorで編集する]
を押します。

そうすると、ライブビューページが右側に出た状態になります。



こんな感じ。
左サイドバーに、使いたいウィジェットをポチポチ入れていくだけです。
なんて簡単な操作!!!
私は、ブログロゴだったり、ちょっとしたプロフ、タグクラウド 、人気記事
あとは最新の記事だったりオススメカテゴリの記事一覧を配置してみました。
サイドバーをなくして、1カラムにしたので
【おぉ、ブログトップページ!】という感じでちょっと自己満。

とりあえず、今のところコレで満足したのでブログのモチベがあがりました。
明日からまたブログ書いていくぞー☆


[追記] 1つ気になった事も。
アドセンス広告タグを挿れるとエラーになるので入れれませんでした↓
恐らくフリー版だからなのかな?と思ったり。
プロ版もあるようですが、とりあえずフリー版で満足です☆

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA