سال نو، سایت نو؛ بازسازی وب سایت کودکان فرشته اند

 تصویر ساعت

اواخر ۱۴۰۲ بود که بعد از مدت‌ها وارد سایت کودکان فرشته‌اند شدم . راضی کننده نیست. ظاهرش اگرچه بد نیست اما عالی هم نیست و مشکل اصلی نه البته ظاهر بل باطن سایت است که اگر آدم می‌بود با این حجم از کثافت کم از شیطان نداشت. برای بررسی دقیق‌تر از PageSpeed Insights استفاده می‌کنم. نتیجه از این قرار است:  نمره سایت کودکان فرشته‌اند

حالا یکم فروردین است. شروع می‌کنم به کاری که معلوم نیست به کجا ختم می‌شود.

سایت را با وردپرس درست کرده‌اند. بعداً خواهم نوشت که چه موقع و چرا نباید از وردپرس استفاده کنم؟ کوتاه و مختصر اینکه هیچ گاه نباید از وردپرس استفاده کنیم.

اولین چالش پیدا کردن تعداد صفحات فعال است؟

اما چگونه باید این کار را انجام بدهم؟

  1. یکی از کارهایی که باید بکنم جستجوی گوگل است:
site:koodakancharity.ir

تمام صفحاتی که گوگل index کرده است را نشان خواهد داد.

  1. باید یک مرتبه هم صفحات را خودم شخم بزنم تا صفحاتی که در گوگل پیدا نشدند را پیدا کنم. این کار را چگونه انجام بدهم؟ تعدادی سایت وجود دارند که ظاهراً این خواسته را برآورده می‌سازند اما هیچ گربه‌ای محض رضای خدا موش نمی‌گیرد. پس باید دنبال راه دیگری باشم! می‌توانم خودم در سایت بگردم و صفحات را پیدا کنم. ایدهٔ بدی هم نیست اما یک ابزار هم کشف کردم به نام linkchecker خیلی ساده با pip3 نصب می‌کنم آن را:
    pip3 install linkchecker

خیلی ساده آدرس سایت را بهش می‌دهم و همه جا را برایم شخم می‌زند و نتیجه را اعلام می‌کند:

linkchecker https://koodakancharity.ir

عمل نمی‌کند! آدرس کامل می‌دهم و خیال خودم را راحت می‌کنم:

home/MY_USER/.local/bin/linkchecker https://koodakancharity.ir

افزودن -v اطلاعات بیشتری را نصیبم می‌کند. همچنین بهتر است نتیجه را ذخیره کنم که بعداً بتوانم از آن استفاده کنم:

home/MY_USER/.local/bin/linkchecker https://koodakancharity.ir -v > kc.txt

حالا با این همه چه چیز دستگیرم شد؟

سایت فعلی در حدود ۲۰ صفحه مفید در دسترس دارد. بعلاوه تعدادی زیادی از صفحات سایت اگرچه در گوگل index شده‌اند اما هیچ لینک داخلی به آنها وجود ندارد. صفحاتی مثل:

https://koodakancharity.ir/rating-new/

و

https://koodakancharity.ir/category/news/

و ...

نمی‌دانم این این اتفاق عمدی بوده است یا سهوی.

از الآن باید با خودم رو راست باشم. برای به ثمر نشستن این پروژه یا مسئولین باید قبول کنند که قید وردپرس را بزنند که نمی‌کنند و یا من باید قالب را ببرم روی وردپرس که انجام نمی‌دهم! پس قرار نیست اتفاقی بیفتد. با این حال این کار را شروع می‌کنم. اما چرا؟

از بچگی همیشه از html و css بدم می‌آمد! حالا اما بعد از این همه سال علاقه‌مند شده‌ام! گناه که نیست. وقتی دارم ظاهر وب‌سایت را طراحی می‌کنم حس می‌کنم قلم‌مو به دست گرفته‌ام و دارم نقاشی می‌کنم. بعد از این همه سال توهم دانشمند بودن حالا توهم هنرمند بودن زده‌ام! حس می‌کنم در کودکی به اندازهٔ کافی کودکی نکرده‌ام. بیش از اندازی خودم را به کارهای جدی مشغول کرده‌ام و حالا در بزرگسالی مجبورم بیشتر کودکی کنم. بد هم نمی‌گذرد ...

داخل پرانتز بنویسم که جا دارد که یکی سرم داد بکشد که اگر بیل‌زن بودی باغچه خودت را بیل می‌زدی. این بلاک‌های کد، کدها را مثل متن فارسی از راست به چپ نشان می‌دهد. شاید واقعاً بلد نیستم درستش کنم. مهم نیست!

اول از همه چون از برای اینکه Relative Paths هایم به مشکل نخورند یک پورت جدید باز می‌کنم. کانفیگ‌های لازم در آپاچی به این شکل است:

اول باید

/etc/apache2/ports.conf

را ویرایش کنم و این خط را اضافه کنم:

Listen PORT_NUMBER

و بعد هم این یکی را ویرایش کنم:

/etc/apache2/sites-enabled/000-default.conf

و همان خطوط خودش را یک بار دیگر بنویسم این بار اما با شماره پورت جدید. یک ری‌استارت هم که بکنم دیگر همه چیز آماده است برای شروع:

sudo service apache2 restart

این قدر همه جا از Mustard استفاده کرده‌ام که دیگر برای خودم هم خسته کننده شده است. مدتی دنبال جایی بودم که Pure.css را به کار بگیرم. شاید الآن موقعش باشد. پس شروع می‌کنم.

از کجا شروع می‌کنم؟ می‌خواهم یک صفحه مشابه صفحه اول سایت سایت کودکان فرشته‌اند بسازم. بعد از کلی بالا و پایین کردن یک نمونه اولیه می‌سازم. چند بار به برادرم نشان می‌دهم و نظرش را می‌پرسم و بعد تغییرات لازم را اعمال می‌کنم. به نظرم قشنگ شده. جا برای کار زیاد دارد اما تا همین جایش هم از سایت خودم دلرباتر است! قبل از انتشار

Disallow: /

را هم به

robots.txt

اضافه می‌کنم که گوگل سمتش نیاید!

حالا وقت آن است که منتشرش کنم! اما چه جوری این کار را انجام بدهم؟

launchdeck.io که از آن برای انتشار Sibiya استفاده می‌کنم در نسخهٔ رایگانش تنها یک وب سایت را پشتیبانی می‌کند. البته می‌توانم این پروژه را هم به مخزن Sibiya.ir اضافه کنم اما کار زشتی است!

دست به دامان GitHub Pages می‌شوم. چند سالی می‌شود که از آن استفاده نمی‌کنم. کار سریع جلو می‌رود. حالا باید دامنه خودم را وصل کنم. دامنه‌هایم را با آروان مدیریت می‌کنم. این یکی هم سریع انجام می‌شود و سایت با این آدرس بالا می‌آید:

https://koodakancharity.sibiya.ir

و دوباره PageSpeed Insights

نتیجه خیلی خوب نیست:  نمره سایت کودکان فرشته‌اند  یعنی افتضاح است برای یک سایت ایستا! من شکست خورده‌ام ...

برای آخرین تلاش یک نسخهٔ دیگر از سایت را روی همین هاست Sibiya.ir که از پارس‌پک گرفته‌ام بالا می‌آورم:

https://kc.sibiya.ir

و دوباره PageSpeed Insights

تقلب می‌کنم. امتیاز ۹۷ موبایل را پنهان می‌کنم و به جایش این عکس را منتشر می‌کنم تا بماند به یادگار:  نمره سایت کودکان فرشته‌اند  و تجربه‌ای بشود برای عدم استفاده از GitHub Pages.

و این ۱۰۰ همان امتیازی است که بارها برای رساندن Sibiya.ir به آن تلاش کرده‌ام اما موفق نشدم. باید داد بزنم:

درود بر ایستایی ...

پی‌نوشت: از اینجا می‌توانید وارد مخزن گیت‌هاب مربوط به این پروژه بشوید!

نوشته شده در جمعه ۳ فروردین ۱۴۰۳



حرفی؟ سخنی؟

دوست خوبم سلام!
پیام شما در این صفحه منتشر نمی‌شه برای همین اگه دوست داری جواب پیامی که برام می‌نویسی رو بگیری حواست باشه که ایمیل معتبری وارد کنی. تنها راه ارتباطی من با شما همین ایمیلیه که اینجا وارد می‌کنی. پیشاپیش ممنونم که نظرت رو می‌گی.