Wordpress」タグアーカイブ

WordPress 珍道中 その4(Contact Form 7)

コメント欄は停止した。

ネットでWordPressの記事を読んでいると、コメント欄は要らないという声が多いので、コメント欄は停止。(Throws SPAM Awayいれたばかりだろ)代わりに、問い合わせフォームを入れたいと思って、Google先生で検索。先生、いつもありがとうございます。あと20年、早く合いたかったで~す。とブツブツ言いながら(痴呆ではない)どうも定番らしいプラグインを発見!もう、何でもプラグインで済ませたい。

プラグインの名は Contact Form 7。知っているよ、そんなの、という声があるのは、承知の上でのご紹介。(使い方は既に多くのHPで紹介されているので省略)定番では、これを使って、固定ページ(会社案内等の)に貼り付けて、使用するらしいけど、僕はプロフィールの下へ貼り付け。うん、スッキリしていていいね。(自己満足)

このサイトはロリポップのライトプラン、月々250円で作成されています。ロリポップなら、WordPressもメールも無料。WordPress始めるなら、サポートも充実しているロリポップ!がオススメです。


WordPress 珍道中 その3(スパム対策)

まだ、コメントも無いのにスパム対策。

WordPressの動画や、記事を読んでいると、コメント覧に、海外から大量のスパムメールが送られてくるとの事。(コメントないだろ)今の内に対策しておこうと、デフォルトでインストールされているAkismetとは別に、コメント内に日本語の記述が存在しない場合はあたかも受け付けたように振る舞いながらも捨ててしまうプラグイン、Throws SPAM Awayをインストールしました。(ちょっと、安心)こちらの方が効果があるという記事が多いですね。

ブログの記事内に電話番号を記述すると、リンクされます。スマホなら良いのですが、PCには必要ないと思い、Google先生にお願いして、PCの場合はリンクしない様な方法を検索して、幾つか試しましたが、有効になるCSSは見つかりませんでした。残念。(単なる知識不足)

Windows10のブラウザ、edgeでカテゴリーの単独ページを表示すると、ヘッダーの画像がなぜか粗くなります。(edgeはまだ、未完成なのかな)

とりあえず、ロリポップのライトプラン。

僕がこのページを書いているのは、WordPressとロリポップ!レンタルサーバー!の組み合わせです。ロリポップさんとは長いつきあいで、仕事で、一時的なPDFの公開に使用してきましたが、今まで、何のトラブルもありません。価格もエコノミーコース、100円からと良心的です。エコノミーコース、100円の場合、WordPressは使用出来ませんが、ライトコース250円の場合は、簡単インストールでWordPressが使えちゃうんです。ですから、WordPressを使いたいと思ったら、まず、ライトコースがお勧めです。

今まで、無料ブログで、広告に悩まされていた方も、自分でサーバーを借りて、ブログを書けば、その悩みはなくなりますし、僕の様にWordPressを一から覚えるには、安い授業料だと思います。
僕は使った事がありませんが、マニュアルやライブチャットも完備しているみたいなので、ホームページ初心者でも安心です。
さあ、試し期間も10日間あるので、まずは、試してから。

このサイトはロリポップのライトプラン、月々250円で作成されています。ロリポップなら、WordPressもメールも無料。WordPress始めるなら、サポートも充実しているロリポップ!がオススメです。


WordPress 珍道中 その2(Twenty Seventeenのカスタマイズ)

Twenty Seventeenのフォントの変更に手こずる。

ヘッダーのフォントが気に入らなくて、簡単に変更できるプラグインのEasy Google Fontsをインストールしました。(面倒くさがり)フォントをHelveticaの太字に変更したのですが、(何となく安心)トップページに表示されるフォントの太さとカテゴリで固定ページとして表示されるフォントの太さが違います。トップページで表示されるHelvetivaの方が細いのです。

これを何とかしたいと思ったのですが、Easy Google FontsでFont Weight/Styleを設定できるのは700まで、(設定で変更出来るのかもしれない)800なら太字になるのに!と思いながら、覚えたばかりのカスタムCSSへの記述の追加です。

html[lang=”ja”] h1 {
font-weight: 800;
}

これ、下に書き加えても赤文字になって認識してくれないんですね。上から書き加える事で機能しました。(無知なだけ)
これで、トップページとカテゴリページのHelveticaの文字は同一となりましたが、h1の修正という事で、記事ページのタイトルにも影響。(あくまでPC上)まあ、カッコいいからいいか。(記事ページのみの修正の仕方をしらない)

あとは、今更ながらメニューを追加。目次のプラグインをインストールしたけど、まったく認識せず。(お使いのバージョンの WordPress ではテストされていませんだった)

このサイトはロリポップのライトプラン、月々250円で作成されています。ロリポップなら、WordPressもメールも無料。WordPress始めるなら、サポートも充実しているロリポップ!がオススメです。


WordPress 珍道中 その1(Twenty Seventeenのカスタマイズ)

超初心者のくせに、カスタムをしたがる。

もう~、まったくの初心者なので、手探り状態で、Twenty Seventeenテーマをカスタマイズしています。(出来るのか?)
最初にインストールしたプラグインは

●TinyMCE Advanced ビジュアルエディタを拡張できる。
●Count Per Day 訪問、閲覧者のカウント。
●Category Order and Taxonomy Terms Order カテリゴーの順番を入れ替えられる。

この3つ位で、初心者なので、少しずつ、覚えていこうと思いましたが、トップページの記事タイトルの文字の太さ!細くないか~い。と気づいてしまいます。(気づくのが、遅い)カテゴリーの固定ページへ飛ぶと、なぜか、太字になっている。なぜ、統一しないのだろうか?統一したいな~と、不満に思いながら、google先生頼りに検索しまくり(いつも頼りっぱなし)、いい方法を見つけた(アラコキさん?のHP)ので、同じ様に困っている方へ報告しておきます。font-weightをboldに変更するというものです。

次に、難関のCSSへの記述が待っていますが、初心者ですから、CSSは聞いた事があっても、直接変更せずに、子テーマを作って、変更?など、知りません。面倒くさい。もう、嫌!子テーマ作って、それを認識させて、ファイルに納める?あ~面倒!そう思って、これはちょっと勉強しようとYoutube(本気で勉強する気が無い)で探していると、『Wordpress徹底解説!CSSをカスタマイズ!簡単にCSS編集が出来るプラグイン紹介』なる動画を発見!

WordPress関係の動画をみつけて、喜ぶ。

これ、よくある初心者にやさしい動画だ~!(お前にぴったり)これを見ていると、先程、面倒だと思っていたCSSの子テーマ造りがプラグインで簡単に出来る!何てすばらしい!そこで紹介されていた、Simple Custom CSSを早速インストールすると、外観の項目にカスタムCSSという項目が現れる。あとは、クロームブラウザで、対象のタイトルを反転させ、マウスの右クリックで検証すれば、右側にCSSの一覧が出るので、文字の太さを変更するのは、だいたい、この辺と見当がつく。(大丈夫か?)あとはそのコードをコピペし、何とか、トップページも固定ページも同じ様にタイトル文字が太字になりました。めでたし、めでたし。

以下の記述をカスタムCSSに加えれば、問題は解決するはずです。(そもそも、問題かどうか?)

h2, .home.blog .entry-title {
color: #666;
font-size: 20px;
font-size: 1.25rem;
font-weight: bold;
}

自己責任でお願いしますね。

このサイトはロリポップのライトプラン、月々250円で作成されています。ロリポップなら、WordPressもメールも無料。WordPress始めるなら、サポートも充実しているロリポップ!がオススメです。