サイト編集記

プロフィールの設置

投稿日:

今回は、サイドバーにプロフィールを作ろうと思いました。

スポンサーリンク

 

結果から言うと、取り敢えずできたけど、ここはちょこちょこ弄って変更したいなぁ、と思いました。

 

で、本題なんですが、入れたい場所はサイドバーの一番上です。

プロフィールを入れてる人は、大概、ページのトップに入れてるんじゃないでしょうか。

で、私が真っ先に思い付いたのは、サイドバーにヴィジェットを追加する、という方法でした。

 

まず、WordPlessの外観から、ヴィジェットを選択します。

で、プロフィールを入れたい場所は、サイドバーの一番上なんですが、

WordPlessだと、サイドバーヴィジェットとサイドバートップ、と分けられてます。

画像の右上にサイドバートップ、というところがあります。

最初は、多分何も表示されてない状態だと思います。

スポンサーリンク

画像では、「検索」を組み込んでます。

 

実は、記事にはしてないけど、ちょこちょこいじっていて、

毎回画像として工程を写真に撮って置けば分かりやすいんですけど、

なんとなく出来ちゃったり、毎回画像編集するのも結構時間を取られ、精神的にも負担が大きいものです(;^ω^)

そんなこんなで、後でどうやったか覚えてないところとかは、記事に書かないでいます。

 

で、折角サイドバートップという枠があるなら、と、そこに追加する形をとりました。

だんだん覚えて来た、テキスト、というのを作るんですが、ほぼそれで完成です。( ´∀` )

上の画像の中の真ん中の列に、テキスト、というのがあります。

その横に「追加」があるので、それを押すと、

こんな画面が出てきます。ここでのタイトルは何でもいいです。画面に表示はされません。

「プロフィール」と表示したければ、大きな空白部分の最初に、プロフィールと書き、

画像を載せたければ、「メディアの追加」をするだけです。

殆ど、通常の記事を書くのと変わりません。

最後に、画像下の方にある、「サイドバートップ -選択-」っていう所の「選択」をクリックし、

多分「1」しかでてこないので、「1」を選択し、一番下までスクロールして、保存すれば完了です。

 

サイドバーの位置はこの画面で選択式になってるので、簡単に編集できます。

保存したら、最初の「サイドバートップ」のところに、タイトルの名前が追加されてると思います。

 

と、この方法では簡単にできたんですけど、一つだけ戸惑ったのが、

ヴィジェットテキストに文字を書き込むと、文字がイタリアンになっていて、

書体を変更することが出来ませんでした。

何か方法があるのかも知れないけど、分りませんでした。

 

ただ、入力はイタリアンの書式でも、実際に表示される書体はイタリアンじゃありません。

 

今回は、直ぐ思いついたやり方で、兎に角プロフィールを表示させてみる事をしたんですけど、

多分、もっと違う方法もあると思います。

 

本来なら、一旦作ったら、あまり変更するべき項目じゃないのかもしれないけど、

そのうち検索してみて、違うやり方の方がよさそうなら、変更してみたいと思ってます。

 

スポンサーリンク
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8572948943004158"
     crossorigin="anonymous"></script>
<!-- GoogleAdsence広告 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8572948943004158"
     data-ad-slot="2945837399"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8572948943004158"
     crossorigin="anonymous"></script>
<!-- GoogleAdsence広告 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8572948943004158"
     data-ad-slot="2945837399"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

-サイト編集記

Copyright© ももひなブログ , 2024 All Rights Reserved Powered by STINGER.