HP作成blog

HP作成blog

アピールエリアのテキストエリア表示をカスタマイズする

前回はアピールエリアの画像をページごとに変更し、さらにアニメーションをつけて見栄えをよくしました。アピールエリアにはテキストメッセージを表示することが出来ますが、デフォルトでは背景カラーが白、フォントカラーが黒となっています。これを見栄え良...
HP作成blog

アピールエリアの画像をページ毎に変更してアニメーションをつける方法

前回はテーマをLighitnigからCocoonに変更した後のCocoon設定と一部CSSの削除と追加についてお話しました。今回、アピールエリアの画像をページごとに変更したりアニメーションをつけて見栄えをよくしていきたいと思います。 アピー...
HP作成blog

ホームページ作成ツールのテーマを「Lightning」から「Cocoon」に変更(その2)

前回はテーマをLighitnigからCocoonに変更した経緯と方法についてお話しました。 ただテーマを変更しただけですが、特に不具合もなく今まで作り込んできたコンテンツ自体は何の問題もなく表示されました。しかし、トップ画面のスライドショー...
HP作成blog

ホームページ作成ツールのテーマを「Lightning」から「Cocoon」に変更

今年の1月にホームページを立上げしてから約半年が経ちました。このサイトはwordpressの無料テーマである「Lightning」を利用して作成してきましたが、今回同じwordpressの無料テーマである「Cocoon」に変更しました。変更...
HP作成blog

中央揃えテキストの半端な改行を解消!

中央揃えのテキストを配置した場合、スマホ画面での表示の際に半端な位置で改行されて見にくくなる事があります。今回は、HTMLブロックを配置してその見づらくなる事象を解消しましたので、その方法についてお話します。 中央揃えテキストの半端な改行を...
HP作成blog

Content Viewsで投稿記事を画像付きでリスト化に!(その2)

前回、簡単に投稿した記事をアイキャッチ画像付きでリスト化してくれるプラグイン「Content Views」についてお話ししました。配置は完成しましたが、出来栄えに満足いかず少し手を加えたい箇所がありましたので、今回はその手直しした方法につい...
HP作成blog

Content Viewsで投稿記事を画像付きリスト化に!

投稿した記事を一覧で表示させると、縦一列に投稿した記事が並べられて表示されます。これをもう少しきれいにわかりやすく見せたいという時に、このプラグインを使えば簡単に投稿した記事をアイキャッチ画像付きでリスト化してくれます。 今回は簡単に投稿記...
HP作成blog

WordPress Blocks Animationの活用方法

今回はプラグイン「Blocks Animation」について説明します。このプラグインは追加CSSやJavaScriptを使うことなくブロックメニューからアニメーションを付けることが出来ます。アニメーションをつけることで、おしゃれなページを...
HP作成blog

WordPress Widget Optionsの活用方法

今回はプラグイン「Widget Options」について説明します。WordPressのウィジェットはとても便利な機能ですが、全てのページに表示されてしまいます。このプラグインは特定のページだけに表示したり、非表示にしたりするために導入しま...
HP作成blog

WordPress Arkhe Blocksの活用方法

今回はプラグイン「Arkhe Blocks」について説明します。「Q&Aページ」「工事のながれ(フロー)ページ」と、「ページの目次」に活用しました。このプラグインも機能がたくさん付いています。今回もこのホームページで活用した内容に絞って説明...