Button について

ホームページを作るときに「ボタン」はまず欠かすことができない。

bootstrap では色の違うデザインのボタンがいくつか用意されているけど、気に入ったのがない。自分で一から作るのも大変だが、よくしたものでbutton builder なるものがあるので使ってみることにした。

ここで文字色、背景色など指定した後、html と css を作ってもらって、それを張り込めば簡単である。

Joomla! で icon font を使ってみる (備考)

昨日の記事を書いた後、少し思いついたことがあったので試してみた。


それは、

1. 私がJoomla!で使っているテンプレートは Helix3 だけど、これは結構バージョンアップする。その際、私が付け加えたcss ファイルは大丈夫だろうか？
2. Quix-Pagesでhtml タグ <span class="xxxxx"></span> が使えなかったが、これは開始タグと終了タグの間に何もいれなかったせいではないのか？

と言うこの二つ。
で、おっかなびっくりではあるけど、さっそくリサーチしてみた。

Joomla! で icon font を使ってみる

Helix 3 にはdefault で FontAwesome と言う icon font が使えるようになっている。
これはとても素晴らしいことなんだけど、残念ながらこの中に私が使いたいアイコンがない。
本とは画像を挿入すればいいと思ってたんだけど、
「みんくすのぐーぶろ」と言うサイトの「簡単6ステップ！オリジナルアイコンフォントの作り方」と言うサイトを読んでいるうちに
自分で好みのicon font を作ってやりたいと言う思いがムクムクと湧いてきた。

Joomla 3.7 で Full Article Image の位置を修正してみる

この前の投稿では intro image の場所をタイトルの上に置く方法を探ってみた。
これがうまくいったときは本当にうれしかった！

でも、その後、またまた問題発見。。。！

私はブログで intro image と同じ full article image をシングルページに表示させていた。当然、これもタイトルの上に表示したかったんだけど、intro image の場所を直しただけでは full article image の場所は変わらない（当然です）

でも、menu を見ても出てくるのはブログのトップページのリンクで個別記事がどこでコントロールされているのかなかなかわからず苦労しました💦

色々調べた結果わかったことはそのファイルは

components/com_content/views/article/templ/default

にあることが分かった。

あとは前回同様 override を作って、full article image を出す line をタイトルの上に移すとfull article image も無事、タイトルの上に表示されました！！

Joomla3.7 で intro image の場所をタイトルの上に移してみる

Joomla core をいじくってレイアウトを変えると言うのはヒヤヒヤものなんですが、ブログレイアウトで intro image がタイトルの下にあるのはどうしてもゆるせん！！

と言うことで四苦八苦しながらトライしてみました。

まず、コアファイルをいじくる手始めにやらなくてはならないのは overrides を作ること

これは言ってみればWordPress の子テーマみたいなもんでしょうか。
直接コアファイルをいじるのは絶対避けねばならないのでこれは必須です。